UI教程，ps設(shè)計(jì)上傳主題icon圖標(biāo)

1、新建畫布800*800,填充背景顏色為#343B44

2、新建圓角矩形，命名為底板，填充顏色F0e9e7。加一些漸變和投影。

3、復(fù)制底板層，重命名為藍(lán)色層，清除圖層樣式，然后用刪除錨點(diǎn)工具刪除最下面兩個(gè)錨點(diǎn)，之后選擇轉(zhuǎn)換點(diǎn)工具，按Shift同時(shí)選中兩個(gè)描點(diǎn)然后按鍵盤上的方向鍵上適當(dāng)移動(dòng)描點(diǎn)，把下面兩個(gè)錨點(diǎn)變成直角。

就是這個(gè)樣子，接下來(lái)添加圖層樣式。

4、接下來(lái)我們做高光層，復(fù)制藍(lán)色層，重命名為高光層，清除圖層樣式，我們給他添加新的內(nèi)陰影作為高光。對(duì)了，記得填充改為0

是不是比剛才更有質(zhì)感了？

5、下面是厚度層，這個(gè)也簡(jiǎn)單，復(fù)制底板層，清除圖層樣式，命名為厚度層，然后按住ALT鍵往上拖出一個(gè)新的圓角矩形，移動(dòng)到合適的位置，選擇減去頂層形狀。
 

然后添加漸變和內(nèi)陰影。

貌似出來(lái)點(diǎn)樣子了。

6、好了，底板做好了，接下來(lái)做箭頭，這次我偷個(gè)懶直接用ps自帶的形狀工具來(lái)畫，填充顏色為0070b5，命名為箭頭層。

大小自己把握就行了，數(shù)值就不給出了，畫好記得逆時(shí)針旋轉(zhuǎn)九十度，變成上傳的樣子。

這里我用了插件做的倒角，前面有一期我講了怎么手動(dòng)去倒解，今天就不重復(fù)了，偷個(gè)懶，也不能說(shuō)是偷懶，提高工作效率嘛。
用法我還是說(shuō)一下，怕有新童鞋沒(méi)用過(guò)。很簡(jiǎn)單的，選擇文件 》 腳本 》Corner Editor，前提是你安裝了，沒(méi)有的可以到這里下載：

形狀出來(lái)了加圖層樣式就好了

d

7、接下來(lái)是芯片了，先來(lái)上面的那層，先繪制一個(gè)圓角矩形填充EFC265，命名為上層芯片。然后復(fù)制三個(gè)放到合適的位置，添加圖層樣式。

下面的芯片也是一樣的方法，不過(guò)顏色稍微深一點(diǎn)，也是加內(nèi)陰影就搞定，復(fù)制上層芯片，重命名為下層芯片，顏色填充為BC9850，刻改變一下大小。