1. 准备工作：认识 Flash CS3 界面
2. 核心概念：时间轴与帧
3. 第一步：制作你的第一个动画（逐帧动画）
4. 第二步：让对象动起来（补间动画）
   • 1 形状补间动画
   • 2 动作补间动画
5. 第三步：加入声音与交互
   • 1 导入和添加声音
   • 2 制作简单的按钮交互
6. 第四步：导出与发布作品
7. 进阶技巧与资源推荐

第一部分：准备工作：认识 Flash CS3 界面

打开 Flash CS3，你会看到几个主要区域：

• 舞台：中间最大的白色区域，是你动画的最终呈现和预览的地方。
• 时间轴：位于舞台上方，是制作动画的核心，它由“图层”和“帧”组成，用来控制对象在不同时间点的状态。
• 工具栏：通常位于左侧，包含了绘图、选择、填充等各种工具。
• 属性检查器：通常位于右侧，当选中舞台上的某个对象或时间轴上的某个帧时，这里会显示并允许你修改其属性（如大小、颜色、位置等）。
• 库：通常位于右侧下方，用于存放和管理你导入的图片、声音、元件等资源。

第二部分：核心概念：时间轴与帧

理解时间轴是掌握 Flash 的关键。

• 帧：时间轴上的小方格，代表一个时间点，动画就是由一连串的帧组成的。
• 关键帧：带有黑色实心圆点的帧，它表示对象在这个时间点发生了变化（位置、大小、形状等），你必须创建关键帧来定义动画的起点和终点。
• 普通帧：灰色背景的帧，它只是简单地重复前一个关键帧的内容，起到延长动画时间的作用。
• 补间帧：带有浅绿色背景（动作补间）或浅紫色背景（形状补间）的帧，由 Flash 自动生成，表示对象从一个状态平滑过渡到另一个状态。
• 图层：像透明的醋酸纸一样，可以将不同的元素（如背景、角色、文字）放在不同的图层上，方便独立编辑和管理。

第三步：制作你的第一个动画（逐帧动画）

逐帧动画是最基础的动画形式,它需要你为每一帧都绘制一个不同的画面，就像制作翻页书一样。

目标：制作一个简单的小球弹跳动画。

1. 新建文档：打开 Flash CS3，选择 文件 > 新建 > Flash 文档，点击“确定”。
2. 设置舞台：在右侧的“属性”检查器中，可以设置舞台的尺寸（如 550x400 像素）和背景色（默认白色即可）。
3. 绘制小球：
   • 在左侧“工具栏”中选择 椭圆工具。
   • 在“属性”检查器中，设置填充颜色为你喜欢的颜色（比如红色），描边颜色为“无”。
   • 按住 Shift 键在舞台上拖动鼠标，画出一个正圆形。
4. 创建关键帧：
   • 在时间轴上,点击第 1 帧，确保它被选中。
   • 在第 1 帧上右键，选择 插入关键帧，或者直接按 F6，你会发现第 1 帧变成了一个黑色实心圆点。
5. 制作动画：
   • 点击时间轴上的第 2 帧，再次按 F6 插入一个关键帧。
   • 选中第 2 帧上的小球，用 选择工具 将它向下移动一小段距离。
   • 点击第 3 帧，按 F6，再向下移动小球。
   • 点击第 4 帧，按 F6，将小球移动到最低点。
   • 点击第 5 帧，按 F6，将小球向上移动一点（模拟弹起）。
   • 点击第 6 帧，按 F6，再向上移动一点。
   • 点击第 7 帧，按 F6，让小球回到初始位置。
6. 预览动画：
   • 按下 Enter 键，可以在舞台上逐帧预览你的动画。
   • 按下 Ctrl + Enter (Windows) 或 Cmd + Enter (Mac)，会导出一个 .swf 文件并在播放器中播放，这是最终的预览效果。

恭喜！你已经制作了你的第一个逐帧动画。

