Photoshop制作漂亮的网页按钮效果

最终效果：

1：新建一个600*600的文件

2：把背景层填充为灰色，在新建一层，画一个矩形的选区，填充为黑色：

3：给矩形层添加图层样式(内发光)，参数如图：

4：继续添加图层样式(渐变叠加)这里看看渐变条的设置：

5：渐变叠加的参数：

6：继续添加图层样式(描边)，参数如图：

7：得到的效果如图：

8：在新建一层，按CTRL+刚刚的矩形层，载入选区，在新的图层上面拉一个透明到白色的渐变：

9：把渐变层图层模式改成柔光：

10：做到这里的效果如图：

11：在新建一层，画一个圆用白色填充，这里放大文件好操作些哈：

12：给圆层添加图层样式(渐变叠加)，这里是渐变条的设置：

13：渐变叠加参数：

14：继续添加图层样式(描边)：

15：效果如图：