Animation

欢迎来到动画的世界！

在本章中，我们将探索静态图像如何变得栩栩如生。无论是简单的弹跳球，还是复杂的角色动作，动画的核心就是欺骗人类的眼睛，使其产生“物体在移动”的视觉错觉。我们会深入浅出地拆解其技术原理、动画师常用的工具，以及如何为你的项目选择合适的文档格式。别担心，即使刚开始听起来有点技术性，我们会运用许多日常生活中常见的类比，让学习变得简单易懂！

12.1 基础知识：动画是如何运作的

帧率 (fps)

动画是由一连串静态图像快速连续播放而成的。每一张独立的图像称为帧 (Frame)。这些图像播放的速度称为帧率 (Frame Rate)，以每秒帧数 (frames per second, fps) 作为测量单位。

这就像翻页书一样。如果你慢慢地翻动页面，画面的动作看起来会很生硬；如果你快速地翻动，画面的动作就会变得顺畅自然。

现实生活例子：大多数电影使用 \( 24 \ fps \)，而许多电子游戏则为了追求额外的流畅度，会以 \( 60 \ fps \) 运行。如果帧率太低，动画看起来就会“卡顿”或出现“延迟”。

小试身手：动画的计算

想知道你的动画总共需要多少个帧吗？使用这个简单的公式：
\( Total \ Frames = Duration \ (seconds) \times Frame \ Rate \ (fps) \)
例如：一段 10 秒、每秒 30 帧的动画，总共需要 300 个帧！

关键帧 (Keyframes)

关键帧 (Keyframe) 是发生重要变化的帧。它标志着动作或变换的起点或终点。在过去，资深动画师会负责绘制关键帧，而助理动画师则负责绘制两者之间的所有过渡画面。

补间动画 (Tweening)

补间动画 (Tweening) 是在两个关键帧之间自动生成帧的过程。现在，计算机软件可以自动为我们完成这项工作！

运作原理：如果你将第一个关键帧设在屏幕左侧的圆形，并将另一个关键帧设在屏幕右侧的圆形，软件会自动生成中间的帧（即补间），让圆形看起来平滑地滑动过去。

洋葱皮功能 (Onion Skinning)

这是动画软件中一项很有用的功能，让你在绘制当前帧时，可以看到前一个和下一个帧模糊的“残影”。

类比：想象你在很薄的描图纸上作画，你可以看到下方页面上的草稿，这能帮助你精确判断动作的下一步该画在哪里。

重点总结：动画仅仅是快速播放的连续帧。关键帧定义了起点与终点，补间动画填充中间的间隙，而洋葱皮功能则帮助动画师掌握动作的轨迹。

12.2 动画技巧

分层 (Layering)

就像图像编辑一样，分层 (Layering) 让你将动画的不同部分放在独立的层级上。

例如：你可以设有一个保持不动的“背景层”、一个负责移动的“角色层”，以及一个角色走在后面的“前景层”（如树木）。

这非常关键，因为这意味着当某个小东西移动时，你不必重绘整个场景！

移动补间 (Motion Tweening) 与形状补间 (Shape Tweening)

计算机协助我们制作动画主要有两种方式：
1. 移动补间 (Motion Tweening)： 当物体从 A 点移到 B 点、旋转或改变大小时使用。物体本身保持不变（例如：一辆汽车横过屏幕）。
2. 形状补间 (Shape Tweening / Morphing)： 当一个形状变成另一个形状时使用。

你知道吗？卡通中看到一个人变成一只狼的过程就是形状补间（变形）。计算机会计算如何拉伸第一个形状的线条以符合第二个形状。

遮罩 (Masking)

遮罩 (Mask) 的作用就像“模板”或“观察孔”。它允许你隐藏图层的某些部分，只显示遮罩形状内部的内容。

类比：想象透过钥匙孔看房间。你只能透过那个特定的孔洞看到室内。如果你移动钥匙孔（遮罩），房间可见的区域也会随之改变。这常用于聚光灯特效，或让文字看起来像被颜色“填满”一样。

重点总结：图层让内容条理分明，补间处理移动或变形，而遮罩则控制观众看到的范围。

12.3 导出与文件格式

当你的动画制作完成后，你需要将其保存为观众可以播放的格式。选择错误的格式可能会导致文件过大无法下载，或者画质看起来惨不忍睹。

常见动画格式：

1. GIF (.gif)： 非常适合色彩较少、时间短的简单动画。支持广泛，但不支持声音且图像质量较低。
2. SWF (.swf)： 最初用于 Adobe Flash。它是“矢量式”的，意味着放大时依然清晰。但由于现代网页浏览器大多不再支持，目前已很少使用。
3. MP4 (.mp4)： 视频的“黄金标准”。它支持高画质、声音，且压缩效率极高（在保持质量的同时缩小文件大小）。
4. MOV (.mov)： 由 Apple 开发。质量非常高，但产生的文件通常比 MP4 大得多。

小贴士：我该选择哪种格式？

- 网页上的简单迷因 (meme)？ 使用 GIF。
- 带有音乐的高画质卡通？ 使用 MP4。
- 专业剪辑？ 使用 MOV。

重点总结：务必根据你的需求选择文件格式。对于大多数 AS Level 的作业来说，MP4 通常是画质与文件大小之间最完美的平衡点。

避免常见错误

- 忘记关键帧： 如果你的动画不动，检查一下你是否确实设置了第二个关键帧！计算机需要“起点”和“终点”才能创造动作。
- 帧率太低： 如果你的动画看起来像幻灯片，请调高 fps（但请记住，这会增加文件大小）。
- 搞混补间类型： 如果你试图对一个形状的变化（例如正方形变成圆形）使用移动补间，是不会成功的。记得要用形状补间！

最终总结清单

- 我是否了解 fps 是用来控制流畅度的？
- 我能否解释关键帧与补间动画的区别？
- 我是否知道洋葱皮功能是用来观察邻近帧的？
- 我能否指出为什么分层能让动画制作更简单？
- 我是否知道 MP4 是目前最主流的动画格式？

做得好！你已经掌握了 9626 教学大纲中关于动画的核心概念。继续多加练习软件操作，这些专业术语很快就会成为你的直觉！