【有利可图网】PS教程：渐变叠加制作按钮

哈喽大家好~今天给大家更新一个有趣的利用渐变叠加样式制作按钮的教程。

 

1、首先我们先新建空白文件，单击工具箱中的渐变工具按钮，编辑一种黑色到深灰色的渐变（灰色颜色数值为#343434),并在选项栏中设置渐变样式为对称渐变，在画布中填充该渐变，如图所示：

 

2、新建图层1,单击工具箱中的矩形选框工具，在选项工具栏上设置羽化值为20像素，在图层1中绘制大小适合的圆角矩形，单击图层面板底部的添加图层样式按钮，选择渐变叠加样式，在渐变编辑器中添加色标，设置其渐变样式为一种灰色系渐变，角度为39度，单击确定按钮结束操作，效果如图所示：

 

3、新建图层2 ,同样使用矩形选框工具绘制小一点的圆角矩形，添加图层样式，选择渐变叠加样式，设置其渐变样式为一种较浅的灰白色系渐变，单击确定按钮结束操作，如图所示：

 

4、新建图层3,绘制较小的圆角矩形，添加渐变叠加样式，设置其渐变样式为_种灰白渐变，角度为65度，单击确定按钮结束操作，如图所示：

 

5、新建图层命名为“顶”，单击工具箱中的矩形选框工具按钮，绘制小一点的圆角矩形，添加渐变叠加样式，在渐变编辑器中将浅绿和深绿色标设置为相邻，两个色标离得越近，在图像中色界越明显，将其设置为一种绿色系渐变，单击确定按钮结束操作，效果如图所示：

 

6、单击工具箱中的横排文字工具按钮，在选项栏中选择合适的字体，输入VISION英文字母。

单击图层面板底部的添加图层样式按钮，选择内阴影样式，设置其混合模式为正片叠底，颜色为深绿色#0e4a0e，距离为5像素，大小为5像素，单击确定按钮结束操作，如图所示：

 

7、用同样的方法制作出蓝色按钮，如图所示：

 

8、下面开始制作按钮的倒影效果。复制并合并按钮的所有图层，使用自由变换快捷键Ctrl+T,单击右键，在弹出的快捷菜单中选择垂直翻转命令并移动到合适的位置，效果如图所示：

 

9、选择刚刚复制的垂直翻转投影图层，单击图层面板底部的添加图层蒙版按钮，单击工具箱中的渐变工具按钮，设置黑白色的渐变，在投影部分图层蒙版中进行拖拽填充，并设置该图层的不透明度为30%，最终效果如图所示：