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

Photoshop CS5教程:制作閃亮的折射玻璃按鈕特效(3)

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):559人次
作者:佚名   出處::騰龍設(shè)計

本期教程中我們將設(shè)置圖層樣式效果來制作內(nèi)部具有折射光線的按鈕效果,制作中主要使用了“漸變疊加”圖層樣式效果。通過設(shè)置多層漸變疊加,并更改其混合模式而制作出絢麗的光線,具體的制作方法各位網(wǎng)友可跟隨教程同步制作。

最終效果

(1)運行Photoshop CS5,做一個如下圖的背景。

(2)選擇“圓角矩形工具”,在打開的工具選項欄中選擇“形狀圖層”按鈕,創(chuàng)建“形狀 1”圖層。

(3)為“形狀 1”圖層添加圖層樣式,單擊“漸變疊加”項目,并設(shè)置其各項參數(shù)。

(4)單擊“描邊”項目,并設(shè)置其各項參數(shù)。

(5)按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,效果如圖所示。


6)復(fù)制“形狀 1”圖層,得到“形狀 1 副本”圖層,并將該圖層的圖層樣式刪除。

(7)為“形狀 1 副本”圖層添加“漸變疊加”圖層樣式,并設(shè)置其各項參數(shù)。

(8)按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,更改圖層混合模式為“顏色減淡”,效果如圖所示。

(9)復(fù)制“形狀 1”圖層,得到“形狀 1 副本 2”圖層,效果如圖所示。

(10)打開“形狀 1 副本 2”圖層的圖層樣式,并更改“漸變疊加”樣式的各項參數(shù)。

(11)按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,更改圖層混合模式為“濾色”,效果如圖所示。

(12)復(fù)制“形狀 1”圖層,得到“形狀 1 副本 3”圖層,并將該圖層的圖層樣式刪除,調(diào)整大小,效果如圖所示。

(13)為“形狀 1 副本 2”圖層添加圖層樣式,單擊“漸變疊加”項目,并設(shè)置其各項參數(shù)。

(14)按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,更改圖層混合模式為“顏色減淡”,并調(diào)整其“不透明度”參數(shù),效果如圖所示。


15)復(fù)制“形狀 1”圖層,得到“形狀 1 副本 4”圖層,并將該圖層的圖層樣式刪除,調(diào)整大小,效果如圖所示。

(16)為“形狀 1 副本 4”圖層添加圖層樣式,單擊“漸變疊加”項目,并設(shè)置其各項參數(shù)。

(17)按下“確定”按鈕,關(guān)閉“圖層樣式”對話框,更改圖層混合模式為“顏色減淡”,并調(diào)整“不透明度”參數(shù),效果如圖所示。

(18)創(chuàng)建圖層組命名為“玻璃按鈕”,并將“形狀 1”、“形狀 1 副本”、“形狀 1 副本 2”、“形狀 1 副本 3”、“形狀 1 副本 4”拖入該圖層組中。

(19)參照制作“玻璃按鈕”圖層組的方法,制作出“左”、“右”圖層,效果如圖所示。

(20)將“圖層”調(diào)板中隱藏的“組 1”圖層組顯示,完成本實例的制作。



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

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

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

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