photoshop教程之精致的網(wǎng)站導(dǎo)航設(shè)計

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

　　設(shè)計步驟如下：

　　第一步：

　　用形狀工具或者選框工具設(shè)計出菜單的背景來，如下圖：

　　第二步：

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

　　第三步：

　　給這個圖層加"漸變疊加"這個混合選項，設(shè)置如下：

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

　　效果如下：

　　第四步：

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

　　效果如下：

　　100%比例下的效果如下：

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

【photoshop教程之精致的網(wǎng)站導(dǎo)航設(shè)計】相關(guān)文章：

photoshop基礎(chǔ)教程之顏色修飾03-21

Photoshop教程之立體彩帶特效04-01

認識Photoshop教學(xué)設(shè)計11-10

網(wǎng)頁設(shè)計常用photoshop技巧11-30

《認識photoshop》優(yōu)秀教學(xué)設(shè)計04-04

Photoshop設(shè)計銀色金屬字體立體效果教程11-18

Photoshop公開課教學(xué)教案設(shè)計05-05

使用PhotoShop設(shè)計簡潔清新制作教程04-20

如何用photoshop設(shè)計制作逼真冰凍字體03-31