最終效果圖

1、首先啟動(dòng)功能強(qiáng)大的Photoshop，新建一個(gè)合適大小的畫布，并且將背景色設(shè)置為灰色。如圖1所示。

2、接著使用圓角矩形工具，將半徑設(shè)置為10像素，繪制出一個(gè)圓角矩形。如圖2所示。

3、選擇漸變工具，打開漸變編輯器，模擬真實(shí)金屬的光澤，設(shè)置黑白灰的漸變。如圖3所示。
  #p# 4、按下Ctrl+Enter將路徑轉(zhuǎn)化為選區(qū)，新建圖層，使用漸變工具將剛剛設(shè)置好的漸變由上而下拉出。如圖4所示。

5、從菜單欄中選擇“濾鏡/雜色/添加雜色”，打開“添加雜色”對話框，將“數(shù)量”設(shè)置為7%，分布設(shè)置為“高斯分布”并選擇“單色”。設(shè)置完成后單擊確定按鈕。如圖5所示。

6、復(fù)制一個(gè)金屬面板，將其總一個(gè)隱藏，對另一個(gè)進(jìn)行操作。使用矩形選區(qū)工具和橢圓選區(qū)工具相結(jié)合在金屬面板的兩側(cè)建立選區(qū)。并按下Delete將選中的區(qū)域刪除。如圖6所示。

7、將剛才復(fù)制的面板顯示出來，按下Ctrl+T進(jìn)行變形，調(diào)整為一個(gè)長條狀的形態(tài)，并放置于金屬面板得下方。如圖7所示
  #p# 8、再次復(fù)制一個(gè)金屬面板調(diào)整其形體，并放置于最底層，如圖8所示。

9、給最上方的金屬面板進(jìn)行圖層樣式的添加，首先添加投影效果，不透明度設(shè)置為100%，距離7像素，大小5像素。如圖9所示。

10、設(shè)置斜面和浮雕特效，樣式為“枕狀浮雕”，深度150%，方向?yàn)?ldquo;上”，大小3像素，軟化0像素。如圖10所示。

11、添加光澤特效，不透明度30%，距離50像素，大小40像素。如圖11所示。
  #p# 12、接著給金屬面板下方的兩個(gè)部件進(jìn)行圖層樣式的添加，首先是添加外發(fā)光特效，混合模式為正常，選區(qū)黑色，不透明度100%，大小為15像素。如圖12所示。

13、添加圖案疊加樣式，這樣做是為了與前面的面板區(qū)別開，更加突出前面的面板。選擇好疊加的圖案，將不透明度設(shè)置為15%。如圖13所示。

14、將面板下方的部件兩個(gè)圖層合并為一個(gè)圖層，并復(fù)制一個(gè)將其變形。如圖14所示。

15、將其變形為縱向條狀物，并復(fù)制為兩個(gè)。如圖15所示。

16、將這兩個(gè)豎條狀物放置于金屬面板和背后的部件之間，這樣看上去更具有金屬感。如圖16所示。
  #p# 17、這樣金屬面板整體制作就完成了。接下來就需要給按鈕上面添加文字。選擇文字工具，在金屬面板上打入“金屬風(fēng)暴”四個(gè)字設(shè)置為超粗黑，并將填充設(shè)置為30%。接著進(jìn)行斜面和浮雕樣式的添加，使用內(nèi)側(cè)面樣式，大小和軟化皆為0像素，其他數(shù)值保持默認(rèn)。如圖17所示。

18、最后再給位子描一個(gè)像素的黑邊。如圖18所示。

19、OK，金屬風(fēng)暴按鈕就制作完成了。希望對大家有些幫助。謝謝。

最新評論