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)整一下曲線和顏色,完成最終效果。
最終效果
![](http://pic.16xx8.com/allimg/110409/012425JN-0.jpg)
1、新建一個512 * 512像素的文檔,背景填充淡藍(lán)色。新建一個圖層,用橢圓工具在畫布中心畫一個白色圓形。然后給圓添加圖層樣式,參數(shù)及效果如下圖。
![](http://pic.16xx8.com/allimg/110409/0124254S6-1.jpg)
![](http://pic.16xx8.com/allimg/110409/0124254341-2.jpg)
![](http://pic.16xx8.com/allimg/110409/012425A27-3.jpg)
![](http://pic.16xx8.com/allimg/110409/01242552A-4.jpg)
![](http://pic.16xx8.com/allimg/110409/012425H42-5.jpg)
3、繪制環(huán)形的反射暗處和亮處,具體方法是用圓形形狀工具繪制圓形,之后用更小一些的圓形選區(qū)刪除中間部分。得到類似環(huán)的形狀;一些地方要配合使用模糊和橡皮工具,將不用的地方擦去。
另一塊黑色的暗處使用鋼筆工具勾勒出來填充黑色。
![](http://pic.16xx8.com/allimg/110409/0124251E3-6.jpg)
![](http://pic.16xx8.com/allimg/110409/0124253532-7.jpg)
![](http://pic.16xx8.com/allimg/110409/0124253G7-8.jpg)
5、添加樣式后,中間的小圓有了一些凹陷效果,接著用鋼筆工具勾出簡單的水平S型波浪畫出中間小圓部分的明暗反射的界限,轉(zhuǎn)化為選區(qū)并填充黑色。左邊圓圈內(nèi)的效果是用橡皮和涂抹工具制作出來的。最后選擇小圓之外的部分,刪除多出的黑色。
![](http://pic.16xx8.com/allimg/110409/01242533O-9.jpg)
![](http://pic.16xx8.com/allimg/110409/0124252215-10.jpg)
![](http://pic.16xx8.com/allimg/110409/0124254J3-11.jpg)
7、內(nèi)嵌的高光部分為白色,透明度為:50%;用鋼筆勾出水平的S型選區(qū),然后刪除下半部分。
用更小的圓形繪制中間部分的鏡頭,因為鍍膜的效果,所以是藍(lán)色到紫色的漸變,如下圖。
![](http://pic.16xx8.com/allimg/110409/01242522S-12.jpg)
![](http://pic.16xx8.com/allimg/110409/0124253457-13.jpg)
![](http://pic.16xx8.com/allimg/110409/01242532X-14.jpg)
9、最后在里層繪制最后的鏡頭漸變,漸變顏色設(shè)置如下圖。之后應(yīng)用高斯模糊進(jìn)行適度的模糊處理。
![](http://pic.16xx8.com/allimg/110409/0124256449-15.jpg)
![](http://pic.16xx8.com/allimg/110409/01242520I-16.jpg)
11、繼續(xù)添加高光的細(xì)節(jié),如圖紅圈部分,繪制橢圓然后應(yīng)用水平的動感模糊、垂直的動感模糊和高斯模糊,圖層混合為“疊加”。
![](http://pic.16xx8.com/allimg/110409/0124252V9-17.jpg)
12、最后繪制中間區(qū)域的大面積反光,用形狀工具得到橢圓的路徑,用路徑選區(qū)工具選擇下端的描點,往上移動就得到被壓扁的橢圓形的形狀。
![](http://pic.16xx8.com/allimg/110409/012425F25-18.jpg)
最后略微調(diào)整一下曲線和顏色,完成最終效果。
![](http://pic.16xx8.com/allimg/110409/012425JN-0.jpg)
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)制作,用PS制作簡單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個簡單逼真的環(huán)形播放按鈕圖標(biāo)
- 播放按鈕,設(shè)計視頻音樂播放按鈕教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!