PS設計制作漂亮水晶玻璃效果的網站導航條

2022-12-26 14:01:05 來源/作者: / 己有:13人學習過


作者:zixuan_gzs 編譯   出處:中國教程網論壇

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

來看看效果圖:

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

制作步驟:

1:新建一個700*300的文件

2:用圓角矩形工具畫一個稍等小一點的形狀

3:轉換為選區

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

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


6:繼續增加圖層樣式,2--內陰影

7:3---外發光

8:4--內發光

9:5--斜面和浮雕

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

11:7--光澤


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

13:效果如圖

下面我們來制作導航條上的小按鈕

14:用圓角矩形工具畫如圖大小的路徑并轉換為選區

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

16:效果如圖

17:同樣的方法做出其它


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

19:加入文字

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

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

22:在加上網站,得到最終效果



標簽(TAG) 網頁圖片 導航條