app圖標(biāo)制作插件IconTemplate

IconTemplate是一款用來生成各種尺寸app圖標(biāo)的插件，這款插件可以在Photoshop中運(yùn)行，可以根據(jù)你的APP ICON，生成ios/android平臺(tái)下各種尺寸的圖標(biāo)。

使用方法：

1.首先制作一個(gè)1024*1024的PNG文件（這個(gè)就是我們之后要套用模板的icon喔）

2.制作好圖標(biāo)以后現(xiàn)在打開App Icon Template [3.3].psd文件，雙擊Edit me and save圖層,彈出一個(gè)對(duì)話框，點(diǎn)擊確定即可。

3.這個(gè)藍(lán)藍(lán)的圖層經(jīng)過雙擊之后會(huì)在另一個(gè)界面打開喔！如圖：

我們當(dāng)前看到的到的藍(lán)色漸變背景就是Gradient Fill6,這個(gè)文件中的圖層都是icon的背景，可以隨意隱藏顯示圖層，看效果，這個(gè)需要各位親們自己來試驗(yàn)了，在這里就不一一贅述了。

4.之后我們就可以把剛才制作好的1024*1024的icon直接拖到這個(gè)界面里了喔！如圖：

然后ctrl+s即可

5.現(xiàn)在讓我們切換到剛才的App Icon Template [3.3].psd文件中，可以看到界面是這樣子的，icon顯示的形式都會(huì)展現(xiàn)出來喔！

6.下面我們的App Icon Template [3.3]動(dòng)作文件就開始隆重登場了，在窗口>動(dòng)作>載入動(dòng)作（App Icon Template .atn）,點(diǎn)擊開始動(dòng)作開始按鈕，我們剛才錄入界面中的icon就會(huì)自動(dòng)打包一個(gè)文件夾，里面就是我們需要的各種尺寸的小icon喔

7.看看我們的成果，O(∩_∩)O哈哈~，各位親們還等什么呢，趕快感覺一下吧！

插件介紹：

App Icon Template 主要包含兩個(gè)文件，psd文件和atn文件，psd文件就是我們主要用于設(shè)計(jì)圖標(biāo)的文件，我們要設(shè)計(jì)的圖標(biāo)都是在這里處理，atn文件就是用于導(dǎo)出符合規(guī)范的應(yīng)用程序圖標(biāo)。如下圖：

App Icon Template [3.3]界面介紹：

左邊的就是主要界面，簡單的來說主要就是用于顯示最終效果，因?yàn)樘幚響?yīng)用程序圖標(biāo)的時(shí)候不是在這個(gè)界面上進(jìn)行的，待會(huì)兒會(huì)說到。

以下是對(duì)上圖中標(biāo)示的位置進(jìn)行解釋：

1 －Rounded Mask層,Rounded Mask文件夾代表是各個(gè)尺寸的圖標(biāo)，就是代表著左邊主要界面里面的藍(lán)色圖標(biāo)。最后要導(dǎo)出應(yīng)用程序圖標(biāo)的時(shí)候只保留這個(gè)文件夾。這個(gè)文件夾主要包含四個(gè)子文件夾：1024 Retina App Icon，512 App Icon，iPad，iPhone。

2 －1024 Retina App Icon 這個(gè)是最大的那一個(gè)應(yīng)用程序圖標(biāo)，這個(gè)文件夾是Rounded Mask中的子文件夾。我們以后要處理應(yīng)用程序圖標(biāo)的時(shí)候要用到Edit me and save這個(gè)對(duì)象。就是上圖中有藍(lán)色標(biāo)示的那個(gè)。

3 －其它的文件夾我們就不需要編輯了，所以大家可以對(duì)他置之不理喔。