UI教程,ps設計西服主題圖標實例

2022-12-26 13:51:30 來源/作者: / 己有:24人學習過

教程介紹如何設計一枚西裝主題風格的UI圖標,效果雅致有型,操作細致,特別提及了很多提高效率的快捷鍵,很適合練手 

最終效果:

UI教程,ps設計西服主題圖標實例

新建畫布,大小自定。

畫一個圓角矩形,大小自定。

UI教程,ps設計西服主題圖標實例

Alt +V+E建立參考線

UI教程,ps設計西服主題圖標實例

雙擊圓角矩形圖層 調出圖層樣式,漸變疊加,調一個灰到黑的漸變。

UI教程,ps設計西服主題圖標實例

添加投影。設置看圖:

UI教程,ps設計西服主題圖標實例

內陰影:

UI教程,ps設計西服主題圖標實例

Ctrl+J 復制圓角矩形:

UI教程,ps設計西服主題圖標實例

右鍵清除圖層樣式(不是拷貝的圓角矩形那個圖層)

UI教程,ps設計西服主題圖標實例

填充調為零。

UI教程,ps設計西服主題圖標實例

調出圖層樣式,添加投影,把圖層挖空那個選項勾掉(我把拷貝的圓角矩形眼睛關閉了)

UI教程,ps設計西服主題圖標實例