一般來說，國內網站導航都是橫條的，國外網站相反，大部分是豎列的，今天我們就來制作一個豎列導航，先看效果圖。

新建文檔210x260像素，背景白色。建新層，選擇圓角矩形工具，畫一個矩形，設置如下， 顏色#ff7f00。

放大畫布顯示，用白箭頭工具點一下路徑，會出現一些節點。

用鋼筆工具刪除2個節點，調整如下圖所示，使底部形成直角。

建新層，調出上圖的選區，選擇>修改>收縮2像素，編輯>描邊1像素。

合并除背景外的所有層，做一矩形選區，刪除底部。

建新層，做如下矩形選區，填充白色，圖層不透明度35%。

Ctrl+J復制一層，往底下挪一段距離，圖層模式柔光，不透明度25%。

輸入白色文字，添加描邊圖層樣式。

建新層，做如下矩形選區，描邊1像素。

保持選區，建新層，選擇>修改>收縮1像素，編輯>描邊1像素。重復這個步驟，顏色分別是桔黃和灰色，效果如下。

保持選區，建新層，填充# f9f6ee，添加圖層樣式。

輸入一些文字，最終效果如下。

剩下的我不用說了。文字加上鏈接即可。