PS教程！教你绘制超漂亮的渐变按钮图标

编者按：很多同学问这个按钮效果要怎么实现，今天@P大点S微博 手把手给同学们临摹了一遍，重点依然是图层样式的运用，附上教程和源文件下载，想学的一起来试试！

源文件下载：http://pan.baidu.com/s/1bDCg9o

最终效果：

新建文档，这里我用的是1000X800像素，创建一个#3d3d42的纯色调整层，添加一个杂色。

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

画一个黑色的正圆，将填充修改为24%，并添加一个图层样式，圆的大小我用的是500X500像素。

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

画一个矩形，应用Ctrl+Alt+Shift+T，你可以轻易的得到跟我图中一样的直线，同时配合蒙版，将在刚才那个圆环外部的部分涂抹掉。

下面，回到直线的下层，我们画一个圆，添加图层样式。

接下来，我们来画那个内圆，同样的在直线图层的下层，我画了一个黑色的圆，将填充修改为26%，并添加了一个图层样式。

下面，我们来画那个按纽，画一个正圆，添加图层样式。

最后，毫无疑问的，就是添加我们的LOGO了。

是不是异常的简单，大功告成！

欢迎关注可能是最用心做原创教程的微信公众号：

「设计大咖的精品教程合集」

MBE 风格图标：
《PS热门教程！教你5分钟快速绘制超火的MBE风格图标》

五分钟海报教程：
《PS教程！5分钟设计出极具格调的艺术海报（一）》
《PS教程！5分钟设计出极具格调的艺术海报（二）》

原文地址：pdadians

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量160万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com