今天的教程或许会让大家很失望，因为很多东西都没有写出来。教程不是应该写的越详细越好么?其实我也想写的很详细，但是转念一想，谁规定非要这么写的?我说了方法就好了，一些具体数值什么的大家自己去调整吧，培养对软件的感觉，就跟处对象是一样一样的。所以大家只需要记得方法就好。源文件会在之后放出来，请大家关注学UI网哟!
这次给大家带来的是100个图标中“金属音响”的绘制过程。上次IX男神把其中的《bamboo数位板》图标放出来给大家临摹，我发现了一些问题，那么这些问题在这个图标的绘制中也会提到，现在大家跟着狼狼的步骤开始做吧，here we go!
拆迁队来拉!
表紧张表紧张，我们只是先来把这个图标分解一下。
我们把这个主体分为4个部分。箭头1是文字部分;箭头2是灯光部分;箭头3是隔音板(我也不知道叫啥，就这么叫吧);箭头4是箱体。嗯哼，分清楚组成部分之后我们就可以一样样的来做了。记得给图层分组哟!
首先当然是从最底下的开始做啦!首先还是新建画布，快捷键是ctrl+n，参数设置如下：
PATR1：箱体部分
Step1:
用圆角矩形工具(注意得是形状哦)画一个512×512px，半径为80px的圆角矩形，放在画布正中央，并拉几条参考线来为后面的工作做辅助。
(这里请原谅我用椭圆工具+矩形工具画了这么个圆角矩形，是为了拉辅助线方便对齐。希望大家能看懂为什么这么拉参考线。)
Step2：添加图层样式
然后添加图层样式(渐变叠加+内阴影)，做完之后是这样的：
箱体部分就算做完了，各位跟着做的同学是不是想问：我擦!这就完事了?解说呢?图样式呢?渐变怎么加?我想，这种小小的问题，应该难不倒聪明的小伙伴们吧?所以，狼哥觉得这部分不说也罢(咬我啊)……
(小提示：金属渐变的特征就是高对比，所以在渐变的设置上对比要来开来。还有，渐变的类型选对称，这样能省去你很多事，不信你一个个去调整试试?)
PART2：隔音板
这个隔音板由两个圆角矩形，这就和之前男神放的作业《bamboo数位板》里面有类似的地方，很多小伙伴是这样画的：
正确的是这样的：
是不是下面的比上面的看起来舒服点呢?上面的只是修改了圆角矩形的尺寸，并没有修改圆角半径或者半径改的还不够正确，那么怎么做才能像下面这个毫无违和感捏?。其实方法很简单，我只说4个字：同心圆!无图无真相，请看!
4个圆角用圆形来做(知道半径跟直径的区别吧?别搞错哦~)，然后用矩形工具来补上空白的地方。这么画应该一目了然的吧?只要圆心对齐了，里面的圆的半径随意调整都不会怪怪的。这么说就简单了吧?也不用去计算半径到底是多少了(我连算数都算不好……)。
效果开始!
Step1：
在两个由圆形和矩形圆角矩形组成的圆角矩形之间新建一层，填充灰色，转智能对象，执行滤镜-杂色-添加杂色(这里填充的颜色和滤镜的数值我就不说了，理由是希望大家自己去琢磨，培养一下感觉，反正我在做的时候也没个定论，大家没必要跟我一模一样).
Step2：
aa复制一层，放在上面那个浅色的圆角矩形的上面，然后分别建立剪切蒙版(或者一开始就给这个智能对象做矢量蒙版也OK，怎么方便怎么来吧)。
Step3：
再给上面的圆角矩形添加图层样式：斜面浮雕+外发光(黑色的外发光，也可以用投影来代替，怎么做请开动你的小脑袋来想想，不用可就生锈了哟!)
PATR3：灯光及周边
先来做外面这个环，其实嗖衣贼的啦~~~布尔运算即可。然后添加图层样式，内阴影+投影(白的的投影哦，很神奇吧!)
这一层凹陷的效果我也不说了(我特么是有多懒)，因为效果太简单了。建议大家先做正圆，再压缩成椭圆，注意透视即可。
然后用椭圆工具再画个椭圆，颜色为深灰色(比如#1b1b1b)，将图层混合模式设置为“柔光”并添加图层样式(内阴影+浅色投影)
接下来就是灯光部分了，这个方法很多地方能用的到，所以重点来讲讲。
画个圆，拉好参考线：
按alt键拉个椭圆出来，别松手，再按shift键，变成正圆：
自由变换，，调整大小和位置(里外的圆的尺寸建议使用偶数，方便对齐)：
在时光的激流中，我们总会长大。
