只需要懂点高中物理知识,就能让你做出优秀动画!

化繁为简,是解决难题的好办法。今天的文章将会教你如何拆分一个动画,以及如何使得动画符合一般物理学规律而变得生动。作为一个动效爱好者,被问到最多的一个问题就是:“我要怎样开始才能学好动效?”

每次看到这个问题,我都会坚定的回答:“从学好物理开始”,第一个问题往往就吓退了一些观望者。但真正对动画有兴趣的人,绝不会止步于此,他们会问很多问题,一个接一个,我就很喜欢这样爱钻研的人。每周,我的日程表上都会排上档期,只为能有时间与这群好学的人们交流。有时我会在线下约见面,或者直接在线上说,我喜欢做这些事。我的努力可能仅能帮助到我圈子里的人,但我相信世界上有很多人希望得到帮助,所以,我决定写这篇文章。

(译者注:大神就是时间多,还博爱。)

物理学是基础

当我说,“你应该从物理学开始”,你觉得我在胡说也并非没有道理。“物理”经常让我们想起的是那些在学校里死记硬背的方程和公式。

在现实中,物理学的运用要远多于考试中用到的复杂公式。它是解释物体如何移动,如何下落,以及各种自然现象的基础理论。知道什么时候举起手去抓住一个飞过来的球,把球尽量沿着它的运动方向往后推能减少对手的冲击力,这些才是真正的“生活物理学”。这种对真实世界的理解就是开始动效设计所需要的全部物理知识了。

让动画生动起来

这是Snehal Pati画的一位快递员骑着摩托车,带着圣诞帽,很可爱,对不对?

一个简单的快递员送货插画

我们猜测这个人正在“骑”摩托车,而不是只坐在上面,要不然他起码得有一只脚站在地上了。但是我们还拿不准,怎样才能使人们更清楚的知道摩托车不是静止的,而是在运动呢?答案是让它动起来。让我们从最容易想到的细节开始。把问题进行拆解——比如这次,我们就按“骑”的字面意思先来看。(译者注:骑车肯定轮子要动,所以先把动的车轮先拆分来看)

一旦进行拆分,每一个小的组件都可以视为独立的实体,单独做动画,然后再进行组装。

动画的编排

我通过将这个骑车动画拆分为5个部分,使得最后的动画变得生动起来。

1. 车轮会旋转(废话)

旋转很简单!After Effects里有一个“旋转”选项,我们只需要间隔几秒加上2个不同角度值的关键帧就行了。然后,我们大致估算下摩托车的速度,每秒车轮会转多少圈调整好节奏,符合自然规律就很好了。

摩托车的车轮在转

这个动画看起来很微妙,不是吗?其实我们是基于2个假设:

  • 摩托车跑的很快,因此车轮的链条是看不见的。
  • 车轮的表面是粗糙的,因此反射会闪烁。

提示: 闪烁可以使用一个简单的白色描边路径+After Effects中的“修剪路径”工具来创建。这个闪烁已经让插画本身有一些动画了,但是离自然真实的效果还很远,我们接着看下一个部分。

2. 这辆摩托车的底盘会抖动

即使我们假设摩托车是在平稳的水泥路上骑行,因为减震器的原因,也一样会有节奏的上下运动,比如下面这样:

摩托车轮子会旋转,车身有起伏

感觉好多了,对吧?但它仍然感觉缺少一些东西。

3. 骑手的身体会有自然的运动

这里的骑手并不是一个穿着紧身衣的塑料身体,他是一个人,应该有人的运动规律。想想当你骑一辆摩托车时会发生什么,身体的各个部位会发生相对运动。肘部的角度可能会改变,颈部和头部可能会移动,背部可能会伸展和弯曲,等等。我们只需要模仿其中一些动作。

摩托车的车轮会转动,底盘会起伏,骑手身体会动

你能注意到这些细节吗?如果有,那恭喜你已经有了设计师的眼光了,这些细节很微妙但是却很有效果。通过这些细节的增加,很明确的将一个完全没有生命的画面生动起来。提示:骑手的身体可以进一步分解,每个部分在不同的图层,然后可以通过在After Effects中巧妙的移动和旋转这些部分来实现人的动作。

4. 给人物的配饰添加运动

