扁平化風格潮流浩浩蕩蕩，童鞋們週末有時間也來擼一發，學習一下扁平化風格 icon 的設計思路吧。今天分享的教程是教你創建一枚 IOS 7 風格的圖標，教程不難，熟練的童鞋 30 分鐘就可以完成咯。好嘞，教程開始！
Part 1 ：打好地基
Cttrl + N 創建畫布，大小為1024px * 1024px ， 填充背景色為#fcf2da。然後 → 編輯 → 首選項 → 參考線、網格和切片，設置如下：
武器已準備，接下來踏上征程吧！
先創建一個圓角矩形，大小為512px*512px，半徑120px，記住左上角是形狀哦。搞定後填充顏色#c47420，命名“icon base”
添加內陰影，參數如下：
為它做一個長投影效果，創建一個矩形，填充黑色，大小可以自己調整，這裡是寬718.22px 和高732.74px，Ctrl + T 變換角度。
添加圖層樣式—— 漸變疊加，參數如圖，順便把不透明度調整為30%， 填充0%
好了，現在的效果是這樣的：
Part 2 ：創建筆記本
同樣創建圓角矩形，參數如下：
然後複製一層，快捷鍵“A”來到選擇工具，減少16px，調整高度為432px。
完成後繼續複製一層，依上高度改為416px，填充顏色改為 # f3f3f3，完成後如圖：
筆記本雛形完成了，現在給它劃線，用直線工具，粗細的像素調整為2，填充黑色。
完成後調整圖層不透明度為20%，筆記本就成型咯。
Part 3：創建鉛筆
創建矩形，大小為192 x 96px，顏色改成 #00da67或者任何你喜歡的顏色。
繼續創建兩個矩形，高度改為32px，填充黑色，調整不透明度為25%和10%，整齊列到筆身上，如圖：
現在來創建筆頭，你可以用多邊形工具，雙擊畫布後，參數設置如下：
顏色填充為#e39a4d，然後對齊筆身。
現在創建筆尖，如法炮製一個三角形，大小為32x32px ，顏色填充為#474f57，移動到筆頭處對齊，創建為剪切蒙版，如圖：
成果快出現咯，現在給它加個橡皮擦。
創建一個圓角矩形，寬高是64x96px，半徑是20px，顏色填充# f78879，命名為“Rubber”
然後創建一個矩形，大小32x96px，填充顏色# d5d5d5，如圖：
為它添加點光，創建一個圓角矩形，大小是10* 40px ，填充白色，不透明度改成30%
好了，現在是給它添加長投影的時間了，創建矩形，大小352x160px，其他的按照前邊的長投影一樣變換角度，添加漸變就大功告成了。
閱讀更多 設中有計 的文章
