icontemplate插件是一款功能非常强大的photoshop插件;它同时也是APP图标制作工具,软件可以快速的帮助用户进行制作出您需要的APP图标,而且可生成安装、IOS平台上面的各种样式的图标,最主要还是完全免费;这款插件支持CC2014以上的所有Photoshop版本使用;软件操作简单,使用方便,界面清晰,需要的朋友赶快将icontemplate ps插件下载来使用试试吧!
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110145_86677694.png)
软件功能
IconTemplate是一款运行在photoshop中的插件
可以根据你的APP ICON,生成ios/android平台下各种尺寸的图标
Cutterman将持续致力于改善设计师的工作效率,
为广大设计师提供优秀、高效、实用的技术解决方案, 让设计能够更专注
软件特色
1 -Rounded Mask层,Rounded Mask文件夹代表是各个尺寸的图标,就是代表着左边主要界面里面的蓝色图标。最后要导出应用程序图标的时候只保留这个文件夹。这个文件夹主要包含四个子文件夹:1024 Retina App Icon,512 App Icon,iPad,iPhone。
2 -1024 Retina App Icon 这个是最大的那一个应用程序图标,这个文件夹是Rounded Mask中的子文件夹。我们以后要处理应用程序图标的时候要用到Edit me and save这个对象。就是上图中有蓝色标示的那个。
3 -其它的文件夹我们就不需要编辑了,所以大家可以对他置之不理。
安装方法
1、下载文件找到"IconTemplate_1.0.exe"双击运行,进入软件安装向导界面;
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110149_60292430.jpg)
2、进入软件的安装向导界面,选择软件安装的位置,默认安装位置“C:Userspc0359.cn-06AppDataRoamingAdobeCEPextensions”,点击下一步;
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110149_52223143.jpg)
3、icontemplate插件正在进行快速的安装中,请耐心等待.........
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110149_45916212.jpg)
4、icontemplate插件已经安装完成,点击Close;
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110150_50287323.jpg)
使用方法
App Icon 模板基本
App Icon Template 主要包含两个文件,psd文件和atn文件,psd文件就是我们主要用于设计图标的文件,我们要设计的图标都是在这里处理,atn文件就是用于导出符合规范的应用程序图标。如下图:
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110147_29526428.jpg)
App Icon Template [3.3]界面介绍:
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110148_96311578.jpg)
左边的就是主要界面,简单的来说主要就是用于显示最终效果,因为处理应用程序图标的时候不是在这个界面上进行的,待会儿会说到。
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110152_18716474.jpg)
1.首先制作一个1024*1024的PNG文件
2.制作好图标以后现在打开App Icon Template [3.3].psd文件,双击Edit me and save图层,弹出一个对话框,点击确定即可。
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110142_39431942.jpg)
3.这个蓝蓝的图层经过双击之后会在另一个界面打开喔!如图:
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110143_21983090.jpg)
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110142_46633906.jpg)
我们当前看到的到的蓝色渐变背景就是Gradient Fill6,这个文件中的图层都是icon的背景,可以随意隐藏显示图层,看效果,这个需要各位亲们自己来试验了
4.之后我们就可以把刚才制作好的1024*1024的icon直接拖到这个界面里
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110146_47526066.jpg)
然后ctrl+s即可
5.现在让我们切换到刚才的App Icon Template [3.3].psd文件中,可以看到界面是这样子的,icon显示的形式都会展现出来
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110148_96311578.jpg)
6.下面我们的App Icon Template [3.3]动作文件就开始隆重登场了,在窗口>动作>载入动作(App Icon Template .atn),点击开始动作开始按钮,我们刚才录入界面中的icon就会自动打包一个文件夹,里面就是我们需要的各种尺寸的小icon
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110147_45055540.jpg)
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110151_81342861.jpg)
7.制作完成,出现下图界面,如下图;
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110143_37193166.jpg)
常见问题
提示无法插件没有正确签署
win系统, 请下载这个文件, 解压后双击里头的reg,导入注册表即可
mac系统, 请下载这个文件, 解压后,将里头的.plist文件, 放到 /Users/你的用户名/Library/Preferences目录下, 然后重启电脑即可
导出失败,提示“没有用户切片”
出现这种情况的时候,请这样做:
1. 随便新建一个文档
2. 随便在该文档上弄一个切片
3. 菜单栏选择“文件” -> “导出web所用格式” -> “存储”
4. 在最后保存文件的对话框出,将格式选择为仅限图像,再点击保存,如图
![icontemplate ps插件(附安装使用教程) 1.0 免费版](http://www.pc0359.cn/attachment/soft/2017/0515/110332_93865351.png)
完成上述操作之后,再使用Cutterman,就可以了
∨ 展开