Photoshop完美打造金屬風(fēng)暴按鈕

Photoshop完美打造金屬風(fēng)暴按鈕使用Photoshop有限的功能卻可以制作出無(wú)限的效果和創(chuàng)意。材質(zhì)效果方面，像木頭、涂料、石頭、金屬等等Photoshop都可以制作出來(lái)。其中金屬以其獨(dú)特的冷酷質(zhì)感博得許多CG愛(ài)好者的推崇，制作金屬風(fēng)格的方法也多種多樣。今天筆者帶給大家使用Photoshop打造的金屬風(fēng)暴按鈕。

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

圖1

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

圖2

選擇漸變工具，打開(kāi)漸變編輯器，模擬真實(shí)金屬的光澤，設(shè)置黑白灰的漸變。如圖3所示。

圖3

按下Ctrl Enter將路徑轉(zhuǎn)化為選區(qū)，新建圖層，使用漸變工具將剛剛設(shè)置好的漸變由上而下拉出。如圖4所示。

圖4

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

圖5

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

圖6

將剛才復(fù)制的面板顯示出來(lái)，按下Ctrl T進(jìn)行變形，調(diào)整為一個(gè)長(zhǎng)條狀的形態(tài)，并放置于金屬面板得下方。如圖7所示。

圖7

再次復(fù)制一個(gè)金屬面板調(diào)整其形體，并放置于最底層，如圖8所示。

圖8

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

圖9

設(shè)置斜面和浮雕特效，樣式為“枕狀浮雕”，深度150%，方向?yàn)椤吧稀保笮?像素，軟化0像素。如圖10所示。

圖10

添加光澤特效，不透明度30%，距離50像素，大小40像素。如圖11所示。

圖11

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

圖12

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

圖13

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

圖14

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

圖15

將這兩個(gè)豎條狀物放置于金屬面板和背后的部件之間，這樣看上去更具有金屬感。如圖16所示。

圖16

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

圖17

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

圖18

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

圖19