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

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

來源:不詳 作者:佚名 學(xué)習(xí):125人次
Photoshop完美打造金屬風(fēng)暴按鈕使用Photoshop有限的功能卻可以制作出無限的效果和創(chuàng)意。材質(zhì)效果方面,像木頭、涂料、石頭、金屬等等Photoshop都可以制作出來。其中金屬以其獨特的冷酷質(zhì)感博得許多CG愛好者的推崇,制作金屬風(fēng)格的方法也多種多樣。今天筆者帶給大家使用Photoshop打造的金屬風(fēng)暴按鈕。

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

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

圖1

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

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

圖2

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

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

圖3

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

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

圖4

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

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

圖5

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

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

圖6

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

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

圖7

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

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

圖8

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

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

圖9

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

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

圖10

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

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

圖11

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

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

圖12

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

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

圖13

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

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

圖14

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

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

圖15

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

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

圖16

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

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

圖17

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

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

圖18

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

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

圖19



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

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

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

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