- 相關(guān)推薦
photoshop教程之精致的網(wǎng)站導(dǎo)航設(shè)計(jì)
設(shè)計(jì)工具為PS CS3，先看做好的效果圖：
設(shè)計(jì)步驟如下：
第一步：
用形狀工具或者選框工具設(shè)計(jì)出菜單的背景來(lái)，如下圖：
第二步：
新建一個(gè)圖層，用縮放工具放大到1000%，用畫(huà)筆在這個(gè)新建圖層上畫(huà)出一條適當(dāng)長(zhǎng)度的1px豎線(xiàn)，顏色為#ffffff；如下圖：
第三步：
給這個(gè)圖層加"漸變疊加"這個(gè)混合選項(xiàng)，設(shè)置如下：
1處的顏色為白色豎線(xiàn)的下端附近的背景顏色值，2處的顏色為白色豎線(xiàn)的上端附近的背景顏色值，3處的顏色為#d7d7d7。
效果如下：
第四步：
復(fù)制這個(gè)圖層，用箭頭工具將復(fù)制的圖層向左移動(dòng)1px,修改漸變參數(shù)，如下圖：
效果如下：
100%比例下的效果如下：
剩下的工作就是加上文字與復(fù)制圖層及排版的問(wèn)題了，這里不細(xì)說(shuō)了。
【photoshop教程之精致的網(wǎng)站導(dǎo)航設(shè)計(jì)】相關(guān)文章：
Photoshop教程之立體彩帶特效04-01
認(rèn)識(shí)Photoshop教學(xué)設(shè)計(jì)11-10
網(wǎng)頁(yè)設(shè)計(jì)常用photoshop技巧11-30
《認(rèn)識(shí)photoshop》優(yōu)秀教學(xué)設(shè)計(jì)04-04
Photoshop設(shè)計(jì)銀色金屬字體立體效果教程11-18
Photoshop公開(kāi)課教學(xué)教案設(shè)計(jì)05-05