切片优化小拾

最近一个人负责移动终端app的切片，现在总结下一些快捷技巧及经验，以备将来之需；

1.工具准备：

　　1）需要装PhotoShop cc版(官网)和ps的插件Cutterman   ******************快速切片用;

　　2）需要装 markman 和 adobe air（markman基于adobe air） **************效果图标识;

　　3）需要安装 Pngyu （这个快捷常用可直接拖文件夹）或用线上工具https://tinypng.com/（仅能拖放png,jpg格式的图片）  ******************切片优化

2.规范:设计源文件psd必须为 1242*2208px 分辨率为72px；

　　1）以1243*2208px为3倍图 用插件Cutterman ios 的分辨率 @3x、@2x、@1x;3X模式为1.5倍；

　　　　（ios开发，安卓开发都用此标准的1,2,3倍图；）

　　2）一张源文件psd对应一个文件夹其命名一一对应；

　　3）文件夹内分三个小文件夹@1Ximages、@2Ximages、@3Ximages和效果图及效果图标识；例如     

　　4）切片图片命名:英文加下划线；

　　5）效果图标识:主要标注模块的宽度及高度，颜色用16进制(ios开发的用rgb标，通常只标一种) 字体，字号，字体颜色，背景颜色等等；

3.优化，直接拖文件夹进Pngyu内优化；

4.图片在线优化压缩：http://webresizer.com/resizer/

5.一些小经验:

　　1）快速选择图标所在图层: 选取移动工具--勾选自动选择--图层，直接点击图标中的含颜色像素；

　　2）如何分离图层:选取 矩形选框工具--选择需要分离的图标--ctrl+j--生成拷贝图层；

　　3 ) 如果加大画布: 选取 裁剪工具 -- 直接拉到裁剪区面积

　　4）若插件生成的1倍图模糊，可将2倍图或3倍图缩成1倍图的尺寸;

　　5 ) 图标图层居中:例如一个正方形的背景透明的图标 需要居中，可增加一个图层填充颜色，然后选中两图层 点击图层居中；居中后可将填充图层删去；