本教程介紹非常精致的導(dǎo)航欄的制作方法。大致過(guò)程：先用做出自己想要的導(dǎo)航欄形狀，然后分別對(duì)導(dǎo)航欄的高光及背景部分設(shè)置圖層樣式，做出水晶質(zhì)感。后期調(diào)整細(xì)節(jié)并加上文字即可。

最終效果

1、打開(kāi)下圖所示的背景素材。

<點(diǎn)小圖查看大圖>

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

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

4、單擊“內(nèi)陰影”項(xiàng)目，并設(shè)置其各項(xiàng)參數(shù)。

5、單擊“斜面和浮雕”項(xiàng)目，并設(shè)置其各項(xiàng)參數(shù)。

6、單擊“圖案疊加”項(xiàng)目，并設(shè)置其各項(xiàng)參數(shù)。

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

8、按下“確定”按鈕，關(guān)閉“圖層樣式”對(duì)話(huà)框，設(shè)置圖層“填充”參數(shù)，效果如圖所示。

9、復(fù)制“形狀 1”圖層，得到“形狀 1 副本”圖層，并將“形狀 1 副本”圖層的圖層樣式刪除，效果如圖所示。

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

11、按下“確定”按鈕，關(guān)閉“圖層樣式”對(duì)話(huà)框，設(shè)置圖層的“填充”參數(shù)，效果如圖所示。

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

13、為“形狀 2”圖層添加圖層樣式，單擊“投影”項(xiàng)目，并設(shè)置其各項(xiàng)參數(shù)。

14、單擊“內(nèi)發(fā)光”項(xiàng)目，并設(shè)置其各項(xiàng)參數(shù)。

15、單擊“漸變疊加”項(xiàng)目，并設(shè)置其各項(xiàng)參數(shù)。

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

17、按下“確定”按鈕，關(guān)閉“圖層樣式”對(duì)話(huà)框，設(shè)置“填充”參數(shù)，效果如圖所示。

18、復(fù)制“形狀 1”圖層，得到“形狀 1 副本 2”圖層并命名為“高光”，并將其圖層的圖層樣式刪除。

19、將“高光”圖層?xùn)鸥窕聪?lt;Ctrl>鍵的同時(shí)單擊“形狀 1”圖層，將其載入選區(qū)，移動(dòng)選區(qū)位置，對(duì)“高光”圖層進(jìn)行修整。

20、為“高光”圖層添加圖層蒙版，選擇“漸變工具”調(diào)整圖像。

21、設(shè)置“填充”參數(shù)，效果如圖所示。

22、復(fù)制“形狀 1”圖層，得到“形狀 1 副本 2”圖層并命名為“邊”，并將其圖層的圖層樣式刪除。

23、將“邊”圖層?xùn)鸥窕瑓⒄招拚?ldquo;高光”圖層的方法，對(duì)“邊”圖層進(jìn)行修整。

24、取消選區(qū)，效果如圖所示。

25、設(shè)置“填充”參數(shù)，效果如圖所示。

26、將“圖層”調(diào)板中隱藏的“組 1”圖層組和“素材”圖層顯示，完成本實(shí)例的制作。

最終效果：