photoshop教程|UI教程|一枚金幣小圖標

?第一期

UI圖標初期教程

一枚金幣小圖標

|photoshop教程|

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

【圖形設計師? ID:tuxdesign】

先看看效果

有興趣的小伙伴可以上手練一練

GO

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

第二步:選擇橢圓形工具,(選擇圖形不要選擇路徑)然后繪制一個橢圓形狀,填充顏色,命名為【金幣厚度】(如圖)

第三步:選擇【金幣厚度】圖層,Ctrl+J復制一個圖層,命名為【金幣正面】,雙擊圖層填充淺一點的顏色,利用變形工具調整大小,移動到合適的位置(如圖)

Ctrl+t變形,鼠標放在上面可以變小或拉大形狀

第四步:選擇【金幣正面】圖層,Ctrl+J復制一個圖層,命名為【金幣花紋】,雙擊圖層填充淺一點的顏色,利用變形工具調整大小,移動到合適的位置(如圖)

到這里,我們就把金幣的基本形狀給做好了,接著下面的步驟就是給金幣刻畫細節的過程啦,精彩在后面哦

第五步:新建圖層,命名為【厚度陰影】,移到厚度圖層的上面,鼠標右鍵建立剪切蒙版(如圖)

第六步:選擇畫筆工具,把前景色選擇一個深色,在【厚度陰影】圖層上刷出金幣厚度的暗影(如圖)

第七步:新建圖層命名為【厚度亮光】,建立剪切蒙版,選擇畫筆工具,前景色設置為白色,在【厚度亮光】圖層是刷出高亮效果(如圖)

第八步:把【厚度亮光】圖層透明度調整為43,圖層選擇疊加模式(如圖)

第九步:選擇【金幣厚度】圖層,添加圖層樣式(如圖)

第十步:我們現在來處理金幣正面,這個也是同樣的方法,新建圖層,建立剪切蒙版,用畫筆畫高光與暗面(如圖)

可以多建幾個圖層控制它的效果,如果高光太亮,就調整一下它的透明度,也可以用橡皮擦,調整不透明度來輕輕的擦掉,這個不透明度,需要小伙伴多嘗試

我這里就是亂擦的

第十一步:到這里,我們繼續處理細節,選中【金幣花紋】圖層,添加圖層樣式(如圖)

內陰影(我添加了2個),如果是低版本PS,可以瑞復制一層,把填充設置為0,再添加即可。

第十二步:新建圖層,建立剪切蒙版,加高光,等細節(如圖)

第十三步:添加標識符號(如圖)

第十四步:添加圖層樣式(如圖)

復制一層,添加高斯模糊,并向左移動一點點距離(如圖)

第十五步:最后添加投影,光效,等(如圖)

<完>

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

如果有興趣的朋友,

可以練習一下

有不明白的地方

可以下載PSD原文件參考

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

一起學習、一起探討

教程參考原文件下載獲取方式

可關注公眾號:(圖形設計師)微信內回復【txjz211】

即可獲得下載地址

更多教程請查看

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容