Photoshop設(shè)計簡潔的網(wǎng)站導(dǎo)航教程(5)

先用PS新建1000*600px大小，隨后將背景色從上往下拉出漸變效果，顏色從#333333到#000000

用圓形筆刷，顏色為白色，設(shè)置畫筆大小為700px，流量為50%，在背景上點擊產(chǎn)生白色光暈效果

使用矩形選區(qū)畫出導(dǎo)航條的框架，填充為黑色

為其添加樣式：

完成后如下圖：

點選黑色導(dǎo)航條圖層，使其選中狀態(tài)，隨后用矩形選區(qū)按住alt建對選區(qū)進(jìn)行裁剪

保持上面的選區(qū)選中狀態(tài)，隨后新建圖層，填充白色，將新圖層不透明度設(shè)置為30%

加入導(dǎo)航條的按鈕文字：

我們?yōu)閷?dǎo)航添加鼠標(biāo)滑過變化效果，制作綠色的按鈕背景塊，將其放在黑色大背景條圖層之上

再加入一些矢量圖點綴下背景，就完成了整個導(dǎo)航條的制作