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

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

刚开始，想用一个斜面浮雕搞定这个效果，调节了好几次等高线，效果不佳，于是放弃，改用了3个斜面浮雕配合蒙版来叠加效果，有大神能搞定的，请告之。

接下来，我们开始添加刻度，这个没什么好说的，大家应该都会，画个矩形，变换中心点，旋转3度，CTRL+SHIFT+ALT+T，轻松搞定。这里我设置的颜色为白色，不透明度7%。

一样的方法做出那橙色的刻度，颜色为#f6a303。

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

下面，我们来添加那个类似雷达扫描的渐变，从我们的截图中，你可以清楚的看到，我们的形状是利用布尔运算得到的，一个圆和一个旋转了15度的矩形相交，将这个形状的颜色设置为#171826，图层填充设置为0，添加一个渐变叠加，并添加蒙版擦拭下方。

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

接着我们来添加高光，用椭圆工具画一个圆，设置颜色为#bbaffd，图层混合模式为“柔光”，不透明度“81%”，在属性面板中，将这个形状羽化35.6像素，并载入“主体”那个圆的选区，为这个高光添加一个蒙版。

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

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

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