19世纪初，科学家们开始系统研究一个有趣的视觉现象：为什么快速翻动的静态图片会让人感知到运动？

1824年，英国学者彼得·马克·罗杰（Peter Mark Roget）发表了一篇关于视觉错觉的论文，当时人们认为这揭示了"视觉暂留"现象——一种假设人眼图像会在视网膜上短暂停留的理论。

1832-1833年间，比利时物理学家约瑟夫·普拉托（Joseph Plateau）和奥地利发明家西蒙·斯坦普费尔（Simon Stampfer）几乎同时发明了费纳奇镜与频闪盘（Phenakistiscope & Stroboscopic Disc），首次让人们真正"看到"了从静止图像中诞生的运动。

但故事还没结束。1912年，心理学家马克斯·韦特海默（Max Wertheimer）通过实验发现，我们的大脑会主动"脑补"离散画面之间的运动——这就是著名的Phi现象（Phi Phenomenon）。现代研究进一步证实，动画中的运动感知是频闪效应与大脑认知处理共同作用的结果，而非单纯的视网膜暂留。

所以动画的本质是一场精妙的"共谋"：快速切换的画面 + 大脑的主动补间=流畅的运动幻觉。就像翻页动画（Flip Book）一样——每一页都是静止的，但快速翻动时，角色就"活"了过来。

帧：动画的最小单位

在影像动画的世界里，帧（Frame）是构成动态画面的最基本单位——你可以把它理解为一幅静止的影像画面。动画，就是由大量的帧按顺序连续播放而成的。

关键帧与中间帧

当我们需要表现物体的运动或变化时，首先要设定关键帧（Keyframe）。关键帧定义了动画中最重要的关键状态——比如一个动作的起始姿态和结束姿态。任何一段动画效果，都至少需要前后两个不同的关键帧来构成。

而连接关键帧之间的，就是中间帧（In-between），也常被称为过渡帧。根据中间帧生成方式的不同，动画主要分为两大类：逐帧动画和补间动画。

常见关键帧类型

逐帧动画与补间动画

逐帧动画（Frame-by-Frame Animation），也称传统手绘动画，是指每一帧画面都由动画师手工绘制完成的动画形式。

补间动画（Tween Animation）的"补间"二字，来源于英文 In-between——顾名思义，就是让计算机自动"补全"关键帧之间的中间画面。

在现代游戏引擎中，动画师只需要制作关键帧，引擎会自动进行插值计算生成中间帧。而且关键帧的数值可以被代码实时控制——这意味着同一个行走动画，可以通过调整关键帧之间的插值速度，来表现"正常走"和"受伤跛行"两种完全不同的状态。

帧速率：动画的"心跳"

有了帧，接下来的问题就是：这些帧应该以多快的速度播放？

帧速率（Frame Rate）指的是每秒钟播放的帧数，通常用FPS（Frames Per Second）来表示。帧速率越高，画面看起来就越连贯、越平滑。常见的帧速率标准包括：

一拍一 vs 一拍二：节奏的艺术

除了帧速率，动画师还可以通过控制每张画面的持续时间来调整动画的节奏感：

一拍一（On Ones）：每张画面持续 1 帧，动作最为流畅细腻

一拍二（On Twos）：每张画面持续 2 帧，节奏更有弹性

一拍一和一拍二并没有绝对的优劣之分。许多经典动画甚至会在同一段动作中混合使用，用一拍一来表现快速激烈的动作，用一拍二来表现舒缓或有节奏感的动态，从而创造出丰富的动态表现力。

动画曲线：让运动更有"灵魂"

了解了帧的基本概念之后，我们来探讨一个让动画从"能动"升级为"好看"的关键要素。

在现实世界中，几乎没有物体是匀速运动的——汽车有起步和刹车，球有抛出和落地，甚至我们抬手点击屏幕，手指的速度也在不断变化。

动画曲线（Easing Curve / Animation Curve） 正是用来描述动画中速度随时间变化规律的工具。通过调整运动曲线，同样的位移可以呈现出截然不同的动态感受。

在游戏引擎中，你可以通过可视化的曲线编辑器直接拖拽控制点来调整运动曲线。同一个移动动画，换一条曲线，感受可能天差地别。

运动曲线示例

迪士尼动画12原则

掌握了帧、帧速率和运动曲线这些基础工具之后，我们来看一套更高层次的创作指导思想。

1981年，迪士尼"九大元老"中的弗兰克·托马斯（Frank Thomas）和奥利·约翰斯顿（Ollie Johnston）在合著的《生命的幻觉：迪士尼动画》（The Illusion of Life: Disney Animation）中，系统总结了迪士尼动画师们数十年积累的创作经验，提炼出了12项基本动画原则。

这套原则虽然诞生于传统手绘动画时代，但其核心思想至今仍广泛应用于3D动画、游戏开发、UI动效等各个领域——它们描述的不是某种特定技术，而是人类如何感知"活"的运动的底层规律。

在AI时代，工具的操作门槛正在快速降低，但审美力和判断力的价值反而愈发凸显，而掌握动画的底层原理，正是提升这种能力最扎实的路径。希望这篇文章能成为你更好地理解动画~🎮