简书按钮

哈喽大家好，我是贝利。今天的教程带大家做一个按钮效果，喜欢贝利的同学可以点点关注哦，期待我们能在评论区互动。

简书.jpg

1.首先我们创建一个520*520像素的画布（Ctrl+N）

创建.png

2.填充前景色（Alt+Delete）

给背景上色.png

给背景添加适当的杂色（滤镜-杂色-添加杂色）

给背景添加杂色.png

3.新建图层（Ctrl+Alt+Shift+N）
4.选择椭圆工具（Shift+U）
按住Shift拖动鼠标，这里我拖了一个300*300像素的正圆。
Ctrl+Enter选中该圆，Alt+Delete给圆填充一个前景色。
Ctrl+D取消选择。

细心的同学可能发现这个圆形没有居中，没关系，我们来设置一下。
Ctrl+A 全选，选择移动工具-水平居中-垂直居中，搞定。

居中显示该圆.png

记得Ctrl+D取消选择。
5.拷贝图层1（Ctrl+J）
得到“图层1拷贝”该图层

拷贝图层1.png

6.同样的方式给文字设置居中；

同样的方式给文字设置居中.png

7.选中图层1，打开图层样式。（参考下图配置）

图层样式.png 设置图层1的填充为0.png

假如你一步步操作到这里的话，那么大概应该是下面的样样式。

仿真按钮未完001.jpg

8.接下来选中“图层1拷贝”
打开该图层的图层样式

设置斜面和浮雕

图层1拷贝（斜面和浮雕）.png

设置内阴影

图层1拷贝（内阴影）.png

设置渐变叠加

图层1拷贝（渐变叠加）.png

设置投影

图层1拷贝（投影）.png
注意

所有参数值不是固定大小，要根据你的颜色来调试。

好，到这里就完成我们的按钮了，大家来一起看下战果。

给文字加属性.jpg