![Flash CS3动画制作融会贯通](https://wfqqreader-1252317822.image.myqcloud.com/cover/787/687787/b_687787.jpg)
1.3 应用实例——制作第一个Flash动画
本实例将制作一个简单的小球弹跳动画,通过动画的制作练习Flash CS3中的一些基本操作,制作完成的效果如图1-18所示(CD:\效果\第1章\小球弹跳.fla)。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0020_0004.jpg?sign=1739621735-ndG90aJeRDL5H6EC582pp2fa7zDrf4cJ-0-6a42ada13eec65f2fd7b2a821a07b74b)
◆ 图1-18
本实例制作的动画效果非常简单,并提前使用了一些制作Flash动画的基本操作,如果读者有什么不明白的地方,可以查看本书相关章节
其具体操作步骤如下。
STEP 01. 启动程序。选择“开始/所有程序/Adobe Design Premium CS3/Adobe Flash CS3 Professional”命令。
STEP 02. 选择选项。进入欢迎界面,在“新建”栏中选择“Flash文件(ActionScript 3.0)”选项,如图1-19所示。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0021_0005.jpg?sign=1739621735-RbfOLlz2ffPFmJYUoohb9hZXzzm3uctE-0-64391c17b2724d468883f2cfdc6c84c2)
◆ 图1-19
STEP 03. 选择工具。进入工作界面,在“工具”面板中单击“矩形工具”并按住鼠标左键不放,在弹出的下拉列表中选择“椭圆工具”
,如图1-20所示。此时原来“矩形工具”
的位置将显示“椭圆工具”
。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0021_0006.jpg?sign=1739621735-CZ6Q7reIxmRTEO2ucZ9DyeuQAfTbTt7G-0-127655f58660aa62dccb8a3d5ce27de5)
◆ 图1-20
STEP 04. 设置颜色。在“属性”面板中单击“填充颜色”按钮,打开颜色选择器,在其中选择最下排第3个颜色选项,如图1-21所示。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0021_0008.jpg?sign=1739621735-IkYNt0bFkYtey8LDr4ylzqohfjxYoA0A-0-6d021c8e709598a70985459f3a718bf2)
◆ 图1-21
STEP 05. 绘制小球。移动鼠标光标到场景中,按住鼠标左键不放进行拖动,到合适大小时松开鼠标左键,绘制一个如图1-22所示的圆作为小球。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0021_0009.jpg?sign=1739621735-YT5JCyhRcAq1OiF2De3Q6do1v94IOdOZ-0-4027468eadcce91453a12717f370e8e9)
◆ 图1-22
STEP 06. 插入关键帧。在时间轴中的数字“10”下的白色区域单击鼠标右键,在弹出的快捷菜单中选择“插入关键帧”命令,如图1-23所示,在第10帧插入关键帧。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0022_0001.jpg?sign=1739621735-veJcM4uZPZQhtNDymplmIO1Tvo4osFx5-0-1ec73fb32ca6ecc1000e225d63bd7607)
◆ 图1-23
STEP 07. 移动小球。在“工具”面板中选择“选择工具”,移动鼠标光标到小球位置上,鼠标光标变为
形状,按住鼠标左键不放拖动小球,移动小球到场景下方,如图1-24所示。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0022_0002.jpg?sign=1739621735-kXQRAaNg4yCIHSL2T4Pc1qnU35dbnS7W-0-6f54121cf8f20c9f11352b6d5c216e0a)
◆ 图1-24
STEP 08. 插入关键帧。在时间轴的第20帧插入关键帧,移动小球到图1-25所示的位置。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0022_0003.jpg?sign=1739621735-syqucTj3vuX13xaLYFtM292E08ZP1zsi-0-3db0c6f6181b639420a9fa5a15943d56)
◆ 图1-25
STEP 09. 创建补间动画。在时间轴中的第1~10帧之间的任意一帧上单击鼠标右键,在弹出的快捷菜单中选择“创建补间动画”命令,如图1-26所示,创建第1~10帧间的动画补间动画。用同样的方法在第10~20帧间创建动画补间动画。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0022_0004.jpg?sign=1739621735-mEAQoq3iRIHS9WwT2rJbFcilqlyPV530-0-8bc0f2adf4afb849764376782b8a641a)
◆ 图1-26
STEP 10. 播放动画。按【Enter】键播放动画,可看到刚刚制作的动画效果,如图1-27所示,此时时间轴中有一条播放线(即播放头),显示出播放进度。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0022_0006.jpg?sign=1739621735-409f1dqcLc2fSd5hZxDMu1jqEF8xH7qm-0-12c2ce896b6277e3eefaa3d91eff9aa5)
◆ 图1-27
STEP 11. 保存动画。按【Ctrl+S】组合键打开“另存为”对话框,在下方的“文件名”文本框中输入“小球弹跳”,单击按钮,如图1-28所示。
![](https://epubservercos.yuewen.com/902914/3590498004433501/epubprivate/OEBPS/Images/figure_0022_0007.jpg?sign=1739621735-3qRT1gfBkT5Dn1SKjo4tWUdD7BCEafDi-0-62888edd4045654536d42dcbbe2ed4e8)
◆ 图1-28
STEP 12. 测试动画效果。按【Ctrl+Enter】组合键测试动画,在打开的窗口中可看到动画的播放效果,如图1-18所示。