791650988
Photoshop教程:网页水晶按钮制作教程
Photoshop教程:网页水晶按钮制作教程 来源： 网页教学网 本 教程 主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！ 最终效果 photoshop 1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 *
![photoshop做一个蓝色的圆形网页按钮 [图]插图](http://tp.ps369.com/allimg/090808/02133I054-0.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图")
一，新建一个文件，径向渐变：#343434，#202020
![photoshop做一个蓝色的圆形网页按钮 [图]插图(1)](http://tp.ps369.com/allimg/090808/02133J524-1.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(1)")
二，新建图层，画个圆，样式渐变叠加： #2d7fb7 ， #004e8e ；外发光；描边。
![photoshop做一个蓝色的圆形网页按钮 [图]插图(2)](http://tp.ps369.com/allimg/090808/02133K2F-2.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(2)")
![photoshop做一个蓝色的圆形网页按钮 [图]插图(3)](http://tp.ps369.com/allimg/090808/02133G023-3.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(3)")
![photoshop做一个蓝色的圆形网页按钮 [图]插图(4)](http://tp.ps369.com/allimg/090808/02133LJ8-4.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(4)")
![photoshop做一个蓝色的圆形网页按钮 [图]插图(5)](http://tp.ps369.com/allimg/090808/02133G226-5.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(5)")
三，做个高光图层，选择圆选区，用径向渐变填充#fffff #fffff（带透明）
![photoshop做一个蓝色的圆形网页按钮 [图]插图(6)](http://tp.ps369.com/allimg/090808/02133JL5-6.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(6)")
,
.
四，左高光同上
![photoshop做一个蓝色的圆形网页按钮 [图]插图(7)](http://tp.ps369.com/allimg/090808/02133I230-7.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(7)")
五，高光用选区收缩，再光渐变，然后复制顶部高光层
![photoshop做一个蓝色的圆形网页按钮 [图]插图(8)](http://tp.ps369.com/allimg/090808/02133J547-8.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(8)")
六，找个笔刷，填充圆内部
![photoshop做一个蓝色的圆形网页按钮 [图]插图(9)](http://tp.ps369.com/allimg/090808/02133I623-9.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(9)")
七，字体放进，同时字体用外发光与渐变叠加调节
![photoshop做一个蓝色的圆形网页按钮 [图]插图(10)](http://tp.ps369.com/allimg/090808/02133G064-10.jpg "photoshop做一个蓝色的圆形网页按钮 [图]插图(10)")