我们都知道,骑手在骑行过程中,他带的帽子不可能是固定不动的,而是需要一定的摆动效果。

摩托车的车轮在转,车身在动,人的身体和帽子都在运动

到这一步,帽子的动画可能有点过了,看着一步步变好的动画,心情有点激动,就调大了幅度,但其实看起来也没什么大问题。提示: 只需要在短时间内把帽子的形状做一个改变,就可以实现这样动画。

5. 添加背景

让我们再回头看看,车轮在转了,底盘也有起伏了,甚至车手和他的帽子都有了运动。但是仍然没有很直观的感受到车在前进,接下来的这一步可能是所有步骤里最简单的一步了。要么,我们向前移动整个画面(车手+摩托车);又或者,我们加上一个城市背景,然后把这个背景往后移动——这是我们从电脑游戏《马里奥》中学到的东西。相对运动,物理学中讲过的。

最终效果

看,最终的画面多么真实自然。提示: 想做出这样一个永久循环的背景是非常容易的,只需要把这个背景复制一份,然后头尾相接就可以了。

本文翻译已获得作者的正式授权

授权截图

medium

译文地址:彩云译设计(公众号)

作者:Saptarshi Prakash

译者:彩云Sky

AE
(0)

相关推荐

  • 跳一跳中所包含的高考物理知识解析

    大家知道跳一跳中所包含的物理知识有哪些吗?高中物理眼中的跳一跳是什么样的呢?下面小编给大家讲解. 操作方法 01 跳是一种运动,两个物体发生相互作用才能产生力.力的作用是改变物体运动状态的原因.所以力 ...

  • CSOL高爆手雷和M24柄式手雷评测对比

    操作方法 01 自从M24柄式手雷出现以来,大家对高爆手雷和柄式手雷的区别一直众说纷纭,特别是"柄式手雷可以扔的更远"这种以手感下结论的说法早已深入人心.不得不承认,现实中柄式手雷 ...

  • 老鸟传技 轻松读懂光驱倍速的行话

    随着人们对数字信息存储要求的不断提高,利用光盘来存储数据的人越来越多,光驱已经成为电脑配件中的“标配”。对于光驱产品的等次,商家们通常会以同的“倍速”来进行区别,所以我们在购买和使用光驱的过程中经常碰 ...

  • 关于学习selenium进行自动化测试所需要学的知识

    操作方法 01 关于使用selenium进行本人也是从小白学起的,跑过不少论坛,博客和官网,基本从最基础学起,一点点进步,中间需要什么知识就学习什么知识!猛学,狠学!不断尝试和总结,这样才能慢慢让自己 ...

  • ios9新功能:让Siri只认得“我”的声音

    如何设置.可以让Siri只认得我一个人的声音呢?大家都知道在ios8中苹果就已经增加了一项"Hey   Siri"的唤醒功能,当iPhone连接电源时,你只需要说出Hey Siri ...

  • 20个优秀手机界面扁平化设计,让你一秒看懂扁平化

    古语常说:去粗取精,去伪存真.自小念念不忘的句子,不仅是教会我们为人处世的道理,更是准确的揭示了事物的本质和规律.自13年兴起的Flat设计趋势,也恰恰好符合了这一规律.去除冗余.厚重和繁杂的装饰效果 ...

  • 怎样使用TXT文本文件进行数据存取

    由于大家在 I/O 存取上以 txt 文件为主,且读取比存储更麻烦(存储的话 fwrite, fprintf 基本够用),因此下面的讨论主要集中在"txt 文件的读取"上.除了标注 ...

  • 什么是串口硬盘和并口硬盘 串并口硬盘之间的区别是什么

    不经常接触电脑的朋友可能会很多一些电脑小知识不理解,今天编辑在电脑爱好者QQ群中就发现有朋友问了一个比较简单,但新手朋友一般不怎么会关注到的问题:什么是串口硬盘,什么是并口硬盘。两者哪个速度快些等。笔 ...

  • 新手用本十八招 即刻告别菜鸟

    眼下买笔记本的人是越来越多,这其中也不乏第一次接触笔记本电脑的新手和连电脑就根本玩不转的菜鸟们。新机到手,新手们总是有一个又一个让老用户看起来啼笑皆非的问题要问,当然这其中也有一些用了笔记本很久的人至 ...