UI教程，ps設(shè)計上傳主題icon圖標

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

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

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

就是這個樣子，接下來添加圖層樣式。

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

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

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

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

貌似出來點樣子了。

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

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

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

形狀出來了加圖層樣式就好了

d

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

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