Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條

利用Photoshop制作Vista風(fēng)格網(wǎng)站導(dǎo)航條，效果還算可以。

新建立文件500px * 50px，制作480px * 30px的一個(gè)選區(qū)。

執(zhí)行“選擇”-> “修改” -> “平滑”，設(shè)置半徑為 2px。效果如下。

創(chuàng)建一個(gè)新圖層，填充選擇為任何顏色。

應(yīng)用圖層樣式。漸變顏色為 #313332 到 #46474a

描邊顏色為 #676767。

選擇上面的部分。

新建立一圖層，從上到下用白色到透明進(jìn)行漸變填充。

圖層模式改為線性減淡，不透明度35%。

效果如下。

再建新圖層，使用單行選框工具在上部選擇1px區(qū)域。

填充為白色。

按Ctrl單擊最下面的圖層

執(zhí)行“選擇” -> “反選”，按Del。

改變圖層混合模式為柔光，不透明度為60%。

下面添加一些字符。創(chuàng)建一 130px * 24px 選區(qū)，然后“選擇” -> “修改” -> “平滑”，設(shè)置半徑為2px。

建立新圖層，任意顏色填充選區(qū)，添加圖層樣式，漸變?cè)O(shè)置 #000000 到 #2f3233。

描邊設(shè)置 #0f1011 到 #575858。

創(chuàng)建新層，然后按Ctrl單擊圖層，執(zhí)行“編輯” -> “描邊”設(shè)置如下。

圖層不透明度設(shè)置為15%。

選擇一半創(chuàng)建新圖層填充顏色，然后從上到下應(yīng)用白色到透明的漸變效果。

不透明度設(shè)置為80%。

添加字符，字體為Verdana 字號(hào)11pt，白色。

我們?cè)谖淖种虚g添加分隔線．創(chuàng)建新層，使用單列選框工具選擇區(qū)域，填充顏色為#1a1b1c，向右移動(dòng)選區(qū)1px再次填充為#5d5f60再向右移動(dòng)1px填充為#232526

用20px柔筆刷擦除上下的部分，圖層不透明度設(shè)置為50%

復(fù)制該圖層移動(dòng)到下一個(gè)位置．

最終效果如下。