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

2022-06-13發(fā)布者:ylm大?。?/span> 下載:0

文件大小:

軟件介紹

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

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

image.png

image.png

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

image.png就是這個樣子,接下來添加圖層樣式。

 

image.png

image.png

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

image.png是不是比剛才更有質(zhì)感了?

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

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

image.png

image.png

image.png貌似出來點樣子了。

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

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

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

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

image.pngd

image.png

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

image.png

image.png 

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

image.png

發(fā)表評論(共0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī),評論內(nèi)容只代表網(wǎng)友觀點,發(fā)表審核后顯示!

版權(quán)聲明:

1 本站所有資源(含游戲)均是軟件作者、開發(fā)商投稿,任何涉及商業(yè)盈利目的均不得使用,否則產(chǎn)生的一切后果將由您自己承擔!

2 本站將不對任何資源負法律責任,所有資源請在下載后24小時內(nèi)刪除。

3 若有關(guān)在線投稿、無法下載等問題,請與本站客服人員聯(lián)系。

4 如侵犯了您的版權(quán)、商標等,請立刻聯(lián)系我們并具體說明情況后,本站將盡快處理刪除,聯(lián)系QQ:2499894784

返回頂部