化繁简,解决难题的好办法。今天的文章将会教如何拆分一动画,以及如何使得动画符合一般理学规律变得动。
作一动效好者,被问到多的一问题就:
我怎样始能学好动效?
每次看到这问题,我都会坚的回答:「从学好理始」,第一问题往往就吓退了一些观望者。但真对动画感趣的人,绝不会止于此,他们会问很多问题,一接一,我就很喜欢这样钻研的人。
,我日程表上都会排上档期,为能有时与这群好学们交流。有时我会在线下约见,或者接在线上沟,我喜欢做这些事。
的努力也许仅能帮助圈的人,但相界上有多人希望得帮助,所以,决定写这篇文章。
当说,「你应该从物理学开始」,你觉得在胡说也并非没有道理。「物理」经常让想起的是那些在学校死记硬背的方程和公式。
在现实中,物理学的运用要远多于考中用的复杂公式。它是解释物体如何移动,如何下落,以及各种然现象的基础理论。
知道什候举起去抓住一个飞过来的球,把球尽量沿着它的运动方向往后推能减少对的冲击力,这些才是真正的「生活物理学」。
这种对真实界的理解就是开始动效设计所需要全部物理知识了。
这是 Snehal Pati 画位快递员骑着摩托,带着圣诞帽插画,很可爱,不?
△ 个简单快递员送货插画
猜测这个人正在「骑」摩托车,而不是只坐在上面,要不然起码得有一只脚站在地上了。但是还拿不准,怎才能使人更清楚的知道摩托车不是静止的,而是在运动呢?答案是让它动起来。
让我们从最容易想到的细节开始。
把问题进行拆——比次,我们就按「骑」的字面意思来分析。(译者注:骑车时轮子肯定是要动的,所以先把动的车轮拆分来看)
一旦进行拆,每一个的组件都可以视为独立的实体,独做动画,然后再进行组装。
通过将这个骑车动画拆为5个部,使得最后的动画变得生动起来。
旋转很简单,After Effects 里一「旋转」选项,我们只需间隔几秒加2不同角度的关键帧就行了。然后,我们致估算下摩托车的速度,每秒车轮会转多少圈调整好节奏,符合自然规律就好了。
△ 摩托车的车轮转
这个动画看起来很微妙,不是吗?其实我们是基于2个假设:
- 摩托车跑的很,因此车轮的链条看不见的。
- 轮表是粗糙,此反射会闪烁。
提示:闪烁可以使用一简单的白色描径+After Effects中的「修剪径」具创建。
这个闪烁已经让插画本身有些动画了,是离自然真实效很远,我们接着看下个部分。
即使我们假设摩托车是在平稳的水泥路上骑行,因为减震器的原因,一样会有节奏的上,如面这样:
△ 摩托车轮子会旋转,车身有起伏
感觉好多了,对吧?但它仍然感觉缺少一些东。
里的骑手并不是一个穿着紧身的塑料身,他是一个人,应该有人的运动规律。想想当你骑一辆摩托车时生什么,身的各个部位生相对运动。肘部的角度能改变,颈部和头部能移动,背部能伸展和弯曲等等。我们只需要模仿其中一动。
△ 摩托车的车轮转动,底盘伏,骑手身动
你注意到这些细节吗?如果有,那恭你已经有了设计师的眼光了,这些细节很微妙但是却很有效果。通过这些细节的增,很明确的将一个全没有生命的画面生起来。
提示:骑手的身体可以一分解,每部分不同的图层,然后可以通过 After Effects 中巧妙的移动旋转这些部分实人的动作。
都知道,骑在骑行过程中,带的帽不可能是固定不动的,而是需要一定的摆动效果。
△ 摩托车的车轮在转,车身在动,人的身体和帽都在运动
到一步,帽子的动画能有点,看着一步步变的动画,心情有点激动,就大幅度,但其看来也没什么大问题。
示:只需要在短时间把帽子的形状做一个改变,就可实现这样的画。
让再回头,车轮在转了,底盘也有起伏了,甚至车和的帽都有了运动。但是仍然没有直观的受车在前进,下来的这一步可能是所有步骤最简的一步了。
要么,我们向前移动整个画面(车手+摩托车)。
又或者,我们上一个城背景,然后把这个背景往后移——这是我们从电脑游戏《马里奥》中到的东西。相对,物中讲过的。
△ 最终效果
看,终的画面多么真实自然。
提示:想做出这样个永久循环背景是常容易,需要把这个背景复制份,然后头尾相接可以了。
欢迎关注译者微信公众号:「云译设计」