多语言展示
当前在线:1618今日阅读:23今日分享:25

PS抠图大全系列之:[9]另类目录列表快速抠图

做为电商美工或网站设计师,页面效果图的分离(切片),应该是必须掌握的一项技能,那么本节就来说说,切片工具分离(另类抠图)效果图的过程
工具/原料

1、切片素材,电脑

方法/步骤
1

第一步:【前期准备工作】:启用PS,打开切片素材,Ctrl+0最大化显示

2

第二步:【选择切片工具】:在图片【起点A】按下不放拉向【结束点B】,选择整个图片

3

第三步:【切片间隔设置】:选择【切片选择工具】并点击【划分】命令,对切片进行水平与垂直设置

4

第四步:【分析切片划分数量】:观察发现,素材水平与垂直都为4个Logo,并上下左右4个边的边距几乎一样,所以,水平与垂直都设置为4       【注意】:这种自动划分的功能,素材最好在前期做好四个边的边距处理,减少划分后的切片调节

5

第五步:【保存设置】:文件--存储为Web所用格式    注:如果只用于网络上流通的图片最好用这个保存方式,能很大程度的优化图片大小

6

第六步:【Web保存格式设置】,通过下图矩形红框,可以看出图片优化的很多,从2.16M到了134K【1M=1024K】       注:1、网络图片的加载是图片文件大小越小、颜色信息越少加载越快              2、关于网络图片与印刷图片经验、图片格式等会出来在后面的文章中              3、如何查看大图方法:点击图片--进入【步骤阅读】模式,在点图片就可以看大图了

7

第七步:【保存格式类型设置】:    1、【HTML和图像】:会自动生成一个Images文件夹和一个HTML网页文件    2、【HTML】:只生成一个HTML网页文件    3、【图像】:只生成一个Images文件夹    4、因本节说的是切片抠图,所以只看图片,其它类型及HTML应用后面帖子会详细说到

8

第八步:【查看抠图素材】

注意事项
1

1、切片的应用与了电商美工与网页设计师外,平面等行业也时常用到

2

2、抠图大全系列文章,进行进价部分,前期主是几种另类的抠图方法,期待吧小伙们

推荐信息