飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网赞助商广告

AE结合AI制作酷炫切割加载动画效果教程

刺客发布于:2018-10-19 12:09 |原作者: Duplicate
简介: 这张动图想必大家看过好多好多设计师去做过,所以我一直不确定原作者到底是谁。 正片开始前先问大家一个问题,大家看到这张图时有没有想临摹但觉得很复杂而放弃了?如果有的话,那就放弃过早咯,因为这个动画其实挺简单的哦,而且值得一提的是这个系 ... ... ... ... ...
飞特网赞助商广告

版权申明:本文出自“Duplicate”原创,感谢“Duplicate”的原创教程分享!

我拖延症又犯了,抱歉T^T

AE结合AI制作酷炫切割加载动画效果教程 飞特网 AE实例教程

这张动图想必大家看过好多好多设计师去做过,所以我一直不确定原作者到底是谁。

FEVTE编注:更多After Effects特效教程学习交流和After Effects作品发布请访问飞特网After Effects特效教程栏目,地址:https://www.fevte.com/moive/AE/AE_texiaojiaocheng/

正片开始前先问大家一个问题,大家看到这张图时有没有想临摹但觉得很复杂而放弃了?如果有的话,那就放弃过早咯,因为这个动画其实挺简单的哦,而且值得一提的是这个系列的动效其实有两款,这是其中一款,另一款相较于这一款的话看起来会软绵绵的,冲击力不足,而且制作方法相较于这个会简单好多,Mt. Mograph在他的长篇教程中做过,这里不进行阐述啦。

那么,第一个问题,我们在做之前需要做什么呐?首当其冲,我们当然是需要一个圆,但是这个圆不仅仅就是一个圆,而是一个等边三角形(内接三角形)与三个切割出来的等弧长的类似扇形的形状(这样说太麻烦啦,下文用333代替这个),详细见下图:


这个ai文件,我已经作为附件上传了。

接下来,说一下我们的制作思路,首先所谓的切割圆其实就是将333分别顺着"刀锋"移动至消失。这里的话我选择手动k帧k出类似液体的效果,下图为右边333的一个切割过程。

AE结合AI制作酷炫切割加载动画效果教程 飞特网 AE实例教程

1. 可以看到我基本是逐帧逐帧k出来的,至与这么做的原因:就类似与烟雾,火焰,液体,这一类的不定形的动画最好的方法就是手动k帧,而且最好是逐帧逐帧的k,大家千万不要觉得手动逐帧k是很low,很麻烦的事。因为这个确实是迪士尼动画十二原则里面的第四条,下图可以看到。这是我做的关于动画原则的笔记,每次我的临摹或是原创我都会去体会与运用这些原则,让这些原则深深的烙在我的大脑里,这比去看油管主,up主,各种免费或收费教学视频要实在的多,这些原则也是我在教程里面一直一直不断强调的东西,虽然固定,但是确确实实可以说是定理。(动画十二原则原视频在油管,不过b站有人搬运了,可以通过关键词"十二原则"搜到)

AE结合AI制作酷炫切割加载动画效果教程 飞特网 AE实例教程

其他两个做法是一样的,最好做成不一样的(第十二条原则里的形态各不相同),但是这里我偷懒仅仅旋转了右边333,千万不要和我学这个偷懒(反省)!

123下一页
6

好评
2

差评

刚表态过的朋友 (8 人)

刺客
河北省 衡水市 网页设计师
+ 关注 私信
  • PS鼠绘质感五彩水晶石教程
  • Cinema4D冷知识(三)
  • Cinema4D冷知识(二)

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

设计,从飞特开始
关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|加入我们|举报|飞特网旧版| 飞特网