漂亮的導(dǎo)航條為我們的網(wǎng)站增色不少，現(xiàn)在我們來看一個例子，這個別具特色的導(dǎo)航條主要充分運用了Photoshop 6.0及以上版本的style（圖層樣式）功能。

　　1.新建一個以白色為背景的650*50 pixels的文件。新建一個圖層命名為layer 1，用Rectangular Marquee Tool（矩形選區(qū)工具）做出一個選區(qū)，并填充你喜歡的顏色。


　　2.現(xiàn)在點擊圖層調(diào)板最底下的按鈕為圖層添加一些樣式。

　　首先添加Gradient Overlay樣式，先下載漸變文件。單擊選項欄漸變樣式色條，會彈出漸變樣式編輯框，點擊Load按鈕將剛下載的漸變文件載入。Gradient Overlay的具體設(shè)置如圖所示。


　　接著添加Stroke樣式，參數(shù)如下：Size: 1 pixel ；Blend Mode: Normail  ；Position: Outside ；Opacity: 100% ；Color: Black。
　　最后還要添加Drop Shadow樣式，具體設(shè)置如圖所示。


　　復(fù)制圖層，將復(fù)制后的圖層命名為layer 2并移動到layer 1下，然后隱藏剛剛復(fù)制的圖層layer 2。



　　3.現(xiàn)在要對按鈕進行精雕細(xì)琢了。用Rectangular Marquee Tool（矩形選區(qū)工具）把圖層layer 1做成例三的樣子。把標(biāo)尺和網(wǎng)格調(diào)出來，你會事半功倍。


　4.將layer 1的layer mode改為Soft light模式，然后我們用Singel Row Marquee Tool(單行選框工具)做出黑白兩小條橫線，做出內(nèi)陷的明暗效果模擬按鈕之間的齒輪。

　　選中l(wèi)ayer 2依次操作Edit - Transform - Scale - Height 56 %，最后將整個layer 2圖層向下移動一個象素。layer 2的作用就是做出buttonbar上的那個中軸。
　　　　

　　5.下面我們就來添加文字，我的設(shè)置如下：
　　font字體：SF Intellivised ；color顏色：#D8D7E1
　　Layer mode: Overlay；Layer style：Inner Glow；color: #FFA520；具體設(shè)置如圖所示：


　　Layer style:Stroke ，參數(shù)如下：Size: 1 pixel ；Blend Mode: Normail -； Position: Outside ；Opacity: 100% ；Color: Black。

　　7.現(xiàn)在大部分工具已經(jīng)已經(jīng)完成，大家可以舉一反三，繼續(xù)做完剩余的部分。