Photoshop制作瑩光網站導航條
時間:2024-02-03 14:15作者:下載吧人氣:14
1.首先讓新建一個大小為700像素×300像素文件。

2.將背景色改為#19191b 。
3.接下來,讓我們使用圓角矩形工具,設置半徑為10px ,畫一個圓角矩形:

4.設置這個圖層的混合選項:顏色疊加#19191b;描邊:大小1px;內部;不透明度3%;填充類型漸變;有白到黑反向;線性;

5.描邊:

6.畫小導航用圓角矩形工具,設置半徑為10px ,畫一個圓角矩形;如下所示:

7.設置這個圖層的混合選項:


8.下一步,我們要添加一個漸變給它。我用圓角矩形工具,半徑為10px, 畫一個圓角矩形;如下所示。

9.設置透明度到22 % ,并設置圖層樣式為柔光。

10.現在可以添加一些文字鏈接,當前鏈接使用#01c6fd 。 所有其他的鏈接,請使用此文字顏色#8e959d 。

11.文字層加入投影,輸入下面的混合選項:

12 .接下來我們要做的就是添加一些鏈接分割線,使用選框工具創建一個2px寬矩形;填充黑色:
13.給分割線輸入下面的混合選項:


14.降低不透明度至50 %
15.接下來復制分割線,并將其放置在每一個鏈接之間

16.用多邊形套索工具并創建一個選擇區如下所示。箭頭表明當前鏈接:

17.創建一個新層和填補#ffffff ,然后給這層輸入下面的混合選項,


18.您的結果將如下所示:

19.為當前鏈接做閃光效果,我們需要使用橢圓選框工具并且羽化15px,并填充顏色#01c6fd :


20.現在,我們要刪除導航框以外的閃光。 找到導航框層,用CTRL +鼠標左鍵點擊來選擇它。回到閃光效果層 然后->選擇>反向,然后->編輯>清除:

21.現在降低透明度31 %左右,就完成了:


網友評論