photoshop教程|UI教程|一個小寶箱

第十四期

UI圖標初期教程

一個小寶箱

|photoshop教程|

(以下界面演示以Photoshop CC2017為演示工具)

【圖形設計師 ID:tuxdesign】

先看看效果

有興趣的小盆友可以

著手練習練習

畢竟光看是看不會的

你說捏

第一步:新建文件,給背景填充你喜歡的顏色(如圖)

第二步:選擇鋼筆工具,把小寶箱的各個面分別弄出來,並把固有色上了,每個色塊一個圖層(如圖)

第三步:接下來的,就是需要耐心塑造質感效果了,沒有什麼技術難度,就是添加高興,陰影等

先處理【正面】部份

建立新的剪切圖層,選用羽化邊緣的筆刷,設置前景色為亮點的色,在圖層上刷出它的亮面,後面的大部操作都是這個套路

選筆刷

設置前景色

調整筆刷的不透明度,筆刷的大小,在圖層上刷上顏色

處理【上面】部份

建立新的剪切圖層,選用羽化邊緣的筆刷,設置前景色為亮點的色,在圖層上刷出它的亮面,暗面等

處理下部份

處理厚度

處理【側面】部份

建立新的剪切圖層,選用羽化邊緣的筆刷,設置前景色為亮點的色,在圖層上刷出它的亮面,暗面等

處理厚度

處理圓環

繼續處理

添加鎖孔

處理細節

添加裝飾

<完>

好了,本次教程到這裡就結束了,

如果有興趣的朋友,

可以練習一下

有不明白的地方

可以下載PSD原文件參考

歡迎添加公眾號【圖形設計師】

一起學習、一起探討

更多教程請查看

weixin.qq.com/r/u0wiOgL (二維碼自動識別)

推薦閱讀:

有沒有大神知道這個圖怎麼做?萬分感謝!?
如何才能創建出這樣的頭像?
請問這張圖類似波紋的效果,用ps怎麼做出來的?
如何將照片製作成360度全景的樣子?

TAG:Ps教程 | UI視覺設計 | AdobePhotoshop |