这份教程将从 基础入门 到 进阶编程，为您提供一个清晰的学习路径。

第一部分：基础入门

在开始之前,请确保你已经安装了 Adobe Flash CS3，初次打开，你会看到几个核心面板，了解它们是第一步。

认识工作区

Flash CS3 的工作区主要由以下几部分组成：

• 舞台：你进行创作和展示动画的区域，就像电影的拍摄现场。
• 时间轴：这是 Flash 的核心，它决定了动画的顺序和节奏，由“图层”和“帧”组成。
• 工具栏：包含所有绘图和编辑工具，如选择工具、画笔、矩形、钢笔等。
• 属性检查器：当选中某个对象（图形、元件、文本等）时，这里会显示并允许你修改其属性（颜色、大小、位置等）。
• 库：存放所有可重用资源的地方，如图形、按钮、影片剪辑、位图、声音等。

创建你的第一个动画：补间动画

这是最基础也是最常用的动画效果。

目标：让一个球从舞台左边平滑地移动到右边。

1. 创建对象：

   • 在工具栏选择“椭圆工具”。
   • 在舞台上按住 Shift 键拖动，画一个正圆。
   • 用“选择工具”选中它，在“属性检查器”中填充一种颜色，比如红色。

2. 转换为元件：

   • 右键点击这个球,选择“转换为元件...”。
   • 给它命名,"ball"，类型选择“图形”，然后点击“确定”。注意：几乎所有要用于动画的对象都应转换为元件！

3. 设置动画：

   • 确保球在第1帧,点击时间轴上第1帧后面的任意一帧（比如第30帧），按 F6 插入一个“关键帧”，你会看到第30帧也出现了一个球。
   • 用“选择工具”将第30帧的球拖动到舞台的右边。
   • 回到第1帧,右键点击它，在菜单中选择“创建补间动画”。

4. 测试动画：

   
   （图片来源网络，侵删）
   • 按 Ctrl + Enter (Windows) 或 Cmd + Enter (Mac)。
   • 一个新的播放窗口会弹出,你就能看到小球从左到右平滑移动了！恭喜，你完成了第一个 Flash 动画。

关键概念

• 帧：时间轴上的一个时间点，普通帧延续前一帧的内容，关键帧 是你主动添加、用于改变内容的位置、形状或属性的帧。
• 元件：可以重复使用的对象，分为三种类型：
  • 图形：主要用于静态图像和简单的、与时间轴绑定的动画，它的时间轴与主时间轴同步。
  • 按钮：用于交互，它有四个特殊帧：弹起、指针经过、按下、点击。
  • 影片剪辑：拥有独立于主时间轴的小动画，它是 Flash 中最强大的元件类型，可以嵌套，有自己的时间轴和 ActionScript 交互能力。
• 图层：像透明的胶片一样，可以把不同的内容分开，方便管理，比如背景、角色、文字分别放在不同图层。

第二部分：进阶动画与交互

掌握了基础后,我们来看看更高级的技巧。

形状补间

与“补间动画”（针对元件的位置、大小、旋转等）不同，“形状补间”用于改变一个矢量形状本身。

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

1. 在第1帧,用矩形工具画一个方块，并转换为“图形”元件。
2. 在第30帧按 F6 插入关键帧。
3. 删除第30帧的方块,用椭圆工具画一个圆形（可以和方块大小差不多）。
4. 回到第1帧,右键点击，选择“形状”。
5. 按 Ctrl + Enter 测试，你会看到方块平滑地“变形”成了圆形。

提示：复杂的形状变形效果不佳时，可以使用“变形提示”来控制变形的对应点。

遮罩层

遮罩层可以创建一个“窗口”效果，只有“窗口”下方的图层内容才能被看到。

目标：让文字像探照灯一样扫过一张图片。

1. 新建一个图层,命名为“图片”，放入一张背景图。
2. 再新建一个图层,命名为“遮罩”，放在“图片”图层的上方。
3. 在“遮罩”图层上，画一个圆形（作为探照灯效果）。
4. 对这个圆形做“补间动画”，让它从左到右移动。
5. 在“遮罩”图层上右键点击，选择“遮罩层”。
6. “图片”图层会自动被锁定，只有“遮罩”层中的圆形区域会显示出图片内容。

按钮

按钮是实现交互的基础。

1. 创建按钮：新建一个元件，类型选择“按钮”。
2. 编辑按钮：你会看到四个帧。
   • 弹起：按钮的默认状态。
   • 指针经过：当鼠标移到按钮上时的状态。
   • 按下：当鼠标点击按钮时的状态。
   • 点击：定义按钮的响应区域，可以画得比按钮本身大一些，方便点击。
3. 给按钮添加交互：回到主场景，将你做好的按钮拖到舞台上。
   • 选中按钮,打开“动作”面板（F9）。
   • 输入简单的代码,

     on (release) {
         trace("你点击了按钮！");
     }

   • on(release) 表示当鼠标在按钮上并释放时触发。
   • trace() 是一个调试命令，会在“输出”面板中显示括号里的文字。

第三部分：ActionScript 2.0 与 3.0

这是 Flash 的精髓，让“死”的动画“活”起来，Flash CS3 引入了 AS3，这是一个革命性的升级，比 AS2 更强大、更规范，但也更复杂。

重要提示：AS2 vs. AS3

• ActionScript 2.0 (AS2)：语法相对简单，灵活，但容易写出混乱的代码，适合小型项目和初学者入门。
• ActionScript 3.0 (AS3)：基于 ECMAScript 标准，性能更好，代码结构更严谨（面向对象），有强大的事件处理机制，是现代 Flash 开发的标准。

在 Flash CS3 中，你可以在“属性检查器”为帧或元件指定脚本版本。

ActionScript 2.0 入门示例

目标：点击按钮，让小球移动。

1. 在舞台上放一个“小球”元件（影片剪辑）和一个“按钮”元件。
2. 选中“小球”，在“属性检查器”中给它一个实例名称，myBall。
3. 选中“按钮”，打开“动作”面板（F9），输入以下代码：

   on (release) {
       // 让小球在 x 轴上移动 50 像素
       myBall._x += 50;
   }

   • _x 是小球实例的 x 坐标属性。
   • += 50 表示在当前位置基础上增加50。

ActionScript 3.0 入门示例

AS3 的核心是事件监听器。

目标：点击按钮，让小球移动。

1. 同样,在舞台上放一个“小球”影片剪辑（实例名 myBall）和一个“按钮”实例（实例名 myButton）。

2. 不要把代码写在按钮上，新建一个图层，命名为 "Actions"，选中第1帧，打开“动作”面板（F9），输入以下代码：

   // 导入必要的类（AS3 的标准做法）
   import flash.events.MouseEvent;
   // 为按钮添加事件监听器
   // 参数1: 事件类型 (MouseEvent.CLICK)
   // 参数2: 当事件发生时要执行的函数 (moveBall)
   // 参数3: 是否使用捕获阶段 (false，通常用false即可)
   myButton.addEventListener(MouseEvent.CLICK, moveBall);
   // 定义 moveBall 函数
   function moveBall(event:MouseEvent):void {
       // 让小球在 x 轴上移动 50 像素
       myBall.x += 50;
   }

   • addEventListener 是 AS3 的核心，它告诉对象：“嘿，当 myButton 发生 CLICK 事件时，请调用 moveBall 这个函数。”
   • myBall.x 是 AS3 中访问对象属性的标准写法。

第四部分：学习资源推荐

由于 Flash CS3 比较老旧，新教程很少，但有很多经典的资源依然有效。

中文资源

1. Bilibili (B站)：搜索关键词 “Flash CS3 教程”、“Flash AS2/AS3 教程”、“Flash 游戏开发”，B站有大量从 Flash 8 到 CS3 时代的录屏教程，非常直观，推荐搜索“闪客帝国”、“我要自学网”等机构的老教程。
2. 我要自学网：虽然网站界面老旧，但上面有非常系统的 Flash CS3 视频课程，从零基础到精通，非常适合新手。
3. 博客和论坛：
   • CSDN / 博客园：搜索“Flash CS3 教程”、“AS3 入门”，可以找到很多技术文章和代码示例。
   • 闪客帝国：老牌的 Flash 开发者社区，论坛里有很多高手和经典案例讨论。

英文资源

1. YouTube：搜索 "Flash CS3 Tutorial for Beginners"，国外的教程质量通常很高，虽然语言有障碍，但视频演示非常清晰。
2. Adobe 官方文档 (Archive.org)：Adobe 官方文档已经下线，但可以在互联网档案馆找到，搜索 "Adobe Flash CS3 Documentation"，可以找到最权威的官方参考。
3. Kirupa.com：一个经典的 Flash/AS3 学习网站，有大量高质量的免费教程，至今仍是学习 AS3 的绝佳资源。

学习路径建议

1. 第1周：精通基础，熟练掌握工具、时间轴、图层、三种元件，并能独立制作简单的补间动画和形状补间。
2. 第2周：掌握进阶动画，学习遮罩、引导层动画，并制作一个完整的、包含多个动画元素的简单场景。
3. 第3-4周：入门交互，选择一个脚本版本（建议直接学 AS3），学习按钮、事件、如何通过代码控制影片剪辑的属性（位置、透明度、大小等）。
4. 第5周及以后：项目驱动，尝试制作一个完整的小项目，比如一个简单的打地鼠游戏、一个加载动画、或者一个可以点击切换图片的画廊，在项目中遇到问题，再回头查资料。

最后的小贴士：Flash CS3 的界面和操作逻辑是现代动画软件的鼻祖，理解了它，再去学 Adobe Animate 或其他动画软件会非常容易，祝你学习愉快！