利用Photoshop制作網站底部浮動導航欄

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

步驟 2 圖層 >> 圖層樣式 >> 內陰影。

斜面與浮雕：

描邊：

得到如下效果：

步驟 3 在圖層面板調節“填充”值到 0%。

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

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

描邊：

得到如下效果：

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

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

描邊：

得到如下效果：

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

步驟 9 在如下位置創建多個小矩形為導航條添加更多細節，并按步驟 7 所述添加圖層樣式。

步驟 10 創建一條細線。

步驟 11 創建一個小橢圓，圖層 >> 圖層樣式 >> 描邊，大小為1個像素。

步驟 12 復制無數個橢圓層，并按下圖所示排列。

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

步驟 14 為導航欄添加更多細節。

步驟 15 輸入導航欄文字。

步驟 16 將整個管子復制兩次，進行縮放分別置于如下所示位置。

步驟 17 重復上述步驟。

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

大功告成！