Flash CS6 动画制作入门教程

本教程将引导你完成一个经典的动画练习：一个带有挤压和拉伸效果的小球弹跳动画，通过这个过程,你将学到：

• Flash 界面布局：认识舞台、时间轴、工具面板等。
• 基本绘图工具：使用椭圆工具绘制小球。
• 关键帧动画：创建动画的起点和终点。
• 补间动画：让软件自动生成中间帧,实现流畅运动。
• 缓动：让动画运动更自然、更符合物理规律。
• 洋葱皮工具：辅助动画制作的视觉参考。

第一部分：认识 Flash CS6 工作区

打开 Flash CS6，你会看到一个由多个面板组成的窗口,我们先来认识几个最重要的部分：

1. 舞台：中间的白色（或灰色）区域，这是你最终动画的“表演”区域,观众会在这里看到所有内容。
2. 时间轴：位于舞台下方，是动画制作的“指挥中心”，它由图层和帧组成，用于控制对象在不同时间点的出现、运动和变化。
3. 工具面板：通常在左侧，包含了所有用于绘图、选择和修改对象的工具，如选择工具、刷子工具、椭圆工具等。
4. 属性检查器：通常在右侧，当选中舞台上的某个对象时，这里会显示该对象的详细属性（如位置、大小、颜色等）,并允许你进行修改。

第二部分：制作第一个动画——“小球弹跳”

我们将分步完成这个动画。

设置舞台

1. 打开 Flash CS6，选择 文件 > 新建。
2. 在弹出的窗口中，选择 ActionScript 3.0（即使你不懂代码，这也是最通用的设置），然后点击“确定”。
3. 新建文档后，我们先设置舞台大小，在右侧的 属性 检查器中，将 舞台大小 设置为 550 x 400 像素（一个常见的网页尺寸）。

绘制小球

1. 在左侧的 工具 面板中，选择 椭圆工具。
2. 在 属性 检查器中，设置填充颜色为你喜欢的颜色（比如红色），并确保描边颜色为“无”。
3. 按住 Shift 键，在舞台中央拖动鼠标，画出一个完美的圆形，这就是我们的“小球”。
4. 使用 选择工具 选中这个圆形，然后按 F8 键将其转换为“元件”，在弹出的窗口中，选择“图形”，命名为“Ball”，然后点击“确定”。

为什么转换为元件？ 元件是 Flash 中可以重复使用的对象，将图形转换为元件后，我们可以为它添加实例，并且可以轻松地使用 Flash 的各种动画功能,如补间动画。

创建弹跳动画（基础运动）

我们要让小球从顶部弹跳到底部。

1. 在 时间轴 的第 1 帧,确保你的小球元件已经被选中。
2. 在 时间轴 的第 20 帧处，右键单击，选择 插入关键帧，你会看到第 20 帧出现了一个黑色的圆点，并且舞台上出现了和第 1 帧一模一样的小球。
3. 选中第 20 帧，然后将舞台上的小球拖动到舞台的底部，你可以使用 属性 检查器中的 Y 坐标来精确定位，比如设置为 350。
4. 回到 时间轴，在第 1 帧和第 20 帧之间的任意一帧上右键单击，选择 创建传统补间。
5. 按下 Enter 键（或 Ctrl + Enter）,你应该能看到小球从顶部瞬间移动到底部。

关键帧：定义了动画中变化的点，第1帧是起点，第20帧是终点。 传统补间：Flash 会自动计算起点和终点之间的所有中间帧,生成平滑的移动动画。

添加“挤压”和“拉伸”效果

一个有弹性的小球在下落和撞击地面时会发生形变，这就是动画的灵魂——挤压和拉伸。

1. 下落时的拉伸：

   • 在 时间轴 的第 10 帧处右键单击，选择 插入关键帧。
   • 选中第 10 帧的小球，使用 选择工具 将其向下稍微拉长一点，同时压扁一点点（宽度变宽）,这模拟了小球在下落过程中受到重力拉伸的效果。
   • 在第 1 帧到第 10 帧之间右键单击，选择 创建传统补间。

2. 撞击地面时的挤压：

   
   （图片来源网络，侵删）
   • 在 时间轴 的第 20 帧处，我们已经有关键帧了,我们修改这一帧的小球形状。
   • 选中第 20 帧的小球，使用 选择工具 将其压扁（高度变矮），同时拉长（宽度变宽）,这模拟了小球撞击地面时的瞬间形变。
   • 在第 10 帧到第 20 帧之间右键单击，选择 创建传统补间。

3. 按下 Enter 键播放动画,你应该能看到小球在下落和撞击时有了自然的形变。

添加“缓动”让动画更自然

现在的动画可能有点“机械”，运动速度是均匀的，我们需要让它在开始时慢，加速下落，撞击地面后减速，这就要用到“缓动”。

1. 在 时间轴 上，选中 第 1 帧到第 10 帧之间的补间帧（即整个蓝色背景的条）。
2. 在下方的 属性 检查器中，找到 缓动 选项。
3. 默认是 0（无缓动），我们将其拖动到 -100，这表示 缓入,即动画会越来越快。
4. 选中 第 10 帧到第 20 帧之间的补间帧。
5. 在 属性 检查器中，将 缓动 设置为 100，这表示 缓出,即动画会越来越慢。

缓动：控制动画速度变化曲线的强大工具。

• 负值 (缓入)：动画开始慢,然后加速。
• 正值 (缓出)：动画开始快,然后减速。
• -100 和 100 是最极端的效果。

现在再播放动画,小球弹跳的感觉是不是真实多了？

使用“洋葱皮”工具辅助制作

为了让动画更流畅,我们可能需要调整小球在每一帧的旋转角度。

1. 在 时间轴 的下方，找到 洋葱皮工具，点击 “绘图纸外观” 或 “绘图纸轮廓” 按钮。
2. 你会看到时间轴上出现了多个半透明的小球图像，它们代表前一帧和后一帧的内容，这就像动画师使用的“洋葱皮”，让你可以清晰地看到前一帧和后一帧的位置,方便你调整当前帧的形态。
3. 选中第 5 帧，使用 任意变形工具（快捷键 Q）,将小球稍微旋转一点。
4. 同样地，选中第 15 帧，将小球向反方向旋转一点,模拟撞击后的反弹。
5. 播放最终动画,看看效果！

第三部分：导出和分享你的作品

动画完成后,你需要将它导出为视频文件或网页格式。

1. 点击 文件 > 导出 > 导出影片。
2. 在弹出的窗口中：
   • 保存类型：选择 Flash Video (*.flv) 或 Windows Media Video (*.wmv) / QuickTime (*.mov) 等视频格式。.flv 是 Flash 原生的视频格式。
   • 文件名：给你的动画起个名字。
   • 点击“保存”。
3. 接下来会弹出一个视频编码设置窗口，你可以直接点击“确定”使用默认设置。
4. 等待导出完成,你就可以用任何视频播放器打开并分享你的作品了！

总结与进阶

恭喜你！你已经完成了你的第一个 Flash 动画，这个“小球弹跳”动画涵盖了传统手绘动画的核心原理，也是学习 Flash 的绝佳起点。

接下来你可以学习的内容：

• 逐帧动画：在每一帧都绘制不同的画面，用于制作复杂的、不规律的动画（如人物行走、头发飘动）。
• 引导层动画：让物体沿着你绘制的任意路径运动。
• 遮罩动画：通过一个“遮罩层”来控制下面图层的显示区域,常用于文字或图片的动态显现效果。
• 骨骼工具：为角色添加骨骼，实现类似木偶的、易于控制的动画。
• ActionScript：为动画添加交互性，比如点击按钮播放动画,制作小游戏等。

Flash CS6 虽然是一款较老的软件，但其核心的动画制作原理至今仍是动画师需要掌握的基础,希望这份教程能帮助你顺利入门！