漂亮的導航條為我們的網(wǎng)站增色不少，現(xiàn)在我們來看一個例子，這個別具特色的導航條主要充分運用了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è)置如圖所示。
復制圖層，將復制后的圖層命名為layer 2并移動到layer 1下，然后隱藏剛剛復制的圖層layer 2。
3.現(xiàn)在要對按鈕進行精雕細琢了。用Rectangular Marquee Tool（矩形選區(qū)工具）把圖層layer 1做成例三的樣子。把標尺和網(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ù)做完剩余的部分。
