60课：案例实操 图标绘制（上）

接下来呢，我们来增加一点难度，下面的话呢，我们将使用布尔运算来绘制屏幕上的这4个图标，那么在这4个图标中呢，全部都使用到了布尔运算的相关操作，我们呢就一个一个的来对它进行这个绘制。那么先从第1个开始，绘制之前呢，我先将背景的这个颜色进行一个填充，先把背景色填充上去，那么提升上去之后呢，先从这个底座开始，底座的话呢就是圆角矩形，先画一个造型出来，画好之后呢，把圆角值稍微拉大一点点，当他有一个渐变色，可能稍微加点渐变，参考图的话呢，大家应该能看出来是多少度，从这边到上面这里，所以它的角度呢，还是90度的这么一个渐变，颜色呢我们来双击改一下，这个要不要偏浅的一个红色，这边再浅一点，一个这种感觉，下面颜色的话，再稍微的暗一点点，圆角值呢再稍微圆一些，调整一下这个位置。

调整好位置之后呢，我们再稍微控制一下大小，像这边的话呢，每一个图标的底下有一个小影子，这个小影子呢是怎么去操作的呢？我们要把它在ctrl加J复制一份，把下面这一份他的填充类型改成纯色，然后我们把这个颜色呢可以吸一下这个背景色，在这个基础上稍微暗一点，通过下和右方向键，我给它稍微动一下，在在这个属性面板中将它的羽化稍微的打开一点，这样就有了一些这个投影的这种感觉，我们的背景色的话呢有点偏暗我们给它稍微调亮一点点，稍微亮一点点，好，这样差不多了，看这边小阴影对吧，它就出来了，出来之后呢，适当的调整一下它的透明度，当它的隐隐约约有这么一点点的这个效果那些就可以了。

这是我们前期的这个准备工作，那么这个渐变色的话呢，我们再稍微调一下再稍微往上一点，赶紧确定把两个图层出家制度01，这是我们的第1个图标在复制02、03、04，我们先把这个底座先做好，是02还是03再04，那么底座做好之后呢，把它每一个的这个截面色你要去调整一下，那这边这个也是双击，你只要动一下这边，然后第3个先双击色标，然后再捅一下这里这里你基本上就不用再怎么动了，但像绿色比较特殊，因为绿色它看起来非常的亮，你看不动的话看的就比较闪瞎眼，所以绿色我们要稍微调一下，绿色很特殊，，这边那个色标我们在调也放在这儿，给他往这边走一点，，最后一个那双击先放到这边来，这边那个色标继续双击，稍微亮一点点吧，可以了，那么到此为止的话呢，我们是把这4个底座呢去做好了。