Photoshop做網(wǎng)站導(dǎo)航欄圖片(4)

步驟 1、創(chuàng)建一 540 x 440px 大小的畫布，并用#1b1b1b填充。

步驟 2、創(chuàng)建新圖層，使用圓角矩形工具，半徑設(shè)為5px，建立一 250 x 300px 選框。

步驟 3、使用徑向漸變工具填充選區(qū)，漸變顏色為#bc0303，#3f0000。

步驟 4、圖層 >> 圖層樣式 >> 外發(fā)光。

得到如下效果：





步驟 5、選擇文字工具，輸入導(dǎo)航欄標(biāo)題。

步驟 6、創(chuàng)建新圖層，使用圓角矩形工具繪制一 230 x 250px 選框。

步驟 7、用#111111填充選區(qū)。

步驟 8、按住 Ctrl 并點(diǎn)擊黑色方框?qū)荧@得選區(qū)，選擇 >> 修改 >> 收縮，收縮10px。





步驟 9、創(chuàng)建新圖層，使用白色到透明漸變（徑向）填充選區(qū)。

步驟 10、將圖層不透明度設(shè)為5%。

步驟 11、輸入導(dǎo)航項(xiàng)目。

步驟 12、使用矩形選框工具在各項(xiàng)之間建立 210 x 1px 的選區(qū)，并用#1e1e1e填充。

步驟 13、制作激活狀態(tài)下欄目效果。在文字層下方創(chuàng)建圖層，使用矩形選框工具建立 210 x 30px 的選區(qū)，并用#171717填充。