PS教你绘制一个精致的分贝检测仪

今天@P大点S微博 来一个图标教程，重点依然是图层样式的运用，而且会多次用到布尔运算，这是PS课程中特别重要的一个知识点，不熟悉的同学建议来练个手。
       
1A4541Y6-0.jpg (65.01 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4541Y6-0.jpg
        　　我们从背景的创建开始，我用的尺寸是1000*800像素。创建一个“渐变填充”调整层，设置如下：
       
1A4546193-1.jpg (37.65 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4546193-1.jpg
        　　画一个600*600像素的圆，设置填充为0，并添加一个斜面和浮雕。
       
1A4543X9-2.jpg (35.39 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4543X9-2.jpg
       
1A4546448-3.jpg (66.53 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4546448-3.jpg
       
1A4545145-4.jpg (41.61 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4545145-4.jpg
        　　设置前景色为#312f35，利用布尔运算，画出下图中的这个圆环。这个不多赘述，不懂的可以百度下。
       
1A4545609-5.jpg (32.29 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4545609-5.jpg
        　　为这个圆环添加一个图层样式。
       
1A4542540-6.jpg (31.58 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542540-6.jpg
       
1A454HU-7.jpg (52.07 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454HU-7.jpg
       
1A45421L-8.jpg (58.59 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A45421L-8.jpg
       
1A4545017-9.jpg (62.75 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4545017-9.jpg
       
1A4544K1-10.jpg (61.83 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4544K1-10.jpg
       
1A4542335-11.jpg (60.98 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542335-11.jpg
        　　设置前景色为黑色#000000，跟刚才一样的操作方法，利用布尔运算，画出下图中的这个小的圆环出来，添加一个图层样式。
       
1A4542204-12.jpg (39.69 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542204-12.jpg
       
1A4541K4-13.jpg (61.03 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4541K4-13.jpg
        　　设置前景色为#aba9a8，画一个350*350像素的圆，命名为“主体”，并添加一个图层样式。
       
1A45411I-14.jpg (51.62 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A45411I-14.jpg
       
1A454O44-15.jpg (65.87 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454O44-15.jpg
       
1A4542121-16.jpg (61.08 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542121-16.jpg
       
1A4545c2-17.jpg (60.65 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4545c2-17.jpg
        　　用椭圆工具画一个330*330像素的正圆，添加一个图层样式。
       
1A45451W-18.jpg (55.38 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A45451W-18.jpg
       
1A4543100-19.jpg (52.79 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4543100-19.jpg
       
1A4544518-20.jpg (58.46 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4544518-20.jpg
        　　接下来，我们返回到刚才那个命名为“主体”的圆那里，复制一层，命名为“浮雕1”清除图层样式，设置填充为0，添加一个斜面浮雕。
       
1A4543414-21.jpg (58.73 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4543414-21.jpg
       
1A4542a1-22.jpg (68.84 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542a1-22.jpg
       
1A4544G3-23.jpg (32.22 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4544G3-23.jpg
        　　接着复制一层“浮雕1”图层，在图层样式中，勾选将内部效果混合成组，并更改斜面浮雕参数，添加一个图层蒙版，擦拭一下。
       
1A4543916-24.jpg (75.51 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4543916-24.jpg
       
1A4543538-25.jpg (65.75 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4543538-25.jpg
       
1A454N38-26.jpg (67.07 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454N38-26.jpg
       
1A4542421-27.jpg (30.79 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542421-27.jpg
        　　复制“浮雕2”图层，在图层样式中更改斜面浮雕的阴影角度，同时调整蒙版。
       
1A454H33-28.jpg (76.33 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454H33-28.jpg
       
1A454N26-29.jpg (66.54 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454N26-29.jpg
        　　刚开始，想用一个斜面浮雕搞定这个效果，调节了好几次等高线，效果不佳，于是放弃，改用了3个斜面浮雕配合蒙版来叠加效果，有大神能搞定的，请告之。
        　　接下来，我们开始添加刻度，这个没什么好说的，大家应该都会，画个矩形，变换中心点，旋转3度，CTRL+SHIFT+ALT+T，轻松搞定。这里我设置的颜色为白色，不透明度7%。
       
1A45421L-30.jpg (78.22 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A45421L-30.jpg
        　　一样的方法做出那橙色的刻度，颜色为#f6a303。
       
1A45434V-31.jpg (62.59 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A45434V-31.jpg
        　　下面，我们来添加那个类似雷达扫描的渐变，从我们的截图中，你可以清楚的看到，我们的形状是利用布尔运算得到的，一个圆和一个旋转了15度的矩形相交，将这个形状的颜色设置为#171826，图层填充设置为0，添加一个渐变叠加，并添加蒙版擦拭下方。
       
1A4546330-32.jpg (73.19 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4546330-32.jpg
       
1A45460X-33.jpg (71.8 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A45460X-33.jpg
        　　接着我们来添加高光，用椭圆工具画一个圆，设置颜色为#bbaffd，图层混合模式为“柔光”，不透明度“81%”，在属性面板中，将这个形状羽化35.6像素，并载入“主体”那个圆的选区，为这个高光添加一个蒙版。
       
1A454E93-34.jpg (71.67 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454E93-34.jpg
       
1A4544342-35.jpg (18.02 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4544342-35.jpg
        　　接下来，我们完善一下高光，复制这个蓝色高光图层，左移上移一定像素，更改形状颜色为#e9e5fe，羽化不修改，图层混合模式依旧为“柔光”，图层不透明度更改为“56%”。
       
1A45454B-36.jpg (68.39 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A45454B-36.jpg
        　　复制一个刚才那个“主体”图层，移到最顶层，设置图层填充为0，添加一个内阴影。
       
1A4542B4-37.jpg (71.38 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542B4-37.jpg
       
1A4543939-38.jpg (58.47 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4543939-38.jpg
        　　打上文字和添加那三个形状，形状图标的话，利用布尔运算来画。
       
1A4545534-39.jpg (64.29 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4545534-39.jpg
        　　最后，我们添加左侧的那个按纽，设置前景色为#a09e9f，画个圆，添加个图层样式。
       
1A4546333-40.jpg (65 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4546333-40.jpg
       
1A4542453-41.jpg (67.24 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542453-41.jpg
       
1A4542218-42.jpg (52.11 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A4542218-42.jpg
       
1A454H48-43.jpg (61.17 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454H48-43.jpg
       
1A454I63-44.jpg (59.89 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:17 上传

点击文件名下载附件
1A454I63-44.jpg
        　　最终效果：