PS設(shè)計(jì)制作漂亮水晶玻璃效果的網(wǎng)站導(dǎo)航條

2022-12-26 14:01:05 來源/作者: / 己有:13人學(xué)習(xí)過


作者:zixuan_gzs 編譯   出處:中國教程網(wǎng)論壇

本例介紹運(yùn)用PS簡單制作漂亮的水晶玻璃效果的網(wǎng)站導(dǎo)航條,主要通過圓角矩形工具、圖層樣式的設(shè)置來完成最終效果,簡單易學(xué),適合新手朋友了解圖層樣式的運(yùn)用~~

來看看效果圖:

PS:教程中涉及的顏色可以根據(jù)自己喜歡來設(shè)定,改變下參數(shù),會做出大家意想不到的效果哦,所以請練習(xí)的朋友靈活運(yùn)用!

制作步驟:

1:新建一個(gè)700*300的文件

2:用圓角矩形工具畫一個(gè)稍等小一點(diǎn)的形狀

3:轉(zhuǎn)換為選區(qū)

4:新建一層,填充為任意顏色

5:給新建的層添加圖層樣式,1---投影效果


6:繼續(xù)增加圖層樣式,2--內(nèi)陰影

7:3---外發(fā)光

8:4--內(nèi)發(fā)光

9:5--斜面和浮雕

10:6--改變斜面和浮雕里面的等高線

11:7--光澤


12:最后一個(gè)圖層樣式8--顏色疊加

13:效果如圖

下面我們來制作導(dǎo)航條上的小按鈕

14:用圓角矩形工具畫如圖大小的路徑并轉(zhuǎn)換為選區(qū)

15:新建一層,填充為任意色,拷貝剛剛那個(gè)圖層的圖層樣式,在新建的圖層中粘貼圖層樣式

16:效果如圖

17:同樣的方法做出其它


18:同樣的方法做出圓形的

19:加入文字

20:改變下文字層的不透明度,降低到50%

21:加上別的裝飾,也改變下不透明度

22:在加上網(wǎng)站,得到最終效果