【 tulaoshi.com - PS 】
最终效果
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153228341.jpg)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/) 素材
![](http://www.poluoluo.com/jzxy/200712/UploadFile/20070320/an0319_0.png)
1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“4”如图2,绘制如图3所示的圆角矩形。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153228576.jpg)
图1
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153229211.jpg)
图2
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153229896.jpg)
图3
2.锁定图层,选择渐变工具,颜色设置如下图4,由上至下绘制渐变效果如图5
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153229249.jpg)
图4
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153229537.jpg)
图5
3.在"按钮--底部"上面新建一层命名为“按钮--高光”,调出“按钮--底部”的选区如图6,选择菜单:选择 修改 收缩,数值为1,再填充淡绿色(R:244,G:253,B:235),按Ctrl + D取消选区。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153230383.jpg)
图6
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153230417.jpg)
图7
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153231239.jpg)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)图8
4.如图9在“按钮--高光”这层添加蒙版,再用黑白渐变工具如图10由上往下绘制渐变,效果如图11
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153231231.jpg)
图9
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153231778.jpg)
图10
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153232544.jpg)
图11
5.回到“按钮--底部”这一层,调出图层样式,分别进行"描边"和"内发光",设置如图12,(www.tulaoshi.com)图13效果如图14
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153232431.jpg)
图12
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153232682.jpg)
图13
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153234687.jpg)
图14
6.在"图层--高光"上面打上“PS联盟”的文字如图15
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153235157.jpg)
图15
7.调出文字的图层样式添加阴影。具体设置如图16,效果如图17
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153235371.jpg)
图16
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153236389.jpg)
图17
8.回到背景这层,把素材里面的花纹拖过来,把颜色改成绿色,放到按钮的底部做装饰。效果如图18 PSD下载
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153228341.jpg)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)图18
9.根据需要适当的调整一下,可以做出不同风格,不同颜色的按钮。
![](http://www.poluoluo.com/jzxy/UploadFiles_333/203003/203031153236189.jpg)
图19