Photoshop制作非常有質(zhì)感的彩色金屬按鈕(10)
來源:站酷
作者:Hasaddl
學習:1345人次
本教程非常詳細的介紹高質(zhì)感的按鈕打造方法。制作之前先大致了解一下按鈕的構(gòu)造,由底向上逐步把按鈕分解為一些圓形區(qū)域。然后由下至上用選區(qū)及圖層樣式做出各層的質(zhì)感和光感。最后再整體渲染即可。
最終效果
1、新建一個512 * 512像素的文檔,背景填充淡藍色。新建一個圖層,用橢圓工具在畫布中心畫一個白色圓形。然后給圓添加圖層樣式,參數(shù)及效果如下圖。
2、如下圖所示繪制高光及反射的暗處,過程如下圖。繪制好后吧暗處部分復制一份,應用垂直方向的動感模糊(濾鏡 > 模糊 > 動感模糊),總體效果如下圖。
3、繪制環(huán)形的反射暗處和亮處,具體方法是用圓形形狀工具繪制圓形,之后用更小一些的圓形選區(qū)刪除中間部分。得到類似環(huán)的形狀;一些地方要配合使用模糊和橡皮工具,將不用的地方擦去。
另一塊黑色的暗處使用鋼筆工具勾勒出來填充黑色。
4、新建一個圖層,用圓形工具繪制更小的圓形,位置居中,再添加下圖所示的圖層樣式。
5、添加樣式后,中間的小圓有了一些凹陷效果,接著用鋼筆工具勾出簡單的水平S型波浪畫出中間小圓部分的明暗反射的界限,轉(zhuǎn)化為選區(qū)并填充黑色。左邊圓圈內(nèi)的效果是用橡皮和涂抹工具制作出來的。最后選擇小圓之外的部分,刪除多出的黑色。
6、外圍金屬部分已經(jīng)基本畫好,現(xiàn)在繼續(xù)繪制內(nèi)嵌的部分。畫一個略小一圈的黑色圓形,如下圖所示設置圖層樣式。
7、內(nèi)嵌的高光部分為白色,透明度為:50%;用鋼筆勾出水平的S型選區(qū),然后刪除下半部分。
用更小的圓形繪制中間部分的鏡頭,因為鍍膜的效果,所以是藍色到紫色的漸變,如下圖。
8、繪制鏡頭內(nèi)側(cè)的細節(jié),也就是高光和陰影部分,圖層樣式設置如下圖。
9、最后在里層繪制最后的鏡頭漸變,漸變顏色設置如下圖。之后應用高斯模糊進行適度的模糊處理。
10、添加高光的細節(jié),如圖紅圈部分,繪制橢圓然后應用水平的動感模糊和高斯模糊。
11、繼續(xù)添加高光的細節(jié),如圖紅圈部分,繪制橢圓然后應用水平的動感模糊、垂直的動感模糊和高斯模糊,圖層混合為“疊加”。
12、最后繪制中間區(qū)域的大面積反光,用形狀工具得到橢圓的路徑,用路徑選區(qū)工具選擇下端的描點,往上移動就得到被壓扁的橢圓形的形狀。
最后略微調(diào)整一下曲線和顏色,完成最終效果。
最終效果
1、新建一個512 * 512像素的文檔,背景填充淡藍色。新建一個圖層,用橢圓工具在畫布中心畫一個白色圓形。然后給圓添加圖層樣式,參數(shù)及效果如下圖。
2、如下圖所示繪制高光及反射的暗處,過程如下圖。繪制好后吧暗處部分復制一份,應用垂直方向的動感模糊(濾鏡 > 模糊 > 動感模糊),總體效果如下圖。
3、繪制環(huán)形的反射暗處和亮處,具體方法是用圓形形狀工具繪制圓形,之后用更小一些的圓形選區(qū)刪除中間部分。得到類似環(huán)的形狀;一些地方要配合使用模糊和橡皮工具,將不用的地方擦去。
另一塊黑色的暗處使用鋼筆工具勾勒出來填充黑色。
4、新建一個圖層,用圓形工具繪制更小的圓形,位置居中,再添加下圖所示的圖層樣式。
5、添加樣式后,中間的小圓有了一些凹陷效果,接著用鋼筆工具勾出簡單的水平S型波浪畫出中間小圓部分的明暗反射的界限,轉(zhuǎn)化為選區(qū)并填充黑色。左邊圓圈內(nèi)的效果是用橡皮和涂抹工具制作出來的。最后選擇小圓之外的部分,刪除多出的黑色。
6、外圍金屬部分已經(jīng)基本畫好,現(xiàn)在繼續(xù)繪制內(nèi)嵌的部分。畫一個略小一圈的黑色圓形,如下圖所示設置圖層樣式。
7、內(nèi)嵌的高光部分為白色,透明度為:50%;用鋼筆勾出水平的S型選區(qū),然后刪除下半部分。
用更小的圓形繪制中間部分的鏡頭,因為鍍膜的效果,所以是藍色到紫色的漸變,如下圖。
8、繪制鏡頭內(nèi)側(cè)的細節(jié),也就是高光和陰影部分,圖層樣式設置如下圖。
9、最后在里層繪制最后的鏡頭漸變,漸變顏色設置如下圖。之后應用高斯模糊進行適度的模糊處理。
10、添加高光的細節(jié),如圖紅圈部分,繪制橢圓然后應用水平的動感模糊和高斯模糊。
11、繼續(xù)添加高光的細節(jié),如圖紅圈部分,繪制橢圓然后應用水平的動感模糊、垂直的動感模糊和高斯模糊,圖層混合為“疊加”。
12、最后繪制中間區(qū)域的大面積反光,用形狀工具得到橢圓的路徑,用路徑選區(qū)工具選擇下端的描點,往上移動就得到被壓扁的橢圓形的形狀。
最后略微調(diào)整一下曲線和顏色,完成最終效果。
學習 · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!