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

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

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

　　設計步驟如下：

　　第一步：

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

　　第二步：

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

　　第三步：

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

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

　　效果如下：

　　第四步：

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

　　效果如下：

　　100%比例下的效果如下：

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

【photoshop教程之精致的網站導航設計】相關文章：

創造完美網站導航設計技巧02-17

CAD教程之CAD圖導入Photoshop12-31

photoshop基礎教程之顏色修飾12-05

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

Photoshop教程之如何打造MM走出相框的特效12-10

用于團購網站的橙色導航菜單代碼12-01

使用PhotoShop制作斜紋質感網頁導航按鈕教程12-21

Photoshop如何制作精致的透明玻璃彈珠12-12

教海導航(八)怎樣總結教學經驗02-16