Photoshop圖層樣式制作立體感的網(wǎng)頁(yè)開(kāi)關(guān)按鈕

發(fā)布時(shí)間：2017-02-06 10:19:42 作者：小胡舵主

本教程主要使用PhotPhotoshop圖層樣式制作立體感的網(wǎng)頁(yè)開(kāi)關(guān)按鈕方法，教程主要是利用圖層樣式來(lái)實(shí)現(xiàn)，方法很簡(jiǎn)單的，推薦到腳本之家，喜歡的朋友可以參考本文，來(lái)看看吧

【注意點(diǎn)7】調(diào)投影時(shí)，相同參數(shù)下，正片疊底模式顏色容易臟，而顏色加深模式顏色更干凈透氣。

投影時(shí)，不同模式的效果投影時(shí)，不同模式的效果

6. 新建橢圓5，尺寸530 * 530 PX。打開(kāi)屬性窗口。講羽化值調(diào)成10。并調(diào)節(jié)圖層樣式

圖層樣式：漸變疊加

混合模式：正常

不透明度：100%

漸變色值：#e6eae5~#fdde3e2

樣式：線性

角度：167

步驟二：制作發(fā)光效果

1. 新建一個(gè) 12 * 12PX的橢圓，命名為發(fā)光橢圓1，放在圖標(biāo)相對(duì)位置。并設(shè)置圖層樣式

圖層樣式：內(nèi)陰影

混合模式：濾色

色值：#abe2ff

不透明度：100%

角度：120度

距離：1

阻塞：0

大?。?

圖層樣式：內(nèi)發(fā)光

混合模式：濾色

不透明度：97%

雜色：0

色值：#ffffff

方法：柔和

源：居中

阻塞：0

大?。?

等高線：默認(rèn)

范圍：33%

抖動(dòng)：0

圖層樣式：顏色疊加

混合模式：正常

色值：#abe2ff

不透明度：100%

圖層樣式：外發(fā)光

混合模式：疊加

不透明度：90%

雜色：0

色值：# e7fcff

方法：柔和

擴(kuò)展：8

大?。?

等高線：默認(rèn)

范圍：100%

抖動(dòng)：0

圖層樣式：投影

混合模式：線性減淡

色值：#ffffff

不透明度：8%

角度：120

距離：0

擴(kuò)展0

大?。?0

2. 選中發(fā)光橢圓圖層

Ctrl+J復(fù)制一層。選中復(fù)制的層，Ctrl+T進(jìn)入自由變換，然后按住 Alt+鼠標(biāo)左鍵將變換中心點(diǎn)拉到整個(gè)圖標(biāo)的中心點(diǎn)。并在參數(shù)欄中將旋轉(zhuǎn)調(diào)整為 -15。然后回車鍵確定。然后按住Shift+Ctrl+Alt+T快速?gòu)?fù)制。