登录享有权益
积分奖励计划
下载视频源片
工具免费体验
视频制作工具
视频工具
音频制作工具
音频工具
图片设计工具
图片工具
视频制作
其他
牛片APP
APP专属功能
邀请认证

你尚未认证为创作人或影视公司,认证即可享有:

AE内置效果:一起成为PokéMon大师吧

2019-06-26 09:34 发布

幕后 | 后期分享

JDHorton是我刚学ae时关注的一个大神,他制作的动画都非常有灵性,是我早期临摹学习的一个大哥。

当然,这个动画的临摹已经好久好久之前的事了,且这篇文章也是许久之前写的,过程的阐述与k帧方面会有些许拖沓的地方,不过不影响两个内置效果的说明。

首先我们先看一下宝石海星的动画。



当然要完成这么一个有趣的动画,最先需要的当然宝石海星。我已将我的ai源文件上传了,下载完之后就可以上手制作。

第一步:导入ai文件,右键转为形状图层。总共四层:宝石海星的宝石,前五角星,后五角星,背景。合成设置:800*600,30fps。

第二步:给前五角星做动画,添加效果扭曲-CC Bend It, start定位在图像底部,end定位在图像上方。不过过程中大家可能出现下面这种情况。



整个图像被裁减了而且改变bend的参数也只是裁剪后的图像在扭曲,这不是我想要的结果。但是将其定位点往上移动会发现图像逐渐完整,这时候改变bend参数,整个五角星开始左右扭曲,这就是我想要的效果。当然同理,如果发现五角星底部两个脚也存在被裁减的现象,可以将start的定位点下移。大家仔细看图的话,可以看到在测试后,我对start定位点进行了下移。不过记好start在下,end在上,至于为什么大家自己尝试一下就知道了。



然后给bend打上关键帧,除此之外呢,我同时还对缩放进行了K帧(锚点对齐到图像底部),让五角星看起来拉伸了。



详细参数:

————————————————————————————

0f 14f 28f 1s12f 1s26f

bend -9 0 9 0 -9

缩放 100,102 100,100 100,102

————————————————————————————

bend速度函数曲线



缩放速度函数曲线



锚点,定位动没有变,然后同样的效果也复制给宝石(可能有人会问为什么不把宝石与前五角星打预合成,然后做动画,分成两层不会更麻烦吗,至于这个问题,后面会进行解答)

锚点,定位动没有变,然后同样的效果也复制给后五角星,但这里我将bend的数值上调了2,即:

——————————————————————

0f 14f 28f 1s12f 1s26f

-7 2 11 2 -11

——————————————————————

因为后续我会让后五角星顺时针转,将bend的数值上调,图形往右偏移的幅度较左边会大,这样给观众带来的效果:虽然还没有顺时针旋转,但是感觉后五角星是往右偏的,这样在后面进行旋转也看起来自然。

接着开始做旋转动画,需要一个效果:扭曲-旋转扭曲,这里参数根据个人感觉调节,我不给出具体数据,但是仍有几个要点需要注意一下。

第一点:旋转扭曲的旋转当然是先0上升到一个数值,然后下降到0,不过这里我手动K了一个帧。数值:0->56->0->-2->0。为的是结束的时候有一个弹性的感觉。

第二点:自身图层变换属性的旋转(快捷键R的那个),它的数值除了0-360,也添加一个弹性感觉。数值:0->360->359->360。

第三点:第一点中的那个关键帧56,改放在那个时间点呢?这里根据第二点的速度函数曲线来判断,详细看下图。

旋转的速度函数曲线




可以看到曲线的峰值速度在3:28f处,也就是说在这个时间点旋转的数值变化率是做大的,那么我将旋转扭曲数值56匹配至该时间点,就可以在节奏上进行衔接。(更完美的匹配是将其往后延迟1~2帧)。还有就是由于我后三角的锚点没有计算定位到中心,所以我给位置K帧让他看起来是在中心旋转。

上面都完成后,就得到了大体的效果了,不过似乎还缺了什么。是的,还记得宝石图层吗,这里分离为的是一个高光



这里我甚至还分离成了两层,做一个倾斜矩形的位移动画,以宝石图层作为alpha遮罩。

那么整个宝石的动画基本也算是大功告成了。我的话,还给他添加了影子最后我将所有图层打预合成(除了绿色背景),复制两层,添加效果:生成-填充,扭曲-贝塞尔变形,模糊-高斯模糊。

填充色为黑色,贝塞尔变形横纵向拉伸或收缩影子模拟透视,两图层各用不同数值的模糊做出柔边,降低透明度,调节大合成小,最后调整图层顺序,宝石海星动画就可以说是很完美了。



内容由作者原创,转载请注明来源,附以原文链接

https://6pian.cn/news/3677.html

表情

添加图片

发表评论

全部评论

分享我喜欢的作品
推荐文章 更多+
拍片计算器-拍片估价

关注我们

牛片网微信公众号
牛片网官方QQ群
分享给其他人

分享到微信朋友圈