第四步：让对象动起来（补间动画）

逐帧动画很精细但很耗时,补间动画是 Flash 的核心优势，你只需要定义起点和终点，Flash 会自动生成中间的过渡过程。

1 形状补间动画

用于让一个形状平滑地变成另一个形状。

目标：让一个圆形变成一个方形。

1. 新建文档，并删除或清空舞台上的内容。
2. 绘制起点形状：在第 1 帧，用椭圆工具画一个圆形。
3. 定义起点：选中第 1 帧的圆形，在“属性”检查器中，找到 “补间” 下拉菜单，选择 “形状”。

   时间轴上第 1 帧到第 30 帧之间会变成浅紫色，并有一个箭头，表示这是一个形状补间。

   
   （图片来源网络，侵删）
4. 定义终点形状：
   • 点击时间轴上的第 30 帧，按 F6 插入一个关键帧。
   • 删除第 30 帧上的圆形，用 矩形工具 画一个方形。
5. 预览动画：按 Ctrl + Enter 播放，你会看到圆形平滑地“融化”并变成了方形。

2 动作补间动画

用于让一个元件（Instance）进行位置、大小、旋转、透明度等变化。

注意：动作补间只能应用于“元件”，元件包括图形、按钮和影片剪辑。

目标：让一个元件从舞台左侧移动到右侧。

1. 创建元件：
   • 按 Ctrl + F8 (Windows) 或 Cmd + F8 (Mac) 新建元件。
   • 在弹出的窗口中,名称输入“小球”，类型选择 “图形”，点击“确定”。
   • 你会进入元件的编辑界面,在这里用椭圆工具画一个红色小球。
   • 画好后,点击时间轴左上角的 “场景 1” 返回主场景。
2. 放置元件：
   • 打开 窗口 > 库 (或按 Ctrl + L)，你会看到刚才创建的“小球”元件。
   • 将“小球”从库中拖到舞台的左侧位置。
3. 创建动作补间：
   • 选中第 1 帧上的小球，在“属性”检查器中，找到 “补间” 下拉菜单，选择 “动画”。
   • 时间轴上会出现浅绿色的补间帧。
4. 定义终点：
   • 点击时间轴上的第 30 帧，按 F6 插入一个关键帧。
   • 选中第 30 帧上的小球，用选择工具将它拖到舞台的右侧。
5. 预览动画：按 Ctrl + Enter 播放，你会看到小球从左侧平滑地移动到了右侧。

进阶动作补间： 在第 1 帧选中小球，在“属性”检查器的“补间”选项中，你还可以设置：

• 旋转：可以让小球在移动的同时旋转。
• 调整到路径：让对象沿着绘制的路径运动。
• 缓动：这是非常重要的功能！它可以改变动画的速度节奏。
  • 0 (默认)：匀速。
  • 正值：先慢后快（缓出）。
  • 负值：先快后慢（缓入）。
  • 尝试不同的数值,感受动画节奏的变化。

第五步：加入声音与交互

1 导入和添加声音

1. 导入声音：文件 > 导入 > 导入到库，选择一个 .mp3 或 .wav 格式的声音文件。
2. 将声音放入时间轴：
   • 打开“库”，你会看到导入的声音文件。
   • 新建一个图层,命名为“声音”。
   • 在“声音”图层的第 1 帧上按 F6 插入关键帧。
   • 选中这个关键帧,在“属性”检查器中，找到 “声音” 选项，从下拉菜单中选择你刚才导入的声音文件。
   • 在“同步”选项中，选择 “事件” (声音和动画同步播放) 或 “开始” (只在声音未播放时开始)。
3. 预览：按 Ctrl + Enter，你就能听到声音了。

2 制作简单的按钮交互

目标：点击按钮，让一个影片剪辑播放。

1. 创建按钮元件：
   • 按 Ctrl + F8 新建元件，名称为“我的按钮”，类型选择 “按钮”。
   • 你会看到时间轴上有四个帧：弹起、指针经过、按下、点击。
     • 弹起：按钮的默认状态。
     • 指针经过：鼠标移上去时的状态。
     • 按下：鼠标点击时的状态。
     • 点击：定义按钮的可点击区域（通常是一个矩形色块）。
   • 在“弹起”帧，用矩形工具画一个蓝色矩形，并在上面用文字工具写上“播放”。
   • 分别在“指针经过”和“按下”帧按 F6，然后改变矩形的颜色（比如悬停时变绿色，点击时变黄色）。
2. 创建影片剪辑：
   • 按 Ctrl + F8 新建元件，名称为“动画剪辑”，类型选择 “影片剪辑”。
   • 在这个元件的时间轴上制作一个简单的动画,比如一个小球旋转。
3. 回到主场景：
   • 从“库”中将“我的按钮”拖到舞台的某个位置。
   • 再将“动画剪辑”拖到舞台的另一个位置。
4. 编写代码（ActionScript 2.0，Flash CS3 默认）：
   • 选中舞台上的“我的按钮”，在“属性”检查器中找到 “动作” 面板（或按 F9 打开）。
   • 在动作面板中输入以下代码：

     on (release) {
     // 这里的 "my_mc" 是你需要控制的影片剪辑的实例名称
     // 给舞台上的"动画剪辑"实例命名
     // 点击舞台上的"动画剪辑"，在属性检查器的"实例名称"一栏输入 "my_mc"
     my_mc.play();
     }

   • 关键步骤：一定要先选中舞台上的“动画剪辑”元件，然后在右侧的“属性”检查器顶部找到 “实例名称”，输入 my_mc，代码中的 my_mc 指的就是这个名字。
5. 测试交互：按 Ctrl + Enter，当鼠标点击按钮时，你就能看到小球开始旋转了。

第六步：导出与发布作品

完成动画后,你需要将它导出为可以放到网页上的文件。

1. 设置发布格式：
   • 文件 > 发布设置。
   • 在“格式”选项卡中，勾选 Flash (.swf) 和 HTML (.html)。.swf 是动画文件，.html 是用来在浏览器中播放 .swf 文件的网页。
   • 切换到 Flash 选项卡，可以设置导出的 .swf 文件的版本、加载顺序等。
   • 切换到 HTML 选项卡，可以设置网页的标题、背景色等。
2. 发布：
   • 点击“确定”关闭窗口。
   • 文件 > 发布。
   • Flash 会在你保存 .fla 源文件的同一目录下，生成一个 .swf 文件和一个 .html 文件，你可以直接用浏览器打开 .html 文件来查看你的作品。

第七部分：进阶技巧与资源推荐

• 引导层动画：可以绘制一条路径，让对象沿着这条路径运动，而不是直线。
• 遮罩层动画：通过一个“遮罩”对象来控制另一个图层的显示区域，常用于制作文字、图片等探照灯效果或局部显示效果。
• 使用骨骼工具：Flash CS3 引入了骨骼工具，可以轻松制作人物、动物等带有关节的角色的反向运动学动画。
• 优化：动画文件过大是常见问题，可以通过减少不必要的补间、压缩图片、使用流式声音等方式来优化文件大小。

资源推荐：

• 经典教程：虽然旧，但“闪客帝国”等老牌 Flash 社区依然有大量 CS3 时代的优质教程和源文件可供学习。
• 视频教程：在 YouTube、Bilibili 等视频网站上搜索“Flash CS3 教程”、“Flash 入门教程”，有大量视频可以跟着学习。
• 练习：从模仿开始，找一些简单的动画（如弹跳的球、转动的齿轮）来复刻，这是最快的学习方法。

希望这份详细的教程能帮助你开启 Flash CS3 的动画制作之旅！多练习、多尝试是掌握任何软件的关键。