Photoshop設計精致的網(wǎng)站導航(4)

作者：m4er  來源：藍色理想

設計工具為PS CS3，先看做好的效果圖：

設計步驟如下：
第一步：
用形狀工具或者選框工具設計出菜單的背景來，如下圖：

第二步：
新建一個圖層，用縮放工具放大到1000%，用畫筆在這個新建圖層上畫出一條適當長度的1px豎線，顏色為#ffffff；如下圖：

第三步：
給這個圖層加"漸變疊加"這個混合選項，設置如下：

1處的顏色為白色豎線的下端附近的背景顏色值，2處的顏色為白色豎線的上端附近的背景顏色值，3處的顏色為#d7d7d7。
效果如下：

第四步：
復制這個圖層，用箭頭工具將復制的圖層向左移動1px,修改漸變參數(shù)，如下圖：

效果如下：

100%比例下的效果如下：

剩下的工作就是加上文字與復制圖層及排版的問題了，這里不細說了。