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导出，是按几倍尺寸导出

导出选中图层之后，去目录查看如下

已成功切出需要的图片

参考

视频