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

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):559人次
作者:佚名   出處::騰龍?jiān)O(shè)計(jì)

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

最終效果

(1)運(yùn)行Photoshop CS5,做一個(gè)如下圖的背景。

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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



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

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

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

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