这份教程将从入门基础到核心功能，再到实战项目，并包含资源推荐，帮助您系统地学习 Flash CS5。
（图片来源网络，侵删）
第一部分：入门基础
在开始制作动画之前,你需要先认识 Flash CS5 的工作界面。
1 认识工作界面
启动 Flash CS5 后，你会看到以下几个主要区域：
- 舞台: 这是你的画布，所有最终会显示在动画中的内容都在这里，你可以调整舞台的大小，通过
修改 > 文档来设置。 - 时间轴: 这是 Flash 的核心，用于组织和控制动画内容，时间轴由图层 和帧 组成。
- 图层: 就像透明的醋酸纸一样，你可以将不同的元素（如背景、人物、文字）放在不同的图层上，方便管理和编辑。
- 帧: 时间轴上的小格子，代表一个时间点，连续的帧快速播放就形成了动画。
- 工具栏: 位于界面的左侧，包含了所有用于绘制和编辑图形的工具，如选择工具、画笔、钢笔、矩形工具、颜料桶等。
- 属性检查器: 位于界面的右侧，当选中舞台上的某个元素（图形、实例、文本等）时，这里会显示其属性（如位置、大小、颜色等），并允许你进行修改。
- 库: 位于界面的右侧（或通过
窗口 > 库打开），是一个“资源仓库”，存放你导入的图片、声音、元件等。
2 文档基本操作
- 新建文档:
文件 > 新建，选择“Flash 文件 (ActionScript 3.0)”或“Flash 文件 (ActionScript 2.0)”，对于初学者，建议使用 ActionScript 3.0。 - 保存文档:
文件 > 保存或文件 > 另存为，建议使用.fla格式，这是 Flash 的源文件格式。 - 测试影片:
控制 > 测试影片或按快捷键Ctrl + Enter，这会导出一个.swf文件，你可以在播放器中查看最终效果。
第二部分：核心功能与动画制作
这是 Flash 最核心的部分，我们将学习如何制作动画。
1 帧
- 关键帧: 在时间轴上显示为实心圆点，关键帧是定义了对象状态变化的帧，比如一个动作的开始或结束。
- 创建: 在时间轴上点击右键，选择“插入关键帧”。
- 普通帧: 显示为灰色方块，普通帧的作用是延续前一帧的内容，直到下一个关键帧出现。
- 空白关键帧: 显示为空心圆点，它是一个空的关键帧，不包含任何内容。
2 创建动画的三种主要方式
A. 逐帧动画
这是最基础、最原始的动画方式，你需要手动在每一帧都绘制或修改内容。
（图片来源网络，侵删）
- 适用场景: 复杂的、不规律的动画，如人物走路、面部表情变化等。
- 制作方法:
- 在时间轴上选择一个图层。
- 在第1帧插入一个关键帧,并绘制第一帧的画面。
- 在第2帧插入另一个关键帧,修改画面。
- 重复此过程,直到完成所有帧。
- 点击时间轴下方的播放按钮预览动画。
B. 补间动画
这是 Flash CS5 的核心动画技术，分为两种：
补间形状
- 作用: 让一个图形变形为另一个图形，圆形变成方形，文字变成图形。
- 制作方法:
- 在第1帧创建一个图形（如一个圆形）。
- 在第20帧插入一个空白关键帧，然后绘制一个不同的图形（如一个方形）。
- 选中第1帧到第19帧之间的任意一帧。
- 在属性检查器中，选择“补间”类型为“形状”。
- 时间轴上会出现绿色箭头，表示补间形状动画创建成功，按
Ctrl + Enter测试。
补间动画
- 作用: 让一个元件（Symbol）在位置、大小、旋转、颜色等属性上产生平滑的运动变化，这是 CS5 推荐的动画方式。
- 什么是元件? 按
Ctrl + F8创建，分为三种：- 图形: 用于静态图像或与主时间轴同步的简单动画。
- 按钮: 用于创建交互式按钮。
- 影片剪辑: 用于创建可独立于主时间轴播放的动画片段。补间动画主要应用于影片剪辑。
- 制作方法:
- 按
Ctrl + F8创建一个“影片剪辑”元件，命名为“小球”。 - 在元件编辑界面,用椭圆工具画一个圆形。
- 点击“场景1”回到主时间轴。
- 从库中将“小球”影片剪辑拖到舞台的某个位置（比如左侧）。
- 在时间轴上选择第1帧,然后在属性检查器中，将“补间”类型设置为“动画”。
- Flash 会自动创建一个动画范围（一个蓝色的背景）。
- 将播放头拖到动画范围的最后一帧（比如第30帧），然后将小球拖到舞台的右侧。
- Flash 会自动在关键帧之间生成运动轨迹。
- 按住
Ctrl键点击动画范围的最后一帧，可以添加旋转、缩放等缓动效果，按Ctrl + Enter测试。
- 按
第三部分：交互性基础
动画是静态的,交互性才能让作品“活”起来，这需要用到 ActionScript (AS)。
1 ActionScript 3.0 基础
我们从一个最简单的例子开始：点击按钮，让小球移动。
目标: 创建一个按钮，点击后，小球从左边移动到右边。
步骤:
-
创建元件:
- 按
Ctrl + F8，创建一个“按钮”元件，命名为myButton，在“弹起”帧画一个矩形，在“指针经过”帧按F6插入关键帧并改变颜色。 - 再创建一个“影片剪辑”元件，命名为
ball，在里面画一个圆。
- 按
-
布置场景:
- 回到场景1,从库中将
myButton拖到舞台左下角。 - 将
ball影片剪辑拖到舞台左侧。
- 回到场景1,从库中将
-
给实例命名:
- 选中舞台上的
ball实例，在属性检查器的“实例名称”一栏中，输入ball_mc。（非常重要！ActionScript 通过这个名称来控制它） - 选中舞台上的
myButton实例，在“实例名称”中输入my_btn。
- 选中舞台上的
-
编写代码:
- 新建一个图层,命名为 "Actions"。
- 选中 "Actions" 图层的第1帧（必须是关键帧）。
- 按
F9打开动作面板。 - 在面板中输入以下代码：
// 为按钮添加一个点击事件监听器 // 当 my_btn 被点击时，执行后面大括号 {} 里的代码 my_btn.addEventListener(MouseEvent.CLICK, moveBall); // 定义一个函数，名为 moveBall // 这个函数会在按钮被点击时被调用 function moveBall(event:MouseEvent):void { // 使用补间动画让 ball_mc 在1秒内移动到 x=400 的位置 // x:400 是目标位置的x坐标, y:0表示y坐标不变, duration:1表示持续1秒 // easing:Transitions.EASE_OUT表示缓动效果，让动画更自然 TweenMax.to(ball_mc, 1, { x:400, y:0, ease:Transitions.EASE_OUT }); }- 注意: 上面代码使用了
TweenMax库，这是 AS3 中非常流行的动画库，你需要先下载并导入它，如果不想用，可以使用 Flash 自带的Tween类，代码会稍复杂一些。
-
测试:
- 按
Ctrl + Enter测试影片，现在你应该可以点击按钮，看到小球平滑地移动了。
- 按
第四部分：实战项目建议
学习完
