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

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

使用方法：

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

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

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

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

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

然后ctrl+s即可

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

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

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

插件介紹：

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

App Icon Template [3.3]界面介紹：

左邊的就是主要界面，簡單的來說主要就是用于顯示最終效果，因為處理應(yīng)用程序圖標(biāo)的時候不是在這個界面上進(jìn)行的，待會兒會說到。

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

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

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

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