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

41天前发布

原创文章 / UI
墨染ART,禁止转载-禁止商业用途-禁止个人用途

哈喽,各位酷友,今天给大家分享一篇干货,一次搞懂循环烟雾动画怎么做。


前言


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


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 原创发布于站酷。未经许可,禁止转载。


1111
- 位站酷推荐设计师推荐 -
一下给作者疯狂打call吧!
(推荐 + 收藏 + 关注作者)
+1 +1 +1

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    喜欢TA的作品吗?喜欢就快来夸夸TA吧!
    夸夸

    夸夸

    文章信息

    • 文章标签

    没有新消息
    已收藏到: