教大家制作一个检测仪图标教程
今天的教程是教大家设计一个分贝检测仪按钮图标，图标的质感主要还是运用图层样式来制作，教程里还多次运用到布尔运算，知识点比较多，推荐大家学习一下。先看看效果：
http://pic.16xx8.com/allimg/151205/02323R212-44.jpg
作者：P大点S 出处：pdadians 我们从背景的创建开始，我用的尺寸是1000*800像素。创建一个“渐变填充”调整层，设置如下：
http://pic.16xx8.com/allimg/151205/02323V3B-0.jpg
画一个600*600像素的圆，设置填充为0，并添加一个斜面和浮雕。
http://pic.16xx8.com/allimg/151205/02323QQ9-1.jpg
http://pic.16xx8.com/allimg/151205/02323R426-2.jpg
http://pic.16xx8.com/allimg/151205/02323Q4Z-3.jpg
设置前景色为#312f35，利用布尔运算，画出下图中的这个圆环。这个不多赘述，不懂的可以百度下。
http://pic.16xx8.com/allimg/151205/02323U349-4.jpg
为这个圆环添加一个图层样式。
http://pic.16xx8.com/allimg/151205/02323T360-5.jpg
http://pic.16xx8.com/allimg/151205/02323R917-6.jpg
http://pic.16xx8.com/allimg/151205/02323RW4-7.jpg
http://pic.16xx8.com/allimg/151205/02323Q325-8.jpg
http://pic.16xx8.com/allimg/151205/02323U637-9.jpg
http://pic.16xx8.com/allimg/151205/02323VT1-10.jpg
设置前景色为黑色#000000，跟刚才一样的操作方法，利用布尔运算，画出下图中的这个小的圆环出来，添加一个图层样式。
http://pic.16xx8.com/allimg/151205/02323S494-11.jpg
http://pic.16xx8.com/allimg/151205/02323V049-12.jpg
设置前景色为#aba9a8，画一个350*350像素的圆，命名为“主体”，并添加一个图层样式。
http://pic.16xx8.com/allimg/151205/02323W314-13.jpg
http://pic.16xx8.com/allimg/151205/02323V020-14.jpg
http://pic.16xx8.com/allimg/151205/02323S195-15.jpg
http://pic.16xx8.com/allimg/151205/02323T945-16.jpg
用椭圆工具画一个330*330像素的正圆，添加一个图层样式。
http://pic.16xx8.com/allimg/151205/02323V962-17.jpg
http://pic.16xx8.com/allimg/151205/02323UQ1-18.jpg
http://pic.16xx8.com/allimg/151205/02323R515-19.jpg
接下来，我们返回到刚才那个命名为“主体”的圆那里，复制一层，命名为“浮雕1”清除图层样式，设置填充为0，添加一个斜面浮雕。
http://pic.16xx8.com/allimg/151205/02323R044-20.jpg
http://pic.16xx8.com/allimg/151205/02323U2L-21.jpg
http://pic.16xx8.com/allimg/151205/02323T1X-22.jpg
接着复制一层“浮雕1”图层，在图层样式中，勾选将内部效果混合成组，并更改斜面浮雕参数，添加一个图层蒙版，擦拭一下。
http://pic.16xx8.com/allimg/151205/02323S256-23.jpg
http://pic.16xx8.com/allimg/151205/02323RZ8-24.jpg
http://pic.16xx8.com/allimg/151205/02323SH2-25.jpg
http://pic.16xx8.com/allimg/151205/02323T332-26.jpg
复制“浮雕2”图层，在图层样式中更改斜面浮雕的阴影角度，同时调整蒙版。
http://pic.16xx8.com/allimg/151205/02323W200-27.jpg
http://pic.16xx8.com/allimg/151205/02323S146-28.jpg
刚开始，想用一个斜面浮雕搞定这个效果，调节了好几次等高线，效果不佳，于是放弃，改用了3个斜面浮雕配合蒙版来叠加效果，有大神能搞定的，请告之。接下来，我们开始添加刻度，这个没什么好说的，大家应该都会，画个矩形，变换中心点，旋转3度，CTRL+SHIFT+ALT+T，轻松搞定。这里我设置的颜色为白色，不透明度7%。
http://pic.16xx8.com/allimg/151205/02323T1B-29.jpg
一样的方法做出那橙色的刻度，颜色为#f6a303。
http://pic.16xx8.com/allimg/151205/02323W252-30.jpg
下面，我们来添加那个类似雷达扫描的渐变，从我们的截图中，你可以清楚的看到，我们的形状是利用布尔运算得到的，一个圆和一个旋转了15度的矩形相交，将这个形状的颜色设置为#171826，图层填充设置为0，添加一个渐变叠加，并添加蒙版擦拭下方。
http://pic.16xx8.com/allimg/151205/02323S535-31.jpg
http://pic.16xx8.com/allimg/151205/02323Q352-32.jpg
接着我们来添加高光，用椭圆工具画一个圆，设置颜色为#bbaffd，图层混合模式为“柔光”，不透明度“81%”，在属性面板中，将这个形状羽化35.6像素，并载入“主体”那个圆的选区，为这个高光添加一个蒙版。
http://pic.16xx8.com/allimg/151205/02323V242-33.jpg
http://pic.16xx8.com/allimg/151205/02323S0R-34.jpg
页:
[1]
2