![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=1739283639-snOaVGnGd74DpLmZaSUxlLRyO3w7g8il-0-6c2d5fec425265a0814f1b4dd00a89c9)
图1-54 新建一个Flash文档
步骤2:在工具箱上单击【线条工具】按钮,在舞台上画一直线,并在【属性】面板上设置直线宽度为“3”,在动画中,它代表“地面”,如图1-55所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1739283639-ZqvrBuowl51jVc1ZcraOaTPEoZyF8Qpt-0-e73481b7843e34cc9cd936310c09ceea)
图1-55 画一直线
步骤3:在【时间轴】面板的当前图层【图层1】上的第50帧处单击鼠标右键,在弹出的快捷菜单中选择【插入帧】命令,使关键帧延长,如图1-56所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0002.jpg?sign=1739283639-HVbwsrOm21OZovTPfilyXOlRtbkYECY7-0-eac9fc8fc2560c06261fea3445c5cc59)
图1-56 选择【插入帧】命令
步骤4:在【时间轴】面板上单击【插入图层】按钮,新增一图层,如图1-57所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0004.jpg?sign=1739283639-ehnbusm9qbyDTFEESKvHhZtrNjywW16R-0-67fa6581c5c230639b24f8e6b687036b)
图1-57 插入新图层
步骤5:在工具箱中单击【笔触颜色】按钮,在【颜色】对话框中单击无色按钮
,如图1-58所示。再单击【填充色】按钮
,设置颜色为“棕色”。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0008.jpg?sign=1739283639-IsN2LyI27YrfXFedDkPXHTYaRxZ7xklx-0-53596edf2bba811765d2f22e91f2fb85)
图1-58 设置笔触色和填充色
步骤6:在工具箱中单击【椭圆工具】按钮,在舞台上画一圆,即为 “圆球”。这时,【时间轴】面板的【图层2】上将变灰,如图1-59所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1739283639-46o0RSF6OUDmluEwfpklXdDRwzOVklq1-0-952e1eedd01c18cec0c9fb82c9655be4)
图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=1739283639-Bj1rxuXfg66hdOnuJV0N24X1C2NIzz0q-0-d56ceba8c443915832f42460e4f2d4fc)
图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=1739283639-BGzEp8a77SXG0EYbQyQT8UwuPpD8x0UE-0-0aa60a8e53630520624bfc949a600b72)
图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=1739283639-XhxJFSWfvCQ5KbfRCXXHaNJY3v9Cj2Ry-0-c8cec448ede17ed72c88a5840265db5d)
图1-62 依次创建补间动画
步骤10:单击【保存】按钮,或选择【文件】→【保存】命令,将文件保存为“跳动的皮球”。然后按【Ctrl+Enter】组合键,或选择【控制】→【测试影片】命令,则可以看到动画效果,如图1-63所示。至此,一个简单的动画就完成了。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0044_0003.jpg?sign=1739283639-gPLr6sI0B6LatT6VVWYyZMp5OCbSbbuY-0-ba3d86975fbcbc50dfdeea2ecaffbe25)
图1-63 跳动的皮球