当前位置:首页>ps入门教程>ps基础教程>技巧教程>教程内容

切图教程,分享一种高效切图方法(2)

来源:站酷 作者:duck3805946 学习:30927人次

切图教程,分享一种高效切图方法_www.16xx8.com

这样做的目的:一方面,方便自己以后查找;另一方面,方便咱们的开发工程师查找文件,因为有时候是分工合作,需要第一时间找到对应的文件。

2、命名规则

建议采用以下方法命名:

公式:模块_类别_功能_状态.png

例子:new_icon_share_nor.png

说明:最新_图标_分享_正常.png

备注:2倍图和3倍图的时候需要在后面加2x、3x,以便明确这是几倍图,比如:new_icon_share_nor@2x.png new_icon_share_nor@3x.png;命名的下划线一定要用“_”这个不能用“—”这个,在安卓上面不支持,并且使用这个符号也不是很规范。.png绝对不能丢,因为CC需要这个后缀来进行切图的输出,没有的话就输出不了。

3、常用命名单词

切图教程,分享一种高效切图方法_www.16xx8.com
<点图片看大图>

4、切图文件大小必须是偶数,格式为PNG-24。

5、iPhone的3倍图怎么切?

切图教程,分享一种高效切图方法_www.16xx8.com

如图所示,左边是需要切的icon,右边是命名,@2x图和@3x图,从图中可以看到有一个红框,刚开始肯定会纳闷,@2x图和@3x图唯一的区别就是前面多了百分比150%,后缀变成了@3x,命名没变,为什么是150%的比例而不是其他的?

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
SummerCopper2020-11-29 08:37
PS设计稿切图的话,用摹客更方便,可以自动生成/一键下载不同平台、不同倍率的切图,还支持自定义切图尺寸和切图压缩等实用功能,切图效率倍增
SummerCopper2020-11-29 08:36
PS设计稿切图的话,用摹客更方便,可以自动生成/一键下载不同平台、不同倍率的切图,还支持自定义切图尺寸和切图压缩等实用功能,切图效率倍增。体验地址:https://www.mockplus.cn
青春、一个梦2020-04-06 03:02
源哥哥婷2019-03-22 01:44
学习一下
荣昌好灯港灯饰2018-11-06 12:04
学习一下
22626929742018-05-30 08:17
学习了
桐桐桐桐人2016-09-13 04:15
点9也需要UI来做啊
桐桐桐桐人2016-09-13 04:09
点9也需要UI来做啊
shine2016-08-29 05:26
回复一下
shine2016-08-29 05:26
回复一下
地狱悲伤2016-08-29 05:02
支持,支持
地狱悲伤2016-08-29 05:02
支持,支持
筱妤young2016-08-29 01:46
谢谢分享
筱妤young2016-08-29 01:46
谢谢分享
zpzxczp2016-08-29 01:12
学习学习!!!

关注大神微博加入>>

网友求助,请回答!