推薦！Photoshop制作水晶按鈕網(wǎng)頁導(dǎo)航

發(fā)表于 2007-9-15 18:58 推薦！Photoshop制作水晶按鈕網(wǎng)頁導(dǎo)航作者：bones 來源：bonesblog.net PS教程論壇:http://bbs.16xx8.com

水晶效果按鈕在很多網(wǎng)站運(yùn)用得越來越多，在下面教程中，我們就跟著作者的思路，學(xué)習(xí)如何用photoshop簡單制作網(wǎng)頁水晶效果導(dǎo)航條，你可以舉一反三，調(diào)顏色，變形狀，這些都可以根據(jù)頁面的整體效果做調(diào)整～ 　　我們先看看效果圖：

效果圖

　　我們開始學(xué)習(xí)教程：
　　新建一個(gè)文件，在工具箱中選擇圓角矩形工具，如下圖所示設(shè)置

圖1

　　新建一個(gè)圖層后，在畫布上拉出一個(gè)長方形，就得到這樣的結(jié)果。（為了更好的給大家講解，這個(gè)圖放大了400%顯示）

圖2

　　如果大家得到這樣的結(jié)果

圖3

　　就需要將“對齊像素”的選項(xiàng)給勾上

圖4

　　為這個(gè)圖層添加圖層樣式

圖5

圖6

圖7
得到結(jié)果如圖所示，順便在樣式調(diào)板中存儲(chǔ)著這個(gè)樣式

圖8

　　使用矩形選框工具，繪制出一個(gè)矩形的選區(qū)

圖9

　　新建圖層后，填充黑色到白色的徑向漸變

圖10

　　并將該圖層的混合模式改為：柔光，不透明度：60%

圖11

　　新建圖層，再繪制出一個(gè)矩形選區(qū)

圖12

　　填充成白色

圖13
并將該圖層的混合模式改為：線性減淡，不透明度：30%

圖14

　　使用文字工具寫上要的文字，注意在這里要將字體的邊緣設(shè)置為：無

圖15

　　之前我們創(chuàng)建過一個(gè)樣式，還記得嗎，給文字應(yīng)用這個(gè)樣式就可以了。

圖16

　　后面的工作就是換換顏色，改改文字就可以了。

搜索更多相關(guān)主題的帖子:水晶 網(wǎng)頁 Photoshop photoshop 按鈕