當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

Photoshop制作非常有質(zhì)感的彩色金屬按鈕(10)

來源:站酷 作者:Hasaddl 學(xué)習(xí):1345人次
本教程非常詳細(xì)的介紹高質(zhì)感的按鈕打造方法。制作之前先大致了解一下按鈕的構(gòu)造,由底向上逐步把按鈕分解為一些圓形區(qū)域。然后由下至上用選區(qū)及圖層樣式做出各層的質(zhì)感和光感。最后再整體渲染即可。
最終效果

1、新建一個512 * 512像素的文檔,背景填充淡藍(lán)色。新建一個圖層,用橢圓工具在畫布中心畫一個白色圓形。然后給圓添加圖層樣式,參數(shù)及效果如下圖。


2、如下圖所示繪制高光及反射的暗處,過程如下圖。繪制好后吧暗處部分復(fù)制一份,應(yīng)用垂直方向的動感模糊(濾鏡 > 模糊 > 動感模糊),總體效果如下圖。


3、繪制環(huán)形的反射暗處和亮處,具體方法是用圓形形狀工具繪制圓形,之后用更小一些的圓形選區(qū)刪除中間部分。得到類似環(huán)的形狀;一些地方要配合使用模糊和橡皮工具,將不用的地方擦去。

另一塊黑色的暗處使用鋼筆工具勾勒出來填充黑色。
4、新建一個圖層,用圓形工具繪制更小的圓形,位置居中,再添加下圖所示的圖層樣式。


5、添加樣式后,中間的小圓有了一些凹陷效果,接著用鋼筆工具勾出簡單的水平S型波浪畫出中間小圓部分的明暗反射的界限,轉(zhuǎn)化為選區(qū)并填充黑色。左邊圓圈內(nèi)的效果是用橡皮和涂抹工具制作出來的。最后選擇小圓之外的部分,刪除多出的黑色。
6、外圍金屬部分已經(jīng)基本畫好,現(xiàn)在繼續(xù)繪制內(nèi)嵌的部分。畫一個略小一圈的黑色圓形,如下圖所示設(shè)置圖層樣式。


7、內(nèi)嵌的高光部分為白色,透明度為:50%;用鋼筆勾出水平的S型選區(qū),然后刪除下半部分。

用更小的圓形繪制中間部分的鏡頭,因為鍍膜的效果,所以是藍(lán)色到紫色的漸變,如下圖。
8、繪制鏡頭內(nèi)側(cè)的細(xì)節(jié),也就是高光和陰影部分,圖層樣式設(shè)置如下圖。


9、最后在里層繪制最后的鏡頭漸變,漸變顏色設(shè)置如下圖。之后應(yīng)用高斯模糊進(jìn)行適度的模糊處理。
10、添加高光的細(xì)節(jié),如圖紅圈部分,繪制橢圓然后應(yīng)用水平的動感模糊和高斯模糊。

11、繼續(xù)添加高光的細(xì)節(jié),如圖紅圈部分,繪制橢圓然后應(yīng)用水平的動感模糊、垂直的動感模糊和高斯模糊,圖層混合為“疊加”。

12、最后繪制中間區(qū)域的大面積反光,用形狀工具得到橢圓的路徑,用路徑選區(qū)工具選擇下端的描點,往上移動就得到被壓扁的橢圓形的形狀。

最后略微調(diào)整一下曲線和顏色,完成最終效果。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!