利用Photoshop制作網站底部浮動導航欄
- 2022-12-24 19:38:51
- 來源/作者:互聯網/佚名
- 己被圍觀次
利用Photoshop制作網站底部浮動導航欄 步驟 1 利用圓角矩形工具繪制如下矩形。 步驟 2 圖層 圖層樣式 內陰影。 斜面與浮雕: 描邊: 得到如下效果: 步驟 3 在圖層面板調節“填充”值到 0%。 步驟 4 復制圖層,并去
利用Photoshop制作網站底部浮動導航欄
步驟 1 利用圓角矩形工具繪制如下矩形。

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

斜面與浮雕:

描邊:

得到如下效果:

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

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

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

描邊:

得到如下效果:

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

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

描邊:

得到如下效果:

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

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

步驟 10 創建一條細線。

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

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

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

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

步驟 15 輸入導航欄文字。

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

步驟 17 重復上述步驟。

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

大功告成!

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)








