这份教程将从基础入门到核心功能，再到实际项目流程，并包含资源推荐，希望能帮助你系统地掌握 Flash CS5.5。

第一部分：入门准备与基础概念

什么是 Flash？为什么学习它？

• 定义：Flash 是一款由 Adobe 公司开发的 2D 矢量图形和动画制作软件，它以其强大的补间动画、骨骼工具和 ActionScript 脚本功能而闻名。
• 应用领域：
  • 网络动画：早期的网页动画、小游戏、广告。
  • 电视动画：许多经典的 2D 动画剧集使用 Flash 制作。
  • 游戏开发：制作 2D 网页游戏和手机游戏。
  • 交互式演示：制作产品介绍、教学课件等。
• 学习意义：学习 Flash 可以让你深入理解时间轴、关键帧、补间动画等动画制作的核心原理，这些原理在所有现代动画软件（如 Animate, Toon Boom Harmony, After Effects）中都是通用的。

安装与启动

• 软件获取：Flash CS5.5 是较老的版本，可能需要通过 Adobe Creative Suite 5.5 套件获取或寻找合法的安装途径。
• 启动界面：启动后，你会看到“新建文档”窗口，可以选择不同的文档类型，如“ActionScript 3.0”、“ActionScript 2.0”、“ActionScript 3.0 AIR for iOS”等，对于初学者，选择 ActionScript 3.0 是最主流和现代的选择。

界面初探

熟悉工作界面是学习的第一步，Flash CS5.5 的界面主要由以下几个部分组成：

• 菜单栏：包含所有命令，如文件、编辑、视图、插入、修改、文本、命令、控制、调试、窗口、帮助。
• 主工具栏：常用工具的快捷按钮，如新建、打开、保存、撤销、重做等。
• 工具面板：这是创作的核心，包含了所有绘图和编辑工具。
  • 选择工具：选择和移动对象。
  • 部分选择工具：编辑对象的锚点。
  • 任意变形工具：旋转、缩放、倾斜对象。
  • 渐变变形工具：调整渐变的方向和范围。
  • 3D 旋转工具：对元件进行 3D 旋转（CS5.5 的新特性）。
  • 套索工具：不规则选择。
  • 钢笔工具：绘制精确的矢量路径。
  • 文本工具：添加文字。
  • 线条工具/矩形工具/椭圆工具/多角星形工具：基础形状绘制。
  • 铅笔工具：自由绘制。
  • 刷子工具：模拟画笔效果。
  • 墨水瓶工具：为线条和填充描边。
  • 颜料桶工具：填充颜色。
  • 滴管工具：吸取颜色和样式。
  • 橡皮擦工具：擦除对象。
  • 手形工具：移动画布。
  • 缩放工具：放大/缩小画布视图。
• 时间轴：动画的“灵魂”。
  • 由图层 和帧 组成。
  • 图层：像叠在一起的透明胶片,方便管理不同元素。
  • 帧：动画的最小单位，普通帧、关键帧、空白关键帧、补间动画帧。
• 舞台：你最终看到和导出的画面内容，也就是“演员”表演的地方。
• 属性检查器：最智能的面板，当选中舞台上的某个对象时，它会显示该对象的属性（位置、大小、颜色、滤镜等）,并允许你直接修改。
• 库面板：存放所有可重用元素的地方，如元件、位图、声音等。
• 颜色面板：用于选择和编辑填充色和描边色。
• 对齐面板：用于精确排列和对齐多个对象。

第二部分：核心功能详解

绘图基础

• 矢量图 vs. 位图：
  • 矢量图：基于数学公式，无论放大多少倍都不会失真，文件体积小，Flash 的主要绘图方式。
  • 位图：由像素组成，放大后会变模糊，可以通过 文件 > 导入 > 导入到舞台/库 导入。
• 绘制与填充：
  • 使用 矩形工具、椭圆工具 等绘制形状。
  • 使用 颜料桶工具 填充颜色，墨水瓶工具 添加描边。
  • 在 颜色面板 中可以设置纯色、线性渐变、径向渐变。
• 对象操作：
  • 选择工具：点击选择,拖动边角可以改变形状。
  • 部分选择工具：点击矢量图形的边缘，可以显示并拖动锚点,修改曲线。
  • 任意变形工具：可以旋转、缩放、倾斜和扭曲对象。

元件

元件是 Flash 的核心概念，是可以在文档中多次重用的资产，创建元件有助于减小文件体积、方便管理和实现交互。

• 三种元件类型：

  1. 图形元件：用于静态图像或与主时间轴同步的简单动画，它有自己的时间轴,但会受主场景时间轴的影响。
  2. 按钮元件：用于创建交互，它有四个特殊帧：弹起、指针经过、按下、点击。
  3. 影片剪辑元件：用于创建可独立于主时间轴播放的复杂动画，它拥有自己独立的时间轴和 ActionScript 生命周期,是制作复杂动画和交互的基础。

• 如何创建元件：

  
  （图片来源网络，侵删）
  1. 选中舞台上的对象。
  2. 按 F8 键，或者选择 修改 > 转换为元件。
  3. 在弹出的窗口中选择元件类型，并命名，然后点击“确定”。

时间轴与动画

• 帧的类型：

  • 普通帧：显示前一关键帧的内容,不能直接编辑。
  • 关键帧：动画发生变化的点,可以添加或修改内容。
  • 空白关键帧：关键帧的一种,内容为空。
  • 补间帧：由 Flash 自动生成的帧,构成补间动画。

• 制作动画的两种主要方式：

  1. 逐帧动画：

     • 原理：在时间轴的每一帧上都绘制不同的内容,像翻书一样。
     • 优点：可以制作非常精细、不规则的动画。
     • 缺点：费时费力,文件体积大。
     • 方法：在时间轴上按 F6 插入关键帧,然后在每一帧上修改内容。

  2. 补间动画：

     
     （图片来源网络，侵删）
     • 原理：你只需要定义动画的起始状态和结束状态，Flash 会自动计算中间的过渡帧。
     • 优点：高效、流畅,文件体积小。
     • 方法：
       • 传统补间：Flash CS5.5 之前的经典方式，右键点击起始关键帧 -> 创建传统补间，主要用于补间位置、旋转、缩放、颜色等。
       • 补间动画：Flash CS4 引入的新方式，更强大、更直观，在起始帧上右键 -> 创建补间动画，会在时间轴上生成一条蓝色的补间范围,可以直接在舞台上拖动对象来创建动画路径。

第三部分：实战项目流程——制作一个简单的弹跳球动画

这个例子将带你完整体验 Flash 的核心制作流程。

1. 新建文档：启动 Flash CS5.5，新建一个 ActionScript 3.0 文档。
2. 绘制球：
   • 选择 椭圆工具，在 属性检查器 中设置填充色为蓝色,描边为无。
   • 按住 Shift 键在舞台上画一个正圆。
   • 选中圆形，按 F8 将其转换为图形元件，命名为“球”。
3. 创建动画：
   • 在时间轴上，点击第 1 帧（此时球在第 1 帧上）。
   • 在时间轴上点击第 20 帧，按 F6 插入一个关键帧，此时第 20 帧也有一个球了。
   • 点击选中第 20 帧的球，用 选择工具 将它向下拖到舞台底部。
   • 制作压扁效果：在第 20 帧选中球，使用 任意变形工具,将其垂直方向压扁一些。
   • 创建补间：在第 1 帧上右键，选择 创建传统补间，你会看到 1 到 20 帧之间出现了箭头。
4. 添加缓动：
   • 点击选中 1 到 20 帧之间的任意一帧。
   • 在下方的属性检查器中，找到“缓动”选项。
   • 默认是“0”，表示匀速，输入 -100（或拖动滑块到最下），动画会先快后慢；输入 100，动画会先慢后快，对于弹跳球，我们可以先设置 100 让它慢速下落。
5. 制作弹跳效果：
   • 在时间轴上点击第 21 帧，按 F6 插入关键帧。
   • 用 任意变形工具 将第 21 帧的球恢复成圆形，并把它移回第 1 帧球的位置。
   • 在第 21 帧上右键，选择 创建传统补间。
   • 再次选中这个新的补间帧（21-40帧），在属性检查器中设置缓动为 -100,让它快速弹起。
6. 循环播放：
   • 在时间轴上点击第 40 帧，按 F5 插入普通帧，让动画在第 40 帧结束。
   • 按 Ctrl + Enter 测试动画，你应该能看到球下落、压扁、然后弹起、恢复的循环动画了。

第四部分：ActionScript 3.0 交互基础

让动起来的东西“听话”，就需要用到 ActionScript (AS)。

1. 创建按钮：

   • 按 Ctrl + F8 新建一个按钮元件，命名为“playBtn”。
   • 在“弹起”帧画一个绿色矩形。
   • 在“指针经过”帧按 F6,将矩形改成黄色。
   • 在“按下”帧按 F6,将矩形改成红色。
   • “点击”帧可以比其他帧大一些,方便点击。
   • 点击“场景1”回到主时间轴，从库面板里把“playBtn”拖到舞台的某个位置。

2. 编写简单脚本：

   • 在主时间轴上，点击图层1 的第 1 帧。
   • 打开动作面板 (快捷键 F9)。
   • 在脚本窗口中输入以下代码：

     // 停止主时间轴的播放，让动画停留在第1帧
     stop();

   // 为舞台上的 playBtn 按钮添加一个点击事件监听器 // 当按钮被点击时，执行后面大括号 {} 里的代码 playBtn.addEventListener(MouseEvent.CLICK, playAnimation);

   // 定义一个名为 playAnimation 的函数 function playAnimation(event:MouseEvent):void { // 让主时间轴从当前帧开始播放 play(); }

   
   *   按 `Ctrl + Enter` 测试，现在点击绿色按钮，动画就会开始播放了！

第五部分：资源推荐与学习路径

学习路径建议

1. 精通绘图：花时间练习工具面板里的所有工具，特别是钢笔工具,这是矢量绘图的灵魂。
2. 掌握时间轴：多做逐帧动画和补间动画的练习,理解它们的工作原理和区别。
3. 玩转元件：学会将所有元素都制作成元件，并理解图形、按钮、影片剪辑的不同用途。
4. 学习 ActionScript：从 AS3.0 的基础语法开始，如变量、函数、事件、类等,尝试制作一些小游戏或交互效果。

优质资源

• Bilibili (B站)：国内最好的 Flash 学习平台，有大量免费且高质量的视频教程。
  • 搜索关键词：“Flash CS5.5 教程”、“Flash 动画制作”、“Flash AS3.0 入门”。
  • 推荐UP主：搜索“Flash教程”、“动画教程”等，关注那些更新稳定、讲解清晰的UP主。
• YouTube：国际上的优质资源库，可以使用中英文关键词搜索。
  • 搜索关键词：“Flash CS5.5 Tutorial”、“Flash Animation for Beginners”。
• 官方帮助文档：虽然老旧，但最权威，在 Flash CS5.5 中，可以通过 帮助 > Flash 帮助 打开。
• 书籍：可以在淘宝、孔夫子旧书网等平台寻找一些经典的 Flash 入门书籍，如《Flash 动画设计标准教程》等。

希望这份详细的教程能帮助你顺利开启 Flash CS5.5 的学习之旅！祝你创作愉快！