photoshop教程之精緻的網站導航設計

設計工具爲PS CS3,先看做好的效果圖:

photoshop教程之精緻的網站導航設計

設計步驟如下:

第一步:

用形狀工具或者選框工具設計出菜單的背景來,如下圖:

第二步:

新建一個圖層,用縮放工具放大到1000%,用畫筆在這個新建圖層上畫出一條適當長度的1px豎線,顏色爲#ffffff;如下圖:

第三步:

給這個圖層加"漸變疊加"這個混合選項,設置如下:

1處的顏色爲白色豎線的下端附近的背景顏色值,2處的顏色爲白色豎線的上端附近的`背景顏色值,3處的顏色爲#d7d7d7。

效果如下:

第四步:

複製這個圖層,用箭頭工具將複製的圖層向左移動1px,修改漸變參數,如下圖:

效果如下:

100%比例下的效果如下:

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