按钮教程，设计一个分贝检测仪按钮图标教程

今天的教程是教大家设计一个分贝检测仪按钮图标，图标的质感主要还是运用图层样式来制作，教程里还多次运用到布尔运算，知识点比较多，推荐大家学习一下。

接下来，我们完善一下高光，复制这个蓝色高光图层，左移上移一定像素，更改形状颜色为#e9e5fe，羽化不修改，图层混合模式依旧为“柔光”，图层不透明度更改为“56%”。

复制一个刚才那个“主体”图层，移到最顶层，设置图层填充为0，添加一个内阴影。

按钮教程，设计一个分贝检测仪按钮图标教程

打上文字和添加那三个形状，形状图标的话，利用布尔运算来画。

按钮教程，设计一个分贝检测仪按钮图标教程

最后，我们添加左侧的那个按纽，设置前景色为#a09e9f，画个圆，添加个图层样式。

按钮教程，设计一个分贝检测仪按钮图标教程

最终效果：

按钮教程，设计一个分贝检测仪按钮图标教程

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) ps网页设计 p大点s 按钮教程按钮图标布尔运算