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

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

效果圖

　　我們開始學習教程：
　　新建一個文件，在工具箱中選擇圓角矩形工具，如下圖所示設置

圖1

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

圖2

　　如果大家得到這樣的結果

圖3

　　就需要將“對齊像素”的選項給勾上

圖4

　　為這個圖層添加圖層樣式

圖5

圖6

圖7
得到結果如圖所示，順便在樣式調板中存儲著這個樣式

圖8

　　使用矩形選框工具，繪制出一個矩形的選區

圖9

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

圖10

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

圖11

　　新建圖層，再繪制出一個矩形選區

圖12

　　填充成白色

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

圖14

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

圖15

　　之前我們創建過一個樣式，還記得嗎，給文字應用這個樣式就可以了。

圖16

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

搜索更多相關主題的帖子:水晶 網頁 Photoshop photoshop 按鈕