利用Photoshop制作網(wǎng)站底部浮動(dòng)導(dǎo)航欄

步驟 1 利用圓角矩形工具繪制如下矩形。

步驟 2 圖層 >> 圖層樣式 >> 內(nèi)陰影。

斜面與浮雕：

描邊：

得到如下效果：

步驟 3 在圖層面板調(diào)節(jié)“填充”值到 0%。

步驟 4 復(fù)制圖層，并去除所有圖層樣式，選擇橢圓工具，并在頂部狀態(tài)欄選擇“從形狀中減去”，在如下位置繪制兩個(gè)圓。

步驟 5 圖層 >> 圖層樣式 >> 漸變疊加。

描邊：

得到如下效果：

步驟 6 復(fù)制圖層并去除圖層樣式，選擇橢圓工具，并在頂部狀態(tài)欄選擇“從形狀中減去”，在如下位置繪制另外兩個(gè)圓。

步驟 7 圖層 >> 圖層樣式 >> 漸變疊加。

描邊：

得到如下效果：

步驟 8 在如下位置繪制另一個(gè)圓角矩形，并按步驟 7 所述添加圖層樣式。

步驟 9 在如下位置創(chuàng)建多個(gè)小矩形為導(dǎo)航條添加更多細(xì)節(jié)，并按步驟 7 所述添加圖層樣式。

步驟 10 創(chuàng)建一條細(xì)線。

步驟 11 創(chuàng)建一個(gè)小橢圓，圖層 >> 圖層樣式 >> 描邊，大小為1個(gè)像素。

步驟 12 復(fù)制無(wú)數(shù)個(gè)橢圓層，并按下圖所示排列。

步驟 13 按照相同的方法完成另一側(cè)的制作。

步驟 14 為導(dǎo)航欄添加更多細(xì)節(jié)。

步驟 15 輸入導(dǎo)航欄文字。

步驟 16 將整個(gè)管子復(fù)制兩次，進(jìn)行縮放分別置于如下所示位置。

步驟 17 重復(fù)上述步驟。

步驟 18 合并所有圖層（除背景層），并將圖層混合模式改為“顏色減淡”，圖層不透明度降為 50%。

大功告成！