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

2022-12-26 11:34:11 來源/作者: / 己有:74人學(xué)習(xí)過
利用Photoshop制作網(wǎng)站底部浮動導(dǎo)航欄

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

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

斜面與浮雕:

描邊:

得到如下效果:

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

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

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

描邊:

得到如下效果:

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

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

描邊:

得到如下效果:

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

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

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

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

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

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

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

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

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

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

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

大功告成!