1824 年,英国学者罗杰特率先给出答案 ——"视觉暂留",认为是图像在视网膜上短暂停留制造了错觉。1832-1833 年,普拉托与斯坦普费尔几乎同时造出费纳奇镜和频闪盘,让人类第一次亲眼看见静止图像变出了流畅运动。
但真正的谜底直到 1912 年才揭晓:心理学家韦特海默发现了 Phi 现象,证明不是眼睛在 "留影",而是大脑在主动 "脑补" 画面间的空隙。现代研究最终确认,动画本质是一场精妙的合谋:快速切换的静态帧,加上大脑的自动补间,共同编织出了以假乱真的运动幻觉。
帧:动画的最小单位
在影像动画的世界里,帧(Frame)是构成动态画面的最基本单位——你可以把它理解为一幅静止的影像画面。动画,就是由大量的帧按顺序连续播放而成的。
01·关键帧与中间帧
当我们需要表现物体的运动或变化时,首先要设定关键帧(Keyframe)。关键帧定义了动画中最重要的关键状态——比如一个动作的起始姿态和结束姿态。任何一段动画效果,都至少需要前后两个不同的关键帧来构成。
而连接关键帧之间的,就是中间帧(In-between),也常被称为过渡帧。根据中间帧生成方式的不同,动画主要分为两大类:逐帧动画和补间动画。
常见关键帧类型

02·逐帧动画与补间动画
逐帧动画(Frame-by-Frame Animation),也称传统手绘动画,是指每一帧画面都由动画师手工绘制完成的动画形式。
补间动画(Tween Animation)的"补间"二字,来源于英文 In-between——顾名思义,就是让计算机自动"补全"关键帧之间的中间画面。

在现代游戏引擎中,动画师只需要制作关键帧,引擎会自动进行插值计算生成中间帧。而且关键帧的数值可以被代码实时控制——这意味着同一个行走动画,可以通过调整关键帧之间的插值速度,来表现"正常走"和"受伤跛行"两种完全不同的状态。
03·帧速率:动画的"心跳"
有了帧,接下来的问题就是:这些帧应该以多快的速度播放?
帧速率(Frame Rate)指的是每秒钟播放的帧数,通常用FPS(Frames Per Second)来表示。帧速率越高,画面看起来就越连贯、越平滑。
常见的帧速率标准包括:

04·动画曲线:让运动更有"灵魂"
了解了帧的基本概念之后,我们来探讨一个让动画从"能动"升级为"好看"的关键要素。
在现实世界中,几乎没有物体是匀速运动的——汽车有起步和刹车,球有抛出和落地,甚至我们抬手点击屏幕,手指的速度也在不断变化。
动画曲线(Easing Curve / Animation Curve) 正是用来描述动画中速度随时间变化规律的工具。通过调整运动曲线,同样的位移可以呈现出截然不同的动态感受。
在游戏引擎中,你可以通过可视化的曲线编辑器直接拖拽控制点来调整运动曲线。同一个移动动画,换一条曲线,感受可能天差地别。

运动曲线示例
本期内容就到这儿啦,敬请期待下期精彩!
全部评论 33