2021-06-22

字节跳动旗下软件 LOGO 动画,还挺可爱的

在这里插入图片描述

这几天看到字节跳动披露的财务数据:2020 年收入 2336 亿,日赚 6.5 亿元【我这辈子能挣到后面的 0.5 就算祖坟冒青烟了】。想想自己手机上好多软件都是字节跳动旗下的,也刚学了 AE 软件,那就制作一个小动画来巩固一下学到的知识吧。

首先了解一下它旗下都有些什么软件 —— 抖音、今日头条、西瓜视频、飞书、激萌、轻颜相机、皮皮虾等等。
CureAn动画中使用到的logo

头脑风暴

利用收集到的图标想象一下动画效果,把整个动画的走向都想象一遍【 哇、哇、哇,我要是能这样实现就厉害了,大神附体了 】。想象的画面终究是美好的,可是实现起来却还是会一头雾水,根本不知道如何去操作。
CureAn动画草图
CureAn AE界面

实际操作

CureAn字节跳动动画视频

  • 这里用一个类似飞书的纸飞机飞入,中间掉落小球引出动画的效果。AE 路径动画就可以实现,整个动画短片大部分都使用到了路径动画的效果。
    CureAN 抖音动画

  • 利用风吹动画,将主LOGO吹动并滑入转化成抖音。抖音抖动效果使用AE抖动表达式实现 [ wiggle (30,20) ]。
    CureAn 字节跳动

  • 水滴K帧加波形变形效果实现;其实这里想着是水滴落下的时候,可以出现水平方向的波纹效果的 【 水波涟漪的效果 】,但是一时间脑子短路了,实现不了。最后查了一下,使用椭圆修改图形描边即可实现水波涟漪的效果。
    CureAN 懂车帝与激萌

  • 小鸟飞翔效果,落入图标上方,实现缩放变形效果。小鸟位置使用的是路径变化,翅膀煽动使用 AE LoopOut 循环表达式实现 [ LoopOut (“cycle”,0) ] ,0 表示一直循环。
    CureAn 皮皮虾与时光相册

  • 其实大多都是通过图层绑定路径动画实现的,加上一些缩放和位移K帧即可。

技巧

  • 路径动画:通过图层蒙版位置来决定的效果还是很不错的,其中重要的是让物体沿着路径定向运动,在效果变换-自动定向-沿着路径定向,快捷键 ctrl + Alt + O。

  • 表达式:我认为表达式好难,加上英语也不是很好,实现起来挺困难的,只会一些简单和常用的表达,比如抖动、循环、时间这些;复杂的搞不懂,就慢慢学习了。

  • 动画效果:以前看了一些动画十二法则,知道一些动画该如何实现,比如风吹和球体掉落的时候,需要抖动和往返扭曲加变形,让动画效果更加真实,但是我实现的依旧是K帧,最终表达出来的效果还是很生硬。

  • AE插件:制作这个动画我也使用了一些插件,线条脚本、液体插件、Motion3 等等。

总结

利用自己学到的知识实现一些效果,还是挺开心的,最起码努力没有白费,虽然效果平平,但是这些东西还是需要时间去沉淀的,不可能一下子就可以实现出好的效果。其实这里我心理上一直过不去的坎,不知道大家在学习的路上有没有出现过。

看到某位大神的或者是随便去网上搜索的一些动画视频,超级好看,而且难度肯定很高,自己心里面就一直想着我怎么可能会实现的了,要学习的东西太多了,这个明明就是2D动画,为什么别人可以实现出3D的效果。当有了这些心理效果,加上在学习路上遇到了一些坎,你直接会怀疑人生的。

就拿快捷键来说,明明这个东西很简单的,但是你就是记不住,或者说是记住了不会使用,照着别人做还做不出来,然后就直接想放弃了。

这个小动画的不足之处呢,动画效果太生硬了,其次就是效果单一,大多都是路径动画,最后音效方面也很糟糕。

希望这个是个起点,希望未来自己学到更多的知识,去实现更美好的效果,毕竟现在画画、和建模等技术都不会,很是苦恼,加油。

CureAn
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值