photoshop 网页常用按钮制作教程之一

最终效果



素材



1.新建一个500*250象素的窗口，填充绿色（R:52，G:175,B:125），再新建一层命名为”按钮–底部”,选择“圆角矩形工具”如<图1>，半径数值为“4”如<图2>，绘制如<图3>所示的圆角矩形。



<图1>



<图2>



<图3>

2.锁定图层，选择渐变工具，颜色设置如下<图4>,由上至下绘制渐变效果如<图5>



<图4>



<图5>