第一部分：Flash 基础入门
在开始制作之前，我们需要先了解 Flash 的核心概念和工作界面。
（图片来源网络，侵删）
什么是 Flash？
Macromedia Flash (后被 Adobe 收购) 是一款主要用于创建矢量动画、交互式内容和应用程序的软件,它的核心优势在于：
- 矢量图形：无论放大多少倍，图像都不会失真,文件体积小。
- 时间轴：这是 Flash 的核心,用于组织和控制动画在不同时间点的状态。
- 补间动画：只需设置关键帧，Flash 会自动生成中间帧,大大简化动画制作。
- ActionScript (AS)：Flash 的编程语言，用于添加交互性，比如按钮点击、游戏逻辑等。
认识 Flash 8 工作界面
打开 Flash 8,你会看到以下几个主要部分：
- 菜单栏：包含所有命令，如文件、编辑、插入、修改、文本、控制、窗口、帮助。
- 工具栏：左侧的垂直工具栏，用于绘制图形、选择对象、添加文本等。
- 属性检查器：通常在下方，当选中某个工具或对象时，这里会显示其相关属性,可以在此进行修改。
- 时间轴：这是动画的“骨架”，它由“图层”和“帧”组成,用于管理动画的播放顺序和内容。
- 舞台：中间的白色矩形区域，是最终用户能看到的内容，舞台之外的区域称为“工作区”,用于放置暂时不显示的元素。
- 浮动面板：如“颜色”、“库”、“对齐”等面板，可以通过“窗口”菜单打开或关闭。
第二部分：制作你的第一个动画——“小球弹跳”
我们将通过这个经典案例，学习 Flash 动画制作的基本流程。
新建文档并设置舞台
- 打开 Flash 8，选择
文件>新建，然后选择Flash 文档。 - 点击
修改>文档，或在属性检查器中设置文档属性。- 尺寸：设置为
550 x 400像素。 - 背景色：选择一个你喜欢的颜色,比如浅蓝色。
- 帧频：保持默认的
12 fps(每秒12帧)，帧率越高，动画越流畅,但文件也越大。
- 尺寸：设置为
绘制一个球
- 在左侧工具栏中选择 “椭圆工具”。
- 在下方的“属性检查器”中设置填充颜色，比如选择一个径向渐变色（点击颜色框，选择“填充样式”为“径向渐变”），这样球看起来会更立体，描边颜色可以设为“无”。
- 按住
Shift键，在舞台中央拖动鼠标,画出一个完美的圆形。
将球转换为“元件”
元件是 Flash 中可重复使用的图形、按钮或影片剪辑，把图形转换为元件,可以方便地管理和应用动画效果。
（图片来源网络，侵删）
- 用 “选择工具” 选中你画好的球。
- 按
F8键，或在菜单中选择修改>转换为元件。 - 在弹出的窗口中：
- 名称：命名为
ball。 - 行为：选择 “图形”。
- 点击“确定”。
- 名称：命名为
设置动画的关键帧
动画是通过改变对象在不同时间点的位置、大小、颜色等属性来实现的,我们设定几个关键点：
-
第一帧（起始位置）：
- 确保时间轴的第1帧被选中。
- 用 “选择工具” 选中舞台上的球，将它拖到舞台的顶部中央。
-
创建结束帧：
- 在时间轴上，点击第 24 帧（这一帧是第1帧的下一秒，因为帧率是12fps，24帧就是2秒）。
- 按
F6键，这一步叫做“插入关键帧”，Flash 会复制第1帧的内容到第24帧，并出现一个黑色的实心圆点,表示这是一个关键帧。
-
设置结束位置：
（图片来源网络，侵删）- 现在舞台上的球还停留在顶部，用 “选择工具” 将它拖到舞台的底部中央。
创建“补间动画”
Flash 知道了球在第1帧在顶部，第24帧在底部,我们让它自己动起来！
- 在时间轴上，点击第1帧和第24帧之间的任意一帧。
- 在下方的 “属性检查器” 中，找到 “补间” 选项。
- 点击下拉菜单，选择 “动画” (Motion Tween)。
完成！你可以在时间轴上看到第1帧到第23帧之间出现了一个淡蓝色的箭头,这表示补间动画已经成功创建。
测试你的动画
- 按
Ctrl + Enter(Windows) 或Cmd + Enter(Mac)。 - Flash 会生成一个
.swf文件并播放它,你应该能看到一个球从顶部平滑地落到底部。
第三部分：让动画更真实——添加缓动
目前的小球是匀速下落的，非常不自然，我们可以使用“缓动”功能,让运动更符合物理规律。
- 在时间轴上，点击补间动画的任意一帧（也就是蓝色箭头覆盖的帧）。
- 在下方的 “属性检查器” 中，找到 “缓动” 选项。
- 数值：默认是
0(无缓动)。 - 加速：输入正数（如
100）,动画会越来越快。 - 减速：输入负数（如
-100）,动画会越来越慢。
- 数值：默认是
为了让小球弹跳更真实，我们可以在下落时使用正缓动（加速），在弹起时使用负缓动（减速）。
- 修改下落动画：选中第1帧到第12帧之间的补间，将缓动值设为
50(加速下落)。 - 添加弹起动画：
- 在第24帧，再按一次
F6插入一个关键帧。 - 将第24帧的球拖回舞台中间位置。
- 在第24帧和第36帧之间创建补间动画，并将缓动值设为
-50(减速弹起)。
- 在第24帧，再按一次
再次测试 (Ctrl + Enter),你会发现小球的运动感强多了！
第四部分：添加图层和背景
当场景变复杂时，使用图层可以很好地组织内容,避免混乱。
- 重命名图层：双击时间轴默认的“图层1”，将其重命名为
ball。 - 添加背景图层：
- 点击时间轴下方的 “插入图层” 按钮（一个像加号的图标）,新建一个图层。
- 将新图层命名为
background。 - 用鼠标拖动
background图层，将它拖到ball图层的下方,这样背景就不会遮住球了。
- 绘制背景：
- 锁定
ball图层（点击图层上方的锁状图标）,防止误操作。 - 在
background图层上,用矩形工具画一个地面。
- 锁定
第五部分：添加交互性——按钮与 ActionScript
这是 Flash 的强大之处，我们来添加一个按钮,点击它才播放动画。
创建按钮
- 新建一个图层，命名为
actions。 - 按
Ctrl + F8(或Cmd + F8),新建一个元件。 - 行为选择 “按钮”，命名为
startBtn，点击“确定”。 - 你会进入按钮的编辑界面，时间轴上有四个关键帧：
- 弹起：按钮的默认状态，用矩形工具画一个按钮，并添加文字“开始”。
- 指针经过：鼠标悬停时的状态,可以改变颜色或添加发光效果。
- 按下：鼠标点击时的状态,可以再改变一次颜色。
- 点击：定义按钮的响应区域,可以比按钮本身大一些。
- 完成后，点击时间轴左上角的
场景 1返回主场景。
放置按钮并添加代码
- 从
库面板（按Ctrl + L打开）中，将startBtn拖到舞台的
