本文的導航條按鈕效果比較基礎，制作也相對簡單，適合新手進行學習。

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

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

使用矩形選區畫出導航條的框架，填充為黑色

|||

為其添加樣式：

完成后如下圖：

|||

點選黑色導航條圖層，使其選中狀態，隨后用矩形選區按住alt建對選區進行裁剪

保持上面的選區選中狀態，隨后新建圖層，填充白色，將新圖層不透明度設置為30%

加入導航條的按鈕文字：

|||

我們為導航添加鼠標滑過變化效果，制作綠色的按鈕背景塊，將其放在黑色大背景條圖層之上

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

本文由網頁設計webjx.com編譯，轉載請保留！謝謝！