动效

MBE汽车动效

Adyun · 6月15日 · 2020年 · 本文488字 · 阅读2分钟129

上次制作了MBE风格的汽车插画之后,就想着用AE让汽车动起来。插画文章链接如下:

要在原来的基础上让动画运动起来也不难,做几个背景场景的横向切换效果,利用视差关系调节好整体的移动速度即可。可是作为新一代UI设计师这么高大上的职业,不给动画增加点有趣的元素,怎么能对得起这个称号呢?

在汽车的运动中,由于路面的不平经常会出现车辆抖动的情况。刚好在插画里,路上面也有小石头,在这里,我就利用小石头给汽车增加抖动跳动让其更有趣。抖动跳动是需要符合运动学原理的,在深刻观摩了汽车抖动,并一帧一帧学习了前辈们优秀的作品之后。我利用AE中的4大基础属性(两大,因为透明度和大小没有用到)制作了这个动画练习。依靠时间轴的先后关系,配合位置,旋转等属性的调整,完成了整体制作。

视频5M大小,加载可能需要等待

在制作中,我先将插画元素进行分层导出,然后单独对每一个元素进行控制,依靠关键帧和补间动画完成了整体弹跳效果和循环切换。由于后面导出GIF实在太大,原本的背景部分和其他小装饰元素就省略了,感觉能做和完善的地方还有很多。本次主要锻炼运动学节奏把握,看着最后完成的无限循环,感觉可以看到天荒地老。

0 条回应