《紀念碑谷2》的APP圖標
不妨跟著教程繪製一下，通過它來練習鋼筆工具和學習繪製扁平插畫遊戲圖標的基本思路。
1、新建畫布，尺寸512*512，分辨率72ppi。用圓角矩形工具繪製一個圓角為90px的512*512的圓角矩形。給圓角矩形添加圖層樣式如圖。
2、用橢圓工具繪製顏色為#ffffff的8px正圓，並複製十餘個，改變部分圓的透明度，達到圖a的效果。
1、分析出柱體的俯視圖，這樣更容易明白圖標中柱體應如何繪製。八芒星柱體的俯視圖如下，由兩個正方形組合而成。
2、根據俯視圖開始繪製柱體。仔細觀察圖a和圖b，發揮空間想象力，根據數字提示看看怎麼由圖b得到圖c的。
新建70*150的矩形，得到圖c的矩形3。
新建50*150的矩形，自由變換斜切30°，得到圖c的矩形2。
矩形5與矩形8受光程度不同，因此顏色不一。只要繪製出圖c的矩形2和矩形3，通過水平變換和移動位置就可以得到圖c。
3、用鋼筆工具沿著柱體頂點畫出部分八芒星，隨後添加圖層樣式漸變疊加，參考數值如下：
添加圖層蒙版擦除部分區域，實現近實遠虛的效果。
記得關閉第二步中的矩形1與矩形7的圖層顯示，八芒星中擦除過的部分不透明度降低，不關閉顯示則會影響八芒星的顏色效果。擦除效果接近圖d即可。
4、繪製八芒星描邊。按住鍵盤上的 Ctrl 鍵，鼠標單擊八芒星圖層的縮略圖得到選區。
得到八芒星的選區後，選中選框工具(快捷鍵M)，在選區內單擊鼠標右鍵選擇“變換選區”。
選區變換大小如圖作參考
接著新建圖層，即可激活描邊選項。隨後添加圖層蒙版擦除部分區域。
以同樣的步驟繪製顏色為#82b3ff的2px描邊，以及16px的漸變描邊，漸變疊加參數如下圖。完成效果參考如圖e。
1、小艾達可拆分如圖：
① 用AI的形狀生成工具繪製而成
② 用布爾運算繪製而成
③ 由三角形和圓形組成的圓錐，添加錨點改變弧度而來
④ 複製一個部件③，添加漸變疊加(90°線性)，用布爾運算繪製而成
⑤和⑥用鋼筆工具繪製而成，再加上影子，小艾達的繪製就完成了
2、蘿爾可拆分如圖
① 是添加了漸變疊加的82*82圓
②是添加了漸變疊加(90度線性)的60*60圓
③運用布爾運算
部件⑤領口部分要與部件④等寬。部件⑤用鋼筆工具繪製，添加了漸變疊加(圖f效果)，並用畫筆工具畫了一層暗面增加立體感
⑥是鋼筆工具畫輪廓，保持與艾達的手弧度一致，畫筆工具畫陰影
⑦運用布爾運算繪製出襠部，運用鋼筆工具繪製腿與腳
完成以上步驟最終成果
閱讀更多 PSUI設計教程 的文章
