一般來說，國內(nèi)網(wǎng)站導(dǎo)航都是橫條的，國外網(wǎng)站相反，大部分是豎列的，今天我們就來制作一個豎列導(dǎo)航，先看效果圖。

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

放大畫布顯示，用白箭頭工具點一下路徑，會出現(xiàn)一些節(jié)點。

用鋼筆工具刪除2個節(jié)點，調(diào)整如下圖所示，使底部形成直角。

建新層，調(diào)出上圖的選區(qū)，選擇>修改>收縮2像素，編輯>描邊1像素。

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

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

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

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

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

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

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

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

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