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

投影時，不同模式的效果投影時，不同模式的效果

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

圖層樣式：漸變疊加

混合模式：正常

不透明度：100%

漸變色值：#e6eae5~#fdde3e2

樣式：線性

角度：167

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

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

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

混合模式：濾色

色值：#abe2ff

不透明度：100%

角度：120度

距離：1

阻塞：0

大?。?

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

混合模式：濾色

不透明度：97%

雜色：0

色值：#ffffff

方法：柔和

源：居中

阻塞：0

大小：0

等高線：默認

范圍：33%

抖動：0

圖層樣式：顏色疊加

混合模式：正常

色值：#abe2ff

不透明度：100%

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

混合模式：疊加

不透明度：90%

雜色：0

色值：# e7fcff

方法：柔和

擴展：8

大?。?

等高線：默認

范圍：100%

抖動：0

圖層樣式：投影

混合模式：線性減淡

色值：#ffffff

不透明度：8%

角度：120

距離：0

擴展0

大?。?0

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

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

3.​ 按相同方法做出右邊灰色小橢圓

圖層樣式：斜面和浮雕

內(nèi)斜面

方法：平滑

深度:1%

方向：上

大小：1

軟化：0

角度：140

高度：42

光模式：濾色 #ffffff

不透明度：15%

陰影模式：顏色加深 #0a0a0a

不透明度：17

圖層樣式：顏色疊加

混合模式：正常

色值：#0c1212

不透明度：50%

圖層樣式：投影

混合模式：正常

色值：#ffffff

不透明度：60%

角度：120

距離：1

擴展0

大?。?

4. 新建一個圓角矩形，w:12PX H:40PX，圓角統(tǒng)一4PX。選擇前面的一個發(fā)光小橢圓圖層，點擊右鍵-拷貝圖層樣式?；氐綀A角矩形圖層， 點擊右鍵-粘貼圖層樣式。

步驟三：制作文字

1. 選擇文字工具，打出自己想要的字體。添加圖層樣式

最好選用無襯線字體哦，粗細要適中，會看著比較精致

圖層樣式：顏色疊加

混合模式：疊加

色值：#151617

不透明度：100%

圖層樣式：投影

混合模式：正常

色值：#ffffff

不透明度：70%

角度：110

距離：2

擴展0

大?。?

​7. 案例到這里已經(jīng)完成了，做練習(xí)的朋友可以根據(jù)喜好在修改。

​ 【注意點8】 菜單欄中選擇“圖層”-“圖層樣式”-“創(chuàng)建圖層”命令，可將圖層樣式轉(zhuǎn)化為新的圖層，單獨編輯。

​【注意點9】圖層樣式的編輯和管理。點擊窗口-樣式，可直接應(yīng)用圖層樣式。

以上就是Photoshop圖層樣式制作立體感的網(wǎng)頁開關(guān)按鈕教程，操作很簡單的，大家學(xué)會了嗎？有興趣的朋友可以參考本文，來看看吧！

最新評論