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

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

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

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

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

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

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

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

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

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

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

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

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

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