![Flash 8中文版动画制作从基础到实践](https://wfqqreader-1252317822.image.myqcloud.com/cover/783/687783/b_687783.jpg)
1.6 一个简单动画的制作——跳动的皮球
在本节中,我们将通过一个简单动画的制作,向读者展示使用Flash 8制作一个动画的过程,使读者对Flash动画制作有个直观的印象。
步骤1:打开Flash 8,并新建一个文档(若启动时自动建立,则不用操作),如图1-54所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0041_0002.jpg?sign=1739303366-YtJe29H8C1p5zgH33EtkdWsbeUUCgxDL-0-69c1f792f0aa07df2ecc394b4498da57)
图1-54 新建一个Flash文档
步骤2:在工具箱上单击【线条工具】按钮,在舞台上画一直线,并在【属性】面板上设置直线宽度为“3”,在动画中,它代表“地面”,如图1-55所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1739303366-pfquW6x3DDokCjNqCnWDUkQMBDUxAiD1-0-a6b59c8f6c099c68fa9f50cd991a977b)
图1-55 画一直线
步骤3:在【时间轴】面板的当前图层【图层1】上的第50帧处单击鼠标右键,在弹出的快捷菜单中选择【插入帧】命令,使关键帧延长,如图1-56所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0002.jpg?sign=1739303366-E94d1GLYSFrXwOziFoOBdxUupP0tayU4-0-7fc8b0c8a845bc248d8f4dbf6fdd1539)
图1-56 选择【插入帧】命令
步骤4:在【时间轴】面板上单击【插入图层】按钮,新增一图层,如图1-57所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0004.jpg?sign=1739303366-R8u7xVSIh2TRtFG54D4s95C2KtD4t8pP-0-2acee737e1071a22154630f9a5ed3c47)
图1-57 插入新图层
步骤5:在工具箱中单击【笔触颜色】按钮,在【颜色】对话框中单击无色按钮
,如图1-58所示。再单击【填充色】按钮
,设置颜色为“棕色”。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0008.jpg?sign=1739303366-tq6NANVtQDVAZOUZZy7yStKBOZU4B0lY-0-da2b48249b389bf178e328a1abe90165)
图1-58 设置笔触色和填充色
步骤6:在工具箱中单击【椭圆工具】按钮,在舞台上画一圆,即为 “圆球”。这时,【时间轴】面板的【图层2】上将变灰,如图1-59所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1739303366-7hkHpIY430Me4vKwdCQwS587ToULAutK-0-a0162b445a92f5d53b5d2b71e4f93432)
图1-59 在舞台上画一圆
步骤7:依次在【图层2】上的第10帧、第20帧、第30帧、第40帧和第50帧处单击鼠标右键,在弹出的快捷菜单中选择【转换为关键帧】命令,如图1-60所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0043_0002.jpg?sign=1739303366-JvuIoNZmhU6UiDD5gDSKezJspDxPBCC3-0-d3ecded80d5064385df89764efa79287)
图1-60 转换为关键帧
步骤8:在【图层2】上,选择第10帧,然后选择“圆球”,拖动“圆球”到底部的“地面”处。选择第20帧,将“圆球”向下拖动到距“地面”约1/2处。选择第30帧,再将“圆球”拖动到“地面”处。选择第40帧,将“圆球”向下拖动到距“地面”约1/4处。选择第50帧,再将“圆球”拖动到“地面”处。各关键帧“图球”的位置如图1-61所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0043_0003.jpg?sign=1739303366-LTHWtcCOuPP2PnUFUxU0mkVE7NakAdS3-0-186c18ab23e3f476f90c422618005a50)
图1-61 在各关键帧修改“圆球”位置
步骤9:在【图层2】上,依次在第1帧至第10帧之间、第10帧至第20帧之间、第20帧至第30帧之间、第30帧至第40帧之间和第40帧至第50帧之间单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】命令,这时帧颜色变为浅蓝,且出现箭头,如图1-62所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0044_0001.jpg?sign=1739303366-oyf756BrgEA5R6FnO5P8pVXQUsBkEQ5G-0-45b3e1c4cb7588c9177d414e792a1365)
图1-62 依次创建补间动画
步骤10:单击【保存】按钮,或选择【文件】→【保存】命令,将文件保存为“跳动的皮球”。然后按【Ctrl+Enter】组合键,或选择【控制】→【测试影片】命令,则可以看到动画效果,如图1-63所示。至此,一个简单的动画就完成了。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0044_0003.jpg?sign=1739303366-svhztl4KhY9qCt31vJkaKcfLbht0WsWs-0-042cf8e3f62d8d6ce8c3f5266db007b5)
图1-63 跳动的皮球