![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=1739300047-Mq2eUPAvjiNaZOBgkQ0gXV3Glth522KG-0-efbf0e57f2426ffe94d982144344f136)
图1-54 新建一个Flash文档
步骤2:在工具箱上单击【线条工具】按钮,在舞台上画一直线,并在【属性】面板上设置直线宽度为“3”,在动画中,它代表“地面”,如图1-55所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1739300047-K6PyUZELkUM0rix2oCsWPPoJLq8cH5ey-0-79a2a8510f531b29bb759d5f53836910)
图1-55 画一直线
步骤3:在【时间轴】面板的当前图层【图层1】上的第50帧处单击鼠标右键,在弹出的快捷菜单中选择【插入帧】命令,使关键帧延长,如图1-56所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0002.jpg?sign=1739300047-wVjgEi66ISbMI9jk6HSQNJXamZiYV3fo-0-c52344aabc7fbe017c2383687a706a5e)
图1-56 选择【插入帧】命令
步骤4:在【时间轴】面板上单击【插入图层】按钮,新增一图层,如图1-57所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0004.jpg?sign=1739300047-0mZlajSxffBlogbkdjleWgQApEos7sgr-0-3225a816736301bea41b7f781fe63b71)
图1-57 插入新图层
步骤5:在工具箱中单击【笔触颜色】按钮,在【颜色】对话框中单击无色按钮
,如图1-58所示。再单击【填充色】按钮
,设置颜色为“棕色”。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0008.jpg?sign=1739300047-0rNR8lzFC9IIJilozvUlOwfQbH051t0P-0-664940c37352f4ea4a5738ff2d2985a4)
图1-58 设置笔触色和填充色
步骤6:在工具箱中单击【椭圆工具】按钮,在舞台上画一圆,即为 “圆球”。这时,【时间轴】面板的【图层2】上将变灰,如图1-59所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1739300047-VwF9shvEsXbLTxjxLiX40jLNurjKXbkR-0-76c224d0881bc940b7b24a55f2fa1f70)
图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=1739300047-ClYZOOQFnm8F0wuLXO3UcoRrCd3ARggZ-0-87a6be9c9c15a7b18ce1ff026ffd7e83)
图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=1739300047-VPPCxbOuybDKUpxS4ZLLDfmtM4QdnQhi-0-3591a336bba090824dd59a9ab5ffc202)
图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=1739300047-6iuSNXWub54pdmqozOgH1v49gChkYDzp-0-6ae72949295fb29f6a9d3a9044e94bac)
图1-62 依次创建补间动画
步骤10:单击【保存】按钮,或选择【文件】→【保存】命令,将文件保存为“跳动的皮球”。然后按【Ctrl+Enter】组合键,或选择【控制】→【测试影片】命令,则可以看到动画效果,如图1-63所示。至此,一个简单的动画就完成了。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0044_0003.jpg?sign=1739300047-IrZu1LVqWTIHkk9Yl7NsMWQr5qqubQIq-0-9eeb52788997db68167daa0752ef68cc)
图1-63 跳动的皮球