原文：http://www.pscloud.com/web-design/apple-navigation-bar/

效果圖：

1.新建立一個500*50px的文檔

2.然后選擇矩形選框工具，設置模式為固定大小寬為 480px 高為 35px 繪制一個矩形選區。

3.現在，執行“選擇” -> “修改” -> “平滑”在出現的對話框中設置為3px，創建一新圖層，把選區填充為任意顏色。

3.設置該圖層的圖層樣式：漸變疊加，#949494 － #d2d2d2進行漸變。

投影： #b1b1b1。

4.填寫一些字符，這里使用英文字符segoe ui字體，顏色#383838，大小為14pt。

|||

5.為文字添加投影樣式。

6.現在效果如下。

7.現在我們在文字之間添加分隔線。創建新圖層，使用鉛筆工具，繪制兩條線，使兩條線分開1px，顏色設置為白色。最后改變圖層模式為柔光，不透明度降低到20%。

8.創建一新圖層，繪制一條1px線，顏色為#808080，把它放到上面兩條線的中間，圖層模式不變，把不透明度降低到35%，效果如下。
9.依次復制上面兩個圖層，把這種效果添加到其他的導航文字中間，效果如下。

10.現在，我們來簡單制作翻滾效果。在一個文字的區域設置選區，效果如下圖。

11.創建新圖層，填充選區為任意顏色，然后添加圖層樣式，漸變疊加： #666666 － #a1a1a1。

12.把字體的顏色改變為白色，并且添加投影效果： #454545。

13.最終效果如下。