PS切图笔记
不论是移动开发,还是前端开发,都会经常和UI设计师打交道,有时候UI设计师太忙,来不及为我们切图,我们就可以根据UI给的psd文件切图,自己需要什么样的自己切就可以了。接下来就记录下自己学习ps切图的过程。
软件安装
1) ps直接百度搜就可以了
2) 切图助手cutterman,可以直接将切的图转化为android,ios和web需要的尺寸。
开始切图
网上下载一个psd文件,浏览如下
现在我们做些ps的基本设置
[自动选择]我截图之前是勾上的,截图时,没显示出来,这里要勾上。
现在我们要切那个右下角的粽子,按住alt键,鼠标点击粽子那块区域,会自动选中那块图层,如图
右键点击那个眼睛,选中[显示/隐藏其他图层],此时界面如下
ctrl+鼠标点击选中图层
此时选中状态
可见周围有层虚线。
通过[视图]->[新建参考线],拖拽之后如下,
参考线里面的内容是要切的图片。
alt+i+p新建图层,扣出了刚刚选中的部分
此时切片还是选中状态,按下ctrl+d删除选中状态
此时的图片就可以通过cutterman导出了。
导出之前可以先对cutterman设置
我们可以设置是导出android还是ios,是drawable还是mipmap导出,是按几倍尺寸导出
导出选中图层之后,去目录查看如下
已成功切出需要的图片