photoshop教程|UI教程|一枚金幣小圖標(biāo)

?第一期

UI圖標(biāo)初期教程

一枚金幣小圖標(biāo)

|photoshop教程|

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

【圖形設(shè)計(jì)師? ID:tuxdesign】

先看看效果

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

GO

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

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

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

Ctrl+t變形,鼠標(biāo)放在上面可以變小或拉大形狀

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

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

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

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

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

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

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

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

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

我這里就是亂擦的

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

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

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

第十三步:添加標(biāo)識(shí)符號(hào)(如圖)

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

復(fù)制一層,添加高斯模糊,并向左移動(dòng)一點(diǎn)點(diǎn)距離(如圖)

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

<完>

好了,本次教程到這里就結(jié)束了,

如果有興趣的朋友,

可以練習(xí)一下

有不明白的地方

可以下載PSD原文件參考

歡迎添加公眾號(hào)【圖形設(shè)計(jì)師】

一起學(xué)習(xí)、一起探討

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

可關(guān)注公眾號(hào):(圖形設(shè)計(jì)師)微信內(nèi)回復(fù)【txjz211】

即可獲得下載地址

更多教程請(qǐng)查看

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容