第一部分：准备工作与界面初识

什么是 Flash 动画？

Flash 动画主要基于 矢量图形，这意味着它无论放大多少倍都不会失真，文件体积相对较小，其核心是通过在时间轴上创建关键帧，并让 Flash 自动计算中间帧（即“补间动画”）来生成流畅的动画。

界面概览

打开 Flash CS,你会看到以下主要区域：

• 菜单栏: 包含所有命令，如文件、编辑、插入、修改、文本、控制等。
• 工具栏: 位于左侧，包含所有绘图和编辑工具，如选择工具、刷子工具、钢笔工具、矩形工具等。
• 舞台: 中间最大的白色区域，是你最终看到动画效果的地方，可以理解为电影的“拍摄现场”。
• 时间轴: 位于舞台上方或下方，是 Flash 的 核心，它由“图层”和“帧”组成,用来控制动画的播放顺序和内容。
• 属性检查器: 位于右侧，当选中舞台上的某个对象（如图形、实例）时，这里会显示并允许你修改该对象的属性（如位置、大小、颜色等）。
• 颜色/库/变形等面板: 通常在右侧，用于管理颜色、元件、变换对象等。

第二部分：基础动画制作（三大核心）

Flash 动画的灵魂在于时间轴,我们将学习三种最基础的动画制作方法。

逐帧动画

这是最原始、最直接的动画方式，就像画连环画一样,每一帧都需要你手动绘制或放置一个不同的内容。

适用场景： 复杂、不规律的动画，如人物表情、水花飞溅、火焰燃烧等。

教程示例：制作一个简单的“小球跳动”逐帧动画

1. 新建文档: 打开 Flash，选择 文件 > 新建，创建一个 ActionScript 2.0 或 3.0 的 Flash 文档（初学者用2.0即可）。
2. 绘制小球: 在工具栏选择 椭圆工具，在舞台上按住 Shift 键拖动，画一个正圆，然后选择 颜料桶工具,给小球填充一个颜色。
3. 进入时间轴: 在时间轴的第1帧，你看到一个 实心圆点，这代表这是一个“关键帧”,里面有内容。
4. 创建新关键帧: 在时间轴上点击第2帧，按 F6 键（或右键 > 插入关键帧），你会看到第2帧也出现了一个实心圆点,并且内容和第1帧完全一样。
5. 修改小球: 使用 选择工具 选中第2帧的小球，按住 Shift 键垂直向下拖动一小段距离，模拟“下落”。
6. 重复操作:
   • 在第3帧按 F6 插入关键帧，将小球压扁一点（用 选择工具 拖动边缘）。
   • 在第4帧按 F6 插入关键帧,将小球恢复原状并向上移动。
   • 在第5帧按 F6 插入关键帧,将小球再向上移动一点。
   • 在第6帧按 F6 插入关键帧,将小球放回原位。
7. 测试动画: 按 Ctrl + Enter (Windows) 或 Cmd + Enter (Mac) 测试你的动画,你应该能看到小球上下跳动了。

补间动画

这是 Flash 最强大、最高效的功能，你只需要定义好一个动画的 开始状态 和 结束状态，Flash 就会自动计算并生成中间所有过渡的帧。

适用场景： 物体位置、大小、旋转、颜色、透明度的平滑变化。

教程示例：制作一个“从左到右移动”的补间动画

1. 准备图形: 在舞台左侧绘制一个图形（比如一个星星）。
2. 创建补间动画:
   • 方法一（传统补间 - 最经典）:
     • 在时间轴上，在第1帧（你的图形所在帧）右键 > 创建传统补间。
     • 时间轴上会出现一条带箭头的紫色线条,表示补间动画已创建。
     • 点击时间轴上的 第30帧，按 F6 插入一个关键帧,你会看到第30帧也出现了你的图形。
     • 使用 选择工具,将第30帧的图形拖动到舞台的右侧。
     • 按 Ctrl + Enter 测试动画,星星会平滑地从左边移动到右边。
   • 方法二（补间动画 - CS6 新增，更强大）:
     • 选中第1帧的图形。
     • 在属性检查器中，找到“动画”选项，点击 “补间动画”。
     • Flash 会自动创建一个新的补间图层,并在时间轴上延伸到第1帧。
     • 将播放头拖到第30帧，按 F5 插入普通帧（或直接拖动时间轴末端到第30帧）。
     • 将第30帧的图形拖动到舞台右侧。
     • 按 Ctrl + Enter 测试，效果相同,这种方法可以更方便地调整缓动和路径。

形状补间

形状补间作用于 矢量图形本身，它会将一个形状 morphing（变形） 成另一个形状。

适用场景： 一个物体变成另一个物体，如圆形变方形,文字变形等。

教程示例：制作一个“圆形变方形”的形状补间

1. 准备开始形状: 在舞台左侧，用 矩形工具 画一个圆形。
2. 插入关键帧: 在时间轴的第30帧，按 F6 插入关键帧。
3. 修改结束形状: 选中第30帧，用 选择工具 删除圆形，然后用 矩形工具 在同一个位置画一个方形。
4. 创建形状补间:
   • 在第1帧和第30帧之间的 任意一帧 右键，选择 “创建补间形状”。
   • 时间轴上会出现一条带箭头的绿色线条。
5. 添加提示点（可选，让变形更可控）:
   • 选中补间动画的任意一帧。
   • 在属性检查器中，点击 “添加提示点”。
   • 舞台上会出现一个带字母（如 a）的小圆圈,拖动这个圆圈到圆形上你认为会变成方形某个顶点的位置。
   • 再拖动字母为 a 的对应点（颜色会变）到方形上对应的位置。
   • 添加多个提示点（b, c...）可以让变形过程更精确。
6. 测试动画: 按 Ctrl + Enter,你会看到圆形平滑地变形为方形。

第三部分：进阶技巧

使用图层

图层就像一张张透明的塑料纸，叠放在一起,使用图层可以：

• 将不同元素（背景、角色、特效）放在不同图层,避免互相干扰。
• 制作复杂动画： 让不同元素独立运动。

操作：

• 在时间轴下方点击 “插入图层” 按钮（一个加号图标）。
• 新建一个图层后，你可以在上面绘制或添加动画,而不会影响其他图层。

使用元件

“元件”是可重复使用的 Flash 对象，把它想象成乐高积木,将图形转换为元件有三大好处：

• 减小文件体积： 一个元件只需在库里存储一次,无论在舞台上使用多少次。
• 方便修改： 修改库中的元件,所有使用该元件的实例都会自动更新。
• 制作交互式动画： 只有影片剪辑和按钮元件才能添加 ActionScript 代码。

操作：

1. 选中舞台上的图形。
2. 按 F8 键，或选择 修改 > 转换为元件。
3. 在弹出的窗口中，选择 “图形” 类型，起个名字,点击确定。
4. 你的图形已经变成了一个元件实例，你可以双击它进入“编辑模式”来修改它。

第四部分：综合实例：制作一个简单的弹跳球动画

这个例子将结合 元件、传统补间 和 缓动 效果。

1. 创建元件:

   • 在舞台上画一个带渐变色的圆形。
   • 选中它，按 F8，将其转换为 图形 元件，命名为 "Ball"。

2. 制作下落动画:

   • 在时间轴第1帧，将 "Ball" 实例放在舞台顶部。
   • 在第20帧按 F6 插入关键帧，将球拖到舞台底部，并将其 压扁（用选择工具调整）。
   • 在第1帧和第20帧之间 右键 > 创建传统补间。
   • 选中补间动画的任意一帧，在属性检查器中，找到 “缓动” 选项，将其值设为 100（表示“缓出”，动画会越来越慢，模拟重力加速度）。

3. 制作弹起动画:

   • 在第30帧按 F6 插入关键帧，将球恢复成正圆形,并稍微向上移动一点。
   • 在第20帧和第30帧之间 右键 > 创建传统补间。
   • 选中这个新的补间动画，在属性检查器中将 “缓动” 设为 -100（表示“缓入”，动画会越来越快，模拟弹起瞬间的爆发力）。

4. 制作重复弹跳:

   • 在第40帧按 F6 插入关键帧,将球再次压扁在底部。
   • 在第30帧和第40帧之间创建传统补间，缓动设为 100。
   • 在第50帧按 F6 插入关键帧,将球恢复正圆形并回到顶部。
   • 在第40帧和第50帧之间创建传统补间，缓动设为 -100。

5. 循环动画:

   • 在第50帧右键，选择 “复制帧”。
   • 在第51帧右键，选择 “粘贴帧”。
   • 选中第51帧到第100帧的所有帧，右键选择 “翻转帧”。
   • 这样就创建了一个从下落回到顶点的反向动画。
   • 删除第51帧到第100帧多余的帧,只保留一个完整的循环。

6. 测试与发布:

   • 按 Ctrl + Enter 测试动画,你应该看到一个逼真的弹跳球效果。
   • 选择 文件 > 导出 > 导出影片，可以将其导出为 .swf 格式的 Flash 动画文件。

学习资源与提示

• 官方文档： Adobe 官网虽然不再更新 CS 版本，但旧文档依然存在,是权威的参考资料。
• 视频教程： 在 Bilibili、YouTube 上搜索 "Flash CS6 教程"、"Flash 动画入门" 等关键词，有海量的中文和英文视频教程,非常直观。
• 社区论坛： 国内如 闪吧 等老牌 Flash 社区依然活跃,可以找到很多前辈的作品和教程。
• 勤加练习： 动画制作是熟能生巧的技能，多模仿，多尝试，从简单的动画开始,逐步挑战更复杂的作品。

最后提醒： Adobe 已停止对 Flash Player 的支持，.swf 文件在现代浏览器中无法直接播放，Flash 的主要应用场景已转向 游戏开发 和 矢量动画导出为视频（如 MP4），如果你想学习制作能在网页上交互的动画，建议直接学习 Adobe Animate 或其他现代工具，但掌握 Flash CS 的核心动画原理,对你学习任何动画软件都大有裨益。