教你快速切出android开发用的一套应用图标

用户头像
芜湖/UI设计师/9年前/3160浏览
教你快速切出android开发用的一套应用图标
用户头像
hy_炎

“授人以鱼不如授人以渔” 手把手教你制作快速切出android开发用的一套应用图标的模板

教你快速切出android开发用的一套应用图标


作为一个设计师对于切图最渴望的无非是可以一次性切出所有尺寸的应用图标了!!!

在网上看到了这样一套图,只要在源文件里替换其中一张,就可以切出ios所有应用图标尺寸,简直不要太好用O(∩_∩)O哈哈~!!!

63f9578df6240000012e7e7ad64a.jpg

在一次次的开发设计过程中,ios切图可谓方便到家了!那么,问题来了?在一次次iOS的轻松,Android的复杂中,简直要抓狂!我想,Android也许也能如ios搬快速切出所有尺寸的应用图标。在对这个ios的源文件深扒研究后,终于找到了破解之法!先给大家看下最终效果。(链接: http://pan.baidu.com/s/1bp6yZx1 密码: 2h65

使用方法:

1、打开这个源文件

2、双击1024那个智能对象,把里面的icon替换成你要切的图

3、文件-导出-存储为web所用格式(点击存储,在接下来的弹窗里一定记得把 “切               片”那一栏选择“所有用户切片”)

 

当然“授人以鱼不如授人以渔”。下面就来教大家如何建立这样一个切一套图的模板:

1、当然是在PS中新建一个画布,大小根据你要切的所有图定,我这里切得是48*48 72*72 96*96 144*144 512*512 1024*1024  ,建的画布是2000*2000的(单位:像素),当然画布大小后期不够用还是可以改的(图像-画布大小)


2、以你要切的最大的图为基准,画一个矩形,并转换为智能对象。(转换智能对象很重要)

f84f578df6a60000012e7e034639.jpg


3、复制这个智能对象,并自由变换为你所要的其他几个所有尺寸(记住是Ctrl+J复制这个智能对象,对智能对象Ctrl+T进行大小调整)

b9bd578df6c30000012e7ecfb8dc.jpg 

4、接下来就是如何把这套图切下来了,为了精确切图,我们先拉辅助线

bc10578df6fc0000018c1bf10727.jpg 

5、接下来用切片工具切出我们要切的图(记住只用切片工具框选你要切的部分)

【用切片工具在你所要切的图上右击选择“编辑切片选项”可以更改你最终保存的单个图标名字】

 

6、最后一步,文件-导出-存储为web所用格式,点击存储,然后在“切片”那一栏一定要选择“所有用户切片”,存储路径就自己定了。这套模板就完成了,赶紧保存起来以后用吧!~(~ ̄▽ ̄)~

【用的时候只要双击1024(最大的那个)这个智能对象,把图片替换上去就行了(这个都会吧)】

0771578dfb4a0000018c1befd3c4.jpg


79cc578dfb150000018c1bc70c35.jpg

 

有木有好简单d=====( ̄▽ ̄*)b


30
Report
|
33
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
Log in