图标教程 | 彩色旋钮

    先给大家看一下预览图↑整个作品的主要配色就是基佬紫和Blue，整个色调视觉效果还是很舒服的。接下来就是如何制作这个彩色旋钮的教程咯，整个图形总共5层，一定要主要每个图层使用的各种图层样式效果的角度哦！

    第一步：新建一个800*800的画布（自己制作的时候随意，600*600也都可以，看自己心情，只要装得下，图标就是你的），然后填充一个紫色#ca73fe到深紫色#8216ff的渐变色，线性渐变，角度是-45度（如下图），在渐变效果中拖动一下大小即可实现

    第二步：画一个矩形调整一下四个小角，都要雨露均沾一下，我这里用的是同时调整80像素，70/60都可以，看着舒服即可，没有强制要求，视觉第一位！（这里矩形的颜色我也忘记我这随手一挥是什么鬼颜色了，ChouDeYiBi，你们装作看不见好了，反正和基佬紫相关就好了，可以亮一些或者暗一些，嘿嘿）

第三步：调整矩形的图层样式-斜面浮雕和投影，这里大家要注意的是：一定要关闭全局光！不然你在做后面的图形的时候会后悔，或许还会傻傻的不知道问题出在了哪里，怎么颜色一直在变动呢！

（在这里呢，肯定是用内斜面，这是毋庸置疑的，调整深度和大小以及阴影角度，要是图形很生硬的话拖动一下软化

*值得注意的是： 阴影模式不要用黑色哦，可以用饱和度低一些暗色系的深紫色，不然显得图形很脏！不透明度一般调整到50%即可）

接下来就是添加投影，同样的情况，投影使用暗一些的紫色，不用黑色，降低一些不透明度，效果不错哦~

（投影角度是135度），现在大致的下过如下图，基本上最底层的图形已经绘制好了

第四步：先画个圆再说，要和底下的圆角矩形居中对齐哦（对齐小技巧：按住Ctrl键，鼠标点击图层调出图层的选区，然后选中圆再去对齐），接下来再调整圆形的斜面和浮雕以及渐变哦，建议先调整渐变，视觉效果上更加的突出，便于调整后者

这里使用的渐变角度是-45度，颜色是浅紫色到白色，线性渐变（一定要注意渐变的角度！）

接下来是增加斜面浮雕效果，这里采用的是外斜面，不是内斜面！详细的参数如下（注意阴影模式的颜色），一定要调整的和其他图层融合度高一些，斜面浮雕不要很生硬！（软化干到满，这是个骚操作）

第五步：复制一个圆出来，调整下大小，清除图层样式。在调整图层样式中-渐变和内阴影，让图形有凹进去的效果，渐变角度是-45度，渐变颜色是紫色到蓝色，线性渐变，内阴影使用更加深一些的紫色，有个明显对比。

*值得注意的是：这个圆形里面有杂色，一定要观察仔细！在添加杂色的时候，要把图形转化成智能对象，才能使用智能滤镜功能！（杂色如何添加：滤镜-杂色-添加杂色-使用高斯分布和单色，杂色数量稍微添加一些就好了，5%左右，不用多）

第六步：画一个小圆，使用图层样式-渐变叠加和投影去调整图形。

渐变角度是90度，投影使用的是深蓝色，降低了不透明度，尽量不要用黑色，会显得画面很脏。

第七步：复制一个圆（省时省力），清楚图层样式，改变大小，添加一个渐变即可，角度是-90度

第八步：画一个矩形，填充紫色，使用图层样式-内阴影，不用调整距离，大小设置2像素左右即可，左侧绘制一个粉色描边圆，无填充，右侧蓝色圆添加一像素的白色内阴影，大功告成~

总结：

    此图标运用最多的就是图层样式，图层样式在日常使用中占比很高，大家需要熟练掌握并且运用起来，在日常海报中常用的技法中，投影和描边以及渐变是最为常见的，斜面浮雕用的虽然不多，不过要是想把图层表现的更有立体感以及凹进去/凸出来的效果，可以多加运用。