新像素教你巧用混合模式制作“抖音”图标

3.绘制一个772*772像素，色值为“400d28”的圆形，同样，按住shift可以画出正圆，在属性里把羽化值改为188像素，如下图所示。

到这里，图标的背板就绘制完成啦～

第二步，绘制音符

画之前先观察一下，看起来音符下面是一个圆环，减去了一部分，最上面的小尾巴还是圆环的一部分，然后中间是用矩形连接起来的，让我们来动手试一下看是不是这样的。

1.绘制圆环

（1）先绘制一个484*484的正圆，颜色填充为“fe1955”，再执行ctrl+c，ctrl+v，原地复制一个；

（2）按ctrl+t变形，接着按住shift+alt键，再往里缩小，这样可以做出同心圆，尺寸缩小到216*216像素；

（3）shift+a调出小黑工具选中刚才画好的216*216像素的小圆，把工具栏中的布尔运算里的“合并形状”，改为“减去顶层形状”，这样圆环就做好啦！（注意：只有形状在一个图层中才能使用布尔运算）如下图所示。

2.绘制矩形

（1）使用小黑工具选中一下刚才画好的圆，哪个都可以，ctrl+r调出标尺，从标尺中拉出一条参考线，对齐选中的圆上出现的锚点，如下图所示；

（2）选中矩形工具，开始画之前按一下shift，在画的时候再松开，这样可以跟刚才的圆环画在一个图层里，（如果不小心没有跟之前的圆环画在一个图层里，可以shift+v，切换到选择工具，然后选中圆环的图层，按住shift再点击矩形的图层，选中两个图层后ctrl+e，合并成一个图层）绘制一个134*519的矩形，底部对齐刚才拉的参考线，如下图所示。

3.绘制音符的“小尾巴”

（1）拉一条参考线在刚才画好的矩形顶部，然后绘制一个630*630像素的正圆，同样绘制之前要按住shift跟之前画好的形状画在一个图层内。用小黑工具移动它，让它的锚点跟参考线对齐，接着，用之前绘制同心圆的方法绘制一个362*362像素的同心圆，再拉出一条参考线对齐圆纵向的锚点，如下图所示；

（2）选中矩形工具，开始画之前按住alt键，这样就执行了布尔运算中的“减去顶层形状”，绘制一个716*260的矩形，矩形底部对齐参考线，把圆环多余的部分减去；ctrl+c，ctrl+v复制一个画好的矩形，按ctrl+t，鼠标右击，选顺时针旋转90度，把旋转好的矩形左侧对齐纵向的这条参考线，如下图所示。

4.减掉最下面圆环多余的一部分。

选中矩形工具，还是开始画之前先按住alt，执行布尔运算中的“减去顶层形状”，绘制一个70*294像素的矩形，右侧跟之前画好的矩形对齐，底部跟最下面那条参考线对齐，效果如下图。

这样音符就画完啦～都是用规则的形状来画，再用布尔运算切出来，整个图标非常严谨，规整。

第三步，制作酷炫故障画面特效

终于到这一步啦，不要眨眼哦，接下来就是见证奇迹的时刻～

1.shift+v切换到移动工具，按住alt键拖拽刚才画好的音符复制出来一个，在移动工具下按住alt键拖拽，是分图层复制，给复制好的新的图层的音符填充颜色色值改为“24f4ee”,往上往左分别移动32个像素，如下图；

2.把移好的这个绿色音符的图层混合模式从“正常”改为“线性减淡（添加）”,如下图所示。

到这里“抖音”的整个图标就都做好啦，看似很复杂的效果做好只需一分钟，是不是特别简单？学会了这个效果，以后不管是做banner还是插画，或者logo，都可以运用，分分钟酷炫到飞起～

最后，希望大家空闲时间可以多多练习，要知道，技巧不是捷径，练习才是！返回搜狐，查看更多