1.3 课堂案例

下面通过入门动画作品来说明Flash CS6基本的文件操作，以使大家对Flash CS6软件有一个感性的认识。

跳动的小球

1.3.1 跳动的小球

下面来制作一个简单的Flash动画，动画的效果是一个小球从画面的左侧跳动到右侧，最后又回到原始位置。动画效果如图1-19所示。

步骤提示

STEP 1 选择菜单命令【文件】/【新建】，弹出【新建文档】对话框。

STEP 2 选择“ActionScript 3.0”，单击按钮，进入文档编辑界面，也就是前面介绍的Flash CS6操作界面。

要点提示

在Flash CS6软件启动时，也会自动创建一个新的Flash文档，其默认的文件名为“未命名-1”。此后创建新文档时，系统将会自动顺序定义默认文件名为“未命名-2”和“未命名-3”等。

STEP 3 在【工具】面板中选择工具，并设置其绘制选项，如图1-20所示。从【颜色】面板中可以看出，这是一个放射状的红黑渐变色彩。

STEP 4 将鼠标光标移动到舞台上，此时光标变为“＋”状态；按下鼠标左键，然后拖动鼠标光标，在舞台左侧位置绘制出一个圆形。

STEP 5 从【工具】面板中选择工具，然后在圆形左上位置单击鼠标左键，则圆形被填充以高光的模样，具有圆球的形态了，如图1-21所示。

STEP 6 选择【工具】面板左上角的工具，在舞台上拖出一个选择框，将圆形全部选中（包括边框和中间的填充颜色），如图1-22所示。

要点提示

Flash将图形（包括圆形等）分割为边框和填充颜色，这样能够方便线条、色彩的编辑处理。如果只在圆形中单击一下鼠标左键，一般只能选中圆形的填充颜色。

STEP 7 在【动画预设】面板中展开【默认预设】文件夹，选择其中的【波形】效果，如图1-23所示。这时，面板中的预览窗口能够显示这种预设动画的效果。

STEP 8 单击按钮，会弹出一个提示对话框，如图1-24所示，说明要将图形转换为元件并创建一个补间动画。

STEP 9 单击按钮，则当前选中的动画效果被加载到舞台对象上，如图1-25所示。其中绿色的小点就是小球在每一帧的位置，它们连续起来就是一个波动的轨迹。

STEP 10 选择菜单命令【控制】/【测试影片】/【测试】，将会出现动画测试窗口，在其中可见小球会不停地从窗口左侧跳动到右侧，然后又跳回到左侧。

STEP 11 保存文档为“跳动的小球.fla”。

1.3.2 发布动画作品

下面继续使用前面制作的“跳动的小球”来说明如何发布一个文档。

步骤提示

STEP 1 选择菜单命令【文件】/【发布】，弹出【正在发布】的进度条。很快，完成文件发布。

STEP 2 打开“跳动的小球.fla”所在的文件夹，可以看到发布的动画和网页文件。

STEP 3 双击“跳动的小球.html”文件，就可以利用浏览器观看已发布的包含Flash动画的网页了，如图1-26所示。