本教程介紹非常精致的導航欄的制作方法。大致過程：先用做出自己想要的導航欄形狀，然后分別對導航欄的高光及背景部分設置圖層樣式，做出水晶質感。后期調整細節并加上文字即可。

最終效果

1、打開下圖所示的背景素材。

<點小圖查看大圖>

2、選擇“圓角矩形工具”，在打開的工具選項欄中選擇“形狀圖層”按鈕，創建“形狀 1”圖層。

3、為“形狀 1”圖層添加圖層樣式，單擊“投影”項目，并設置其各項參數。

4、單擊“內陰影”項目，并設置其各項參數。

5、單擊“斜面和浮雕”項目，并設置其各項參數。

6、單擊“圖案疊加”項目，并設置其各項參數。

7、單擊“描邊”項目，并設置其各項參數。

8、按下“確定”按鈕，關閉“圖層樣式”對話框，設置圖層“填充”參數，效果如圖所示。

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

10、為“形狀 1”圖層添加“漸變疊加”圖層樣式，并設置其各項參數。

11、按下“確定”按鈕，關閉“圖層樣式”對話框，設置圖層的“填充”參數，效果如圖所示。

12、選擇“矩形工具”，在打開的工具選項欄中選擇“形狀圖層”按鈕，創建“形狀 2”圖層。

13、為“形狀 2”圖層添加圖層樣式，單擊“投影”項目，并設置其各項參數。

14、單擊“內發光”項目，并設置其各項參數。

15、單擊“漸變疊加”項目，并設置其各項參數。

16、單擊“描邊”項目，并設置其各項參數。

17、按下“確定”按鈕，關閉“圖層樣式”對話框，設置“填充”參數，效果如圖所示。

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

19、將“高光”圖層柵格化，按下<Ctrl>鍵的同時單擊“形狀 1”圖層，將其載入選區，移動選區位置，對“高光”圖層進行修整。

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

21、設置“填充”參數，效果如圖所示。

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

23、將“邊”圖層柵格化，參照修整“高光”圖層的方法，對“邊”圖層進行修整。

24、取消選區，效果如圖所示。

25、設置“填充”參數，效果如圖所示。

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

最終效果：