本篇的圖標(biāo)教程是通過(guò)PS來(lái)制作一款時(shí)下最流行的游戲《紀(jì)念碑谷2》的游戲圖標(biāo)，華麗又清新，通過(guò)它來(lái)練習(xí)鋼筆工具和學(xué)習(xí)繪制扁平插畫游戲圖標(biāo)的思路，喜歡的同學(xué)們一起來(lái)學(xué)習(xí)下吧。

效果圖

1、新建畫布，尺寸512*512，分辨率72ppi。用圓角矩形工具繪制一個(gè)圓角為90px的512*512的圓角矩形。給圓角矩形添加圖層樣式如圖。

2、用橢圓工具繪制顏色為#ffffff的8px正圓，并復(fù)制十余個(gè)，改變部分圓的透明度，達(dá)到圖a的效果。

1、分析出柱體的俯視圖，這樣更容易明白圖標(biāo)中柱體應(yīng)如何繪制。八芒星柱體的俯視圖如下，由兩個(gè)正方形組合而成。

2、根據(jù)俯視圖開(kāi)始繪制柱體。仔細(xì)觀察圖a和圖b，發(fā)揮空間想象力，根據(jù)數(shù)字提示看看怎么由圖b得到圖c的。

新建70*150的矩形，得到圖c的矩形3。

新建50*150的矩形，自由變換斜切30°，得到圖c的矩形2。

矩形5與矩形8受光程度不同，因此顏色不一。只要繪制出圖c的矩形2和矩形3，通過(guò)水平變換和移動(dòng)位置就可以得到圖c。

3、用鋼筆工具沿著柱體頂點(diǎn)畫出部分八芒星，隨后添加圖層樣式漸變疊加，參考數(shù)值如下：

添加圖層蒙版擦除部分區(qū)域，實(shí)現(xiàn)近實(shí)遠(yuǎn)虛的效果。

記得關(guān)閉第二步中的矩形1與矩形7的圖層顯示，八芒星中擦除過(guò)的部分不透明度降低，不關(guān)閉顯示則會(huì)影響八芒星的顏色效果。擦除效果接近圖d即可。

4、繪制八芒星描邊。按住鍵盤上的 Ctrl 鍵，鼠標(biāo)單擊八芒星圖層的縮略圖得到選區(qū)。

得到八芒星的選區(qū)后，選中選框工具(快捷鍵M)，在選區(qū)內(nèi)單擊鼠標(biāo)右鍵選擇“變換選區(qū)”。

選區(qū)變換大小如圖作參考

接著新建圖層，即可激活描邊選項(xiàng)。隨后添加圖層蒙版擦除部分區(qū)域。

以同樣的步驟繪制顏色為#82b3ff的2px描邊，以及16px的漸變描邊，漸變疊加參數(shù)如下圖。完成效果參考如圖e。

1、小艾達(dá)可拆分如圖：

① 用AI的形狀生成工具繪制而成