Photoshop设计紫色风格的圆形按钮图标

文章来源于 xueuisheji，感谢作者 xueuisheji 给我们带来经精彩的文章！

设计教程/PS教程/设计教程2017-06-05

本教程主要使用Photoshop设计紫色渐变风格的按钮图标教程，教程的主要部分都是用图层样式来完成的，感兴趣的朋友一起来学习吧。

最终效果：

新建文档1200X1000像素，填充颜色#3d3d42，再添加杂色》添加杂色。

Photoshop设计紫色风格的圆形按钮图标

给这个调整层添加内阴影。

模式：正片叠加

颜色：#000000

不透明度：75%

角度：90°

距离：5

大小：250

Photoshop设计紫色风格的圆形按钮图标

选择椭圆工具，按住shift建画一个黑色的正圆，圆的大小是600X600像素,将填充修改为25%，并添加图层样式。

内阴影

模式：正片叠底

颜色：#000000

不透明度：76%

角度：90°

距离：5

大小：32

Photoshop设计紫色风格的圆形按钮图标

投影

模式：线性减淡(添加)

颜色：#ffffff

不透明度：10%

角度：12°

距离：2

大小：2

Photoshop设计紫色风格的圆形按钮图标

利用布尔运算中的减去，你很容易的画出下面这个黑色的圆环。

Photoshop设计紫色风格的圆形按钮图标

情非得已