切片优化小拾
2015-07-08 17:49
141 查看
最近一个人负责移动终端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.一些小经验:
1)快速选择图标所在图层: 选取移动工具--勾选自动选择--图层,直接点击图标中的含颜色像素;
2)如何分离图层:选取 矩形选框工具--选择需要分离的图标--ctrl+j--生成拷贝图层;
3 ) 如果加大画布: 选取 裁剪工具 -- 直接拉到裁剪区面积
4)若插件生成的1倍图模糊,可将2倍图或3倍图缩成1倍图的尺寸;
5 ) 图标图层居中:例如一个正方形的背景透明的图标 需要居中,可增加一个图层填充颜色,然后选中两图层 点击图层居中;居中后可将填充图层删去;
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.一些小经验:
1)快速选择图标所在图层: 选取移动工具--勾选自动选择--图层,直接点击图标中的含颜色像素;
2)如何分离图层:选取 矩形选框工具--选择需要分离的图标--ctrl+j--生成拷贝图层;
3 ) 如果加大画布: 选取 裁剪工具 -- 直接拉到裁剪区面积
4)若插件生成的1倍图模糊,可将2倍图或3倍图缩成1倍图的尺寸;
5 ) 图标图层居中:例如一个正方形的背景透明的图标 需要居中,可增加一个图层填充颜色,然后选中两图层 点击图层居中;居中后可将填充图层删去;
相关文章推荐
- 电话号码对应英语单词
- 最新版SDWebImage的使用
- 98 成绩转换
- TCP/IP 协议
- 递归与调用栈工作原理-典型递归例题实现
- android adb介绍
- 【算法学习笔记】67.状态压缩 DP SJTU OJ 1383 畅畅的牙签袋
- 如何在Java客户端调用RESTful服务
- 2012年5月SAT香港真题解析
- oracle archivelog模式与非archivelog模式转换
- 七、Oracle分页
- jQuery上传插件Uploadify 3.2用法
- Android 屏幕适配相关解决方案
- static块相关例子
- Spring学习笔记——Spring的自动装配
- FragmentPagerAdapter和FragmentStatePagerAdapter的区别
- 教你手工mysql拆库
- 【学习】CALayer实现,界限、透明度、位置、旋转、缩放组合动画
- Java内存泄露原因详解
- conn system/orcl as sysdba ERROR: ORA-01031: insufficient privileges