![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=1739280527-kVjBFDypDHLPPBM5HlUmd8d3PYzVgKre-0-9ce07d838e581c50001912efb8b3ac06)
图1-54 新建一个Flash文档
步骤2:在工具箱上单击【线条工具】按钮,在舞台上画一直线,并在【属性】面板上设置直线宽度为“3”,在动画中,它代表“地面”,如图1-55所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1739280527-df5QFKrtYChanYYXeyYUEdprAu1oBLcP-0-3f4ce3deed5d6b4b98449b19c6e19165)
图1-55 画一直线
步骤3:在【时间轴】面板的当前图层【图层1】上的第50帧处单击鼠标右键,在弹出的快捷菜单中选择【插入帧】命令,使关键帧延长,如图1-56所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0002.jpg?sign=1739280527-CnlJdClCHUBSunB1J81u10cSNvxJc9OJ-0-3340eb74f551dcecd4ab81a986d46c72)
图1-56 选择【插入帧】命令
步骤4:在【时间轴】面板上单击【插入图层】按钮,新增一图层,如图1-57所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0004.jpg?sign=1739280527-QUOV0haZEGKrhMTY0i24LPIOnExjtfx6-0-e4abda85ad1ad9c28c211e6ee8e6bf88)
图1-57 插入新图层
步骤5:在工具箱中单击【笔触颜色】按钮,在【颜色】对话框中单击无色按钮
,如图1-58所示。再单击【填充色】按钮
,设置颜色为“棕色”。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0042_0008.jpg?sign=1739280527-FkkTfJkP2ffieN70mMEXfdh1Hyz7oLl2-0-91d25afb9747d16c7743a7b5a1454f97)
图1-58 设置笔触色和填充色
步骤6:在工具箱中单击【椭圆工具】按钮,在舞台上画一圆,即为 “圆球”。这时,【时间轴】面板的【图层2】上将变灰,如图1-59所示。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1739280527-BaSV51wPLjOB1jG4hudoNswB7A958nXy-0-da8f8b258b19e1f4c8b49e5c4bd66e80)
图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=1739280527-xLfg7dsbKglKfxyZPJ1HUIl9344k6UbO-0-4ae69cb3994d88f735d7ae0b65e394af)
图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=1739280527-qWSwZsljdxIG1fp1thD06k3UFnZ7Ezfl-0-54ffb69c6b874eb2dfd09c3160491fe6)
图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=1739280527-zDUyY1ie6TFxbGT6NAFcSwT2O54v06K9-0-2a6603d0893d3255780b659cd42b20d2)
图1-62 依次创建补间动画
步骤10:单击【保存】按钮,或选择【文件】→【保存】命令,将文件保存为“跳动的皮球”。然后按【Ctrl+Enter】组合键,或选择【控制】→【测试影片】命令,则可以看到动画效果,如图1-63所示。至此,一个简单的动画就完成了。
![](https://epubservercos.yuewen.com/22EC50/3590497904432501/epubprivate/OEBPS/Images/figure_0044_0003.jpg?sign=1739280527-nlcCoIx8yiLs9Ycv2bT7kHeyzWvVLkuI-0-5d2bb49ff119a20168722ed6fb7ab011)
图1-63 跳动的皮球