步驟十八

如果你做的正確，那么現在你的菜單應該如下所示。

步驟十九

在當前畫布上，LittleLines當前按鈕上有黑色文本，選擇你的文字圖層，點擊T鍵激活“文字工具”，選中第一個按鈕上的文字，在字符面板上將選中的文字顏色改為黑色。

步驟二十

在按鈕準備方面，最后一步為在剩余按鈕中間添加黑色分隔線。點擊“Double Border”圖層，然后在它上面新建一個新圖層，命名為“Divider Lines”。右擊新圖層，從菜單中選擇“創建剪切蒙版”，為“Divider Lines”圖層創建一個剪切蒙版。如下所示，現在已經有三個圖層重疊到“Button Background”圖層上。

步驟二十一

為了創建黑線，按D鍵將前景色重置為黑色，然后從矩形選框工具的彈出菜單中選擇可以生成1像素寬豎直選區“單列選框工具”。

從之前的例子中我們可以看到，這些小的黑色分隔線只放在每個按鈕的左邊框，所以，在兩個按鈕之間點擊，創建1像素寬的選區，如果位置不合適，按左、右箭頭鍵輕輕移動它，然后按“Alt-Delete”鍵為其填充黑色。重復此操作，直到將所有剩余按鈕劃分完畢，不要忘記也要在最后一個按鈕右邊緣畫線。做完后按“Ctrl-D”鍵取消選區。

步驟二十二

對那些想深入了解，為背景添加木質紋理的同學，在這里我也解釋一下(因為我知道，如果我不這樣做，我會收到50封電子郵件)。

首先，你需要先找到你喜歡的一種木質紋理，我覺得defcon-x 是能找到這種紋理的最好的網站之一，它們擁有很多種高分辨率的木質紋理可供選擇。在圖片上右擊選擇復制圖片，然后返回到Photoshop文件。

選中“Nav Background”圖層(有橙色紋理的那個)，按“Ctrl-V”將紋理復制到文件中。這樣將會自動產生一個新圖層，命名為“Wood”。木質圖層現在填充到整個文件中，我們對它進行修剪。像前面那樣，在新建的“Wood”圖層上右擊，在菜單中選擇創建剪切蒙版。

(注意：如果你覺得由于高分辨率而不能足夠看清木質紋理，可以用自由變換工具將紋理縮小到合適的尺寸。)

步驟二十三

最后一步工作，為“Nav Background”圖層添加一個由淺黑色到透明的漸變疊加圖層樣式。右擊“Nav Background”圖層，從菜單中選擇混合選項，然后設置如下漸變疊加圖層樣式。

步驟二十四

就這樣，你的導航欄完成了。希望你能在這個實例中有所收獲!