開始前，請先準備一個iOS 應用圖標模板，可以從iOS Icon Template或者App IconTemplate下載（我用的就是后者的素材）。

我的電腦屏幕上只顯示了 1024px 的大圖標，我覺得用這個模板做參考就可以了。

你可以將應用圖標模板進行裁剪，只保留 1024px 的圖標，或者處理模板上的其余元素。

下面我們正式開始。

步驟 1：創建 iOS應用圖標的基本形狀

首先新建一個圖層并填充背景色，參考色值是#acced6。

接下來，給顏色圖層添加蒙版，使其呈現圖標的輪廓。技術上來講這一步可要可不要，因為上傳圖片之后，蘋果官方會自動幫你切成圓角。

不過，為了呈現更好的視覺效果，我建議使用蒙版。

怎么操作呢？按住COMMAND（MAC 用戶）或者CTRL（Windows 用戶）鍵的同時點擊圖標模板圖層，顏色圖層就會出現一個選區啦。

再在圖層面板的底部點擊蒙版圖標，就可以創建蒙版了。

步驟 2：添加漸變色

在顏色圖層點擊鼠標右鍵，在彈出的菜單中選擇混合選項。我們來給它加一個弱漸變。漸變的起始和終止色值分別為#acced6和#7cbece。

漸變樣式選擇線性漸變，角度設置為135度，呈現出由左上角的深藍色到右下角的淺藍色漸變效果。

如果這兩種顏色順序搞顛倒了，調整角度為 -135 度或者 315 度就行了。

步驟 3：創建內圓

圖標中部的白色圓形是整個圖標設計的重要組成部分，我們可以利用iOS圖標柵格畫一個圓：使用橢圓工具（U）創建一個寬高為 890px 的正圓，

在屬性面板中可以調整它的大小以便與柵格對齊。

步驟 4：給圓形添加圖層樣式

給形狀圖層添加描邊、陰影和漸變等圖層樣式。

添加漸變

圓的漸變比較簡單，漸變色值為#ffffff和#d9d9d9。

漸變樣式選擇徑向漸變。要讓圓的中心呈現些許亮色，從圓心到邊緣有一個白色到淺灰色的漸變，縮放比例設置為150%。

添加描邊

圓的描邊要加粗，描邊位置選擇內部，描邊大小的參考數值為30px，填充類型選擇漸變。

漸變所用顏色比圖標的背景漸變色要亮一些。起始色值和終止色值分別為#d1e4e8和#a9deeb，漸變角度設置為-45度，呈現出由頂部的淺藍色到底部的深藍色漸變效果。

添加內陰影

這里的內陰影其實是白色高光，你也可以使用內發光樣式。將混合選項設置為正常，距離設置為0。將大小設置為70。

（注：此處原文為 140px，但是與截圖上的參數不符，所以譯者暫時將參數改為70px）

添加投影

最后給這個圓添加投影，讓描邊看上去更清晰，也可以讓整個圓在藍色背景下看的也很明顯。把陰影的透明度設置為10%，

距離設置為0，將大小設置的稍微大一點，我的參考數值是55。

效果如下圖所示：

步驟5：添加鉛筆圖標

我們在上一步的基礎上添加一枚圖標，我選的是鉛筆圖標。你可以在Sliceberry或者the Noun Project搜索你想要的圖標。由于我們制作的圖標是1024*1024規格的，

所以一定要選大圖標。

如果你也想用鉛筆圖標，可以從the Noun Project下載，作者是Molly Bramlet，下載鏈接：https://thenounproject.com/term/pencil/16973/

將該圖標導入你的PSD文件并調整大小。如果你用的鉛筆圖標跟我用的一樣大，需要將其縮小到原來的1/2。你可以利用iOS模板把該圖標控制在內圓的范圍之內。

為了讓該圖標垂直于水平線，需要將其旋轉62.32度。按下COMMAND（MAC用戶）或者CRTL（Windows用戶）鍵的同時按下T鍵，

在頂部緊挨著小三角形圖標的窗口中輸入數值62.32。（你也可以跳過旋轉圖標這一步驟）

步驟6：給鉛筆圖層添加圖層樣式

終于到了圖標制作最后的步驟了，我們來給它添加漸變疊加和內陰影。

添加漸變疊加

打開該圖層的混合選項，選擇漸變疊加，色值參數同步驟2，即起始色值和終止色值分別為#acced6和#7cbece。漸變效果沿對角線方向呈現，

角度設置為-45度，從左上角的淺藍色開始，到右下角的深藍色結束。

添加內陰影

這是本教程的最后一個小步驟。給鉛筆圖層添加內陰影，讓它看起來有些厚度。內陰影其他參數不變，只降低其透明度，參考數值為15%。

這是因為圖標整體使用的是亮色，所以我們讓它有一點陰影的感覺就可以了。

最終效果

圖標到這里就制作完成了。這篇教程的目的就是向你展示漂亮的iOS應用圖標制作方法，過程沒那么復雜，最終的效果看起來也很棒，

你可以使用這個方法嘗試制作其他圖標。