
1.6 一个简单动画的制作——跳动的皮球
在本节中,我们将通过一个简单动画的制作,向读者展示使用Flash 8制作一个动画的过程,使读者对Flash动画制作有个直观的印象。
步骤1:打开Flash 8,并新建一个文档(若启动时自动建立,则不用操作),如图1-54所示。

图1-54 新建一个Flash文档
步骤2:在工具箱上单击【线条工具】按钮,在舞台上画一直线,并在【属性】面板上设置直线宽度为“3”,在动画中,它代表“地面”,如图1-55所示。

图1-55 画一直线
步骤3:在【时间轴】面板的当前图层【图层1】上的第50帧处单击鼠标右键,在弹出的快捷菜单中选择【插入帧】命令,使关键帧延长,如图1-56所示。

图1-56 选择【插入帧】命令
步骤4:在【时间轴】面板上单击【插入图层】按钮,新增一图层,如图1-57所示。

图1-57 插入新图层
步骤5:在工具箱中单击【笔触颜色】按钮,在【颜色】对话框中单击无色按钮
,如图1-58所示。再单击【填充色】按钮
,设置颜色为“棕色”。

图1-58 设置笔触色和填充色
步骤6:在工具箱中单击【椭圆工具】按钮,在舞台上画一圆,即为 “圆球”。这时,【时间轴】面板的【图层2】上将变灰,如图1-59所示。

图1-59 在舞台上画一圆
步骤7:依次在【图层2】上的第10帧、第20帧、第30帧、第40帧和第50帧处单击鼠标右键,在弹出的快捷菜单中选择【转换为关键帧】命令,如图1-60所示。

图1-60 转换为关键帧
步骤8:在【图层2】上,选择第10帧,然后选择“圆球”,拖动“圆球”到底部的“地面”处。选择第20帧,将“圆球”向下拖动到距“地面”约1/2处。选择第30帧,再将“圆球”拖动到“地面”处。选择第40帧,将“圆球”向下拖动到距“地面”约1/4处。选择第50帧,再将“圆球”拖动到“地面”处。各关键帧“图球”的位置如图1-61所示。

图1-61 在各关键帧修改“圆球”位置
步骤9:在【图层2】上,依次在第1帧至第10帧之间、第10帧至第20帧之间、第20帧至第30帧之间、第30帧至第40帧之间和第40帧至第50帧之间单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】命令,这时帧颜色变为浅蓝,且出现箭头,如图1-62所示。

图1-62 依次创建补间动画
步骤10:单击【保存】按钮,或选择【文件】→【保存】命令,将文件保存为“跳动的皮球”。然后按【Ctrl+Enter】组合键,或选择【控制】→【测试影片】命令,则可以看到动画效果,如图1-63所示。至此,一个简单的动画就完成了。

图1-63 跳动的皮球