全网最全 ！一次搞懂烟雾循环动画

前言

大家在平时浏览优秀的动画作品时，不乏看到一些如下图这样的烟雾循环动画。

By gslshir

By RADIO

By Markus Magnusson

那，到底是怎么做出来的呢？

正文

今天墨染哥给大家把制作方法给揭秘下，希望对动画感兴趣的你有所帮助。

我们可以在AE内的纯色层上添加波形变形效果，然后给纯色层绘制蒙版，这样的好处是可以更改蒙版路径，得到各种各样的波纹效果。

如下图把左边的蒙版路径端点改到一起，这样就有了一个向右的烟雾。

给整个波形变形动画遮罩住一半，就有了下面这样的动画。

By gslshir

再更改一下蒙版路径的方向，新的应用场景又出现了。

By  Mantas Gr

蒙版路径在整个烟雾动画的过程中还可以不断地K帧，改变形状及大小，这样就可以让烟雾从大到小，然后消失。如下图的火箭尾气消失动画。

By  墨染ART

除了上图这样的烟雾之外，还可以用在衣服的摆动动画，如下面这张：

By ILLO Studio

用在头发上也不错，如下面这张：

By Budi Tanrim

再或者用在用在UI图标动效里，波纹效果，如下图：

By Z.C.D.Z

好了，波形变形的更多玩法更多应用场景，等着大家自由发挥咯~~

做一个从右往左发射的粒子，这里主要改下 Direction (发射方向)为 Directional (单向)，然后给Y轴旋转90度~~

每个粒子的细节调整也只需调整下整个粒子的生命长度(life)为2秒，大小有( Size Random)随机，大小在整个生命周期从小到大再变小(size over life)~~

关键的地方来了，我们设置了粒子生命值为2秒，所以第一个粒子到2秒就要消失咯，我们在2秒的时候给粒子数量K帧，下一帧改到0，然后给当前纯色层 Cmd + Shift + D 拆分图层，然后把上面一层挪到时间轴最前面 ，就形成了循环~~

最终效果如下~~

遮罩一下，然后复制粒子层，镜像一个到右边，于是像这样的火箭尾气循环烟雾动画也搞定了~~

By  墨染ART

给粒子加个融球效果，于是液态的烟雾效果就出现了。

By  lucas marinm 

画两个基本形状，矩形 + 圆形 从小变大再变小，然后加上位置做个从下到上的动画，最后把他们复制很多份，错开关键帧，最后加上一个融球效果。

具体思路如下：

1.画个圆角矩形，给大小属性K帧，从看不到的小点到很长的圆角矩形，再到一个小点消失。

2.再画个圆角矩形，给大小属性K帧，从看不到的小点到很长的圆角矩形，再分裂长两个图层，然后变小消失。

3.把刚刚做的两组动画放在一个合成，做一个从下往上的动画，然后多复制几份，错开关键帧。

4.此时需要重新绘制两个色块，放在这两个图形之间，也是从下往上运动，为融球做准备。

5.添加黏黏的融球效果，在最上层添加调整图层，添加 快速模糊、简单阻塞 效果，调整到合适的值，就搞定咯。

改变下矩形和圆形的基本属性，又会得到不一样的效果，如下图：

By Adrien Ghenassia

一些2D卡通的烟雾特效，都可以使用 Animate(原Flash) 逐帧画出来，真实度也比较高。

By  Marek Mundok

什么你不会画？

我早就想到了，这里有一些已经画好的AEP文件，直接拿来套用就可以。

例如你看下面这张动画，脚抬起来之后，有个烟雾向后飞去(不是滑板下面的那个哈，滑板下面那个用第一个方法制作的)。

By Markus Magnusson

最后

好了，本次的教程到这里就结束啦。

那么，你学废了么？

希望可以帮到你，喜欢的话，点赞、留言、关注来一波。

欢迎大家做完练习，发我看看做的效果哦~~

最后，附上本次教程的优秀作品、 教程AEP源文件、100组矢量烟雾AEP等。

链接: https://pan.baidu.com/s/1rQfxwAFfLPdFabcR0XiZ9g 提取码: 71av 

点赞破300，我们下一个教程见~~~ 

作者：墨染ART

本文由 @墨染ART 原创发布于站酷。未经许可，禁止转载。