Flash动画简明教程 汪启荣 第4章新.ppt

2007-1-8 第4章 创建动画 学习目标：1、掌握创建逐帧动画的方法，熟练通过插入连续的图像来实现动画和利用时间轴产生动画的操作2、掌握创建运动补间动画的方法，了解运动补间可以实现动画的特点，熟练创建运动补间动画的操作3、掌握创建引导层动画的方法，熟练创建引导层动画的操作4、掌握创建形状补间动画的方法，了解形状补间可以实现动画的特点，熟练创建形状补间动画的操作 4.1 创建逐帧动画4.2 创建运动补间动画4.3 创建形状补间动画4.4 多图层动画的创建—环绕光环的制作  4.5 综合范例—雨滴的效果 4.1.1 通过插入一组连续的图像来实现动画 制作步骤： 步骤1 设置动画属性 1、在桌面上选择快捷方式图标，启动Flash MX 2004,在运行窗口中选择创建新项目中的Flash文档选项，创建一个新的动画。 2、选择新动画窗口下方的文档“属性”面板，打开面板, 就可在尺寸的【宽】中输入动画的宽度为500px；在尺寸的【高】中输入动画的高度为300px。选中【背景颜色】右边的颜色框，选择背景的颜色为“浅黄色”。 步骤2 在关键帧中导入连续的图像 选择菜单的“文件\导入\导入到舞台”命令, 如图4-2所示；打开“打开外部库”对话框，在文件的查找范围中找到“素材库中\第四章\奔马图像\1”文件，然后单击“打开”，完成从外部文件中的元件导入；此时，会有对话询问框“此文件看起来是图像序列的组成部分。是否导入序列中所有图像？”，单击按钮即可，完成连续图像序列的导入。 步骤3 关键帧中连续的图像 此时，在图层1中，从第1帧到第7帧都成为了关键帧，即7幅连续的奔马图像序列被导入到7个关键帧中 。 步骤4 测试动画 选择快捷组合键，Ctrl+Enter来测试动画，可看到“奔马”效果。 步骤5 保存动画 选择菜单的“文件\保存”命令，保存在flash目录中，文件名为“奔马”。 范例—“奔马”总结：本例中通过将七张连续的图像导入到七个连续的关键帧中，播放后产生动画效果。 4.1.2 利用时间轴产生动画效果 制作步骤： 步骤1 设置动画属性 在新创建的Flash空白文档中，选择窗口下方的文档“属性”面板后，选中后，就可在尺寸的【宽】中输入动画的宽度为500px；在尺寸的【高】中输入动画的高度为120px。选中【背景颜色】右边的颜色框，选择背景的颜色为“粉色” 。 步骤2 元件的导入 选择“文件\导入\导入外部库”命令,打开“打开外部库”对话框，在文件的查找范围中找到“素材库中\第四章\闪烁”文件确认打开后，按组合键Ctrl+L打开库窗口，看到文件“闪烁”的库被打开，其中的元件被导入。 步骤2 元件的导入 选择“文件\导入\导入外部库”命令,打开“打开外部库”对话框，在文件的查找范围中找到“素材库中\第四章\闪烁”文件确认打开后，按组合键Ctrl+L打开库窗口，看到文件“闪烁”的库被打开，其中的元件被导入。 步骤3 关键帧中的图像 1、选中图层1的第1帧，将导入的外部库中的元件—圆形到舞台上，并复制多个元件，相应地改变大小和位置，；然后选用工具箱中的文本工具,在随后在窗口下方出现的文本“属性”面板中，设置文本格式为隶书，字号为80，颜色为深蓝色，字符间距为10；把光标定位在舞台上，在文本框中输入“欢迎来到”，如图4-11所示。 2、选中图层的第15帧，按F6快捷键插入关键帧；选中第15帧，将导入的外部库中的元件—白色椭圆边框拖动到舞台上，使用工具箱中的【任意变形工具】调整椭圆边框的大小和舞台的边框重合；双击文本框“欢迎到来”，进入文本的编辑状态，改变文本为“电脑乐园” ；选中工具箱中的【矩形工具】，设置【笔触颜色】为无色 ，【填充颜色】为七彩渐变色，然后拖动出一个和舞台大小相同的矩形，如图4-14所示。 3、选中图层的第30帧，按F6快捷键插入关键帧，如图4-15所示。 步骤4 测试动画 选择组合键Ctrl+Enter来测试动画，可看到文本、白色椭圆边框和七彩矩形每隔一秒钟左右交替出现，呈现闪烁效果。 步骤5 保存动画 选择菜单的“文件\保存”命令，保存在flash目录中，文件名为“闪烁”。 范例—“闪烁”总结：本例中通过在不同的关键帧中插入不同的图像，利用时间轴上帧的播放生成闪烁动画的效果。 4.2 创建运动补间动画 4.2.1 自由落体的小球 制作步骤： 步骤1 设置动画属性 在新创建的Flash空白文档中，选择窗口下方的文档“属性”面板后，选中后，就可在尺寸的【宽】中输入动画的宽度为400px；在尺寸的【高】中输入动画的高度为300px。选中【背景颜色】右边的颜色框，选择背景的颜色为“浅蓝色” 。 步骤2