《第二节 Flash补间动画的制作》由会员分享，可在线阅读，更多相关《第二节 Flash补间动画的制作（17页珍藏版）》请在金锄头文库上搜索。
1、第二节 Flash补间动画的制作铁王中学 王东强2007-1-82007-1-81 1学习目标： 1、掌握创建运动补间动画的方法，了解运动 补间可以实现动画的特点，熟练创建运动补 间动画的操作 2、掌握创建引导层动画的方法，熟练创建引 导层动画的操作 3、掌握创建形状补间动画的方法，了解形状 补间可以实现动画的特点，熟练创建形状补 间动画的操作2007-1-82007-1-82 2一。 利用时间轴产生补间动画效果制作步骤：n 步骤1 设置动画属性n在新创建的Flash空白文档中，选择窗口下 方的文档“属性”面板后，选中后，就可 在尺寸的【宽】中输入动画的宽度为500px ；在尺寸的【高】中输入
2、动画的高度为 120px。选中【背景颜色】右边的颜色框， 选择背景的颜色为“粉色” 。2007-1-82007-1-83 3n步骤2 元件的导入n选择“文件导入导入外部库”命令,打开 “打开外部库”对话框，在文件的查找范 围中找到“素材库中第四章闪烁”文件 确认打开后，按组合键Ctrl+L打开库窗口 ，看到文件“闪烁”的库被打开，其中的 元件被导入。2007-1-82007-1-84 4n步骤2 元件的导入n选择“文件导入导入外部库”命令,打开 “打开外部库”对话框，在文件的查找范 围中找到“素材库中第四章闪烁”文件 确认打开后，按组合键Ctrl+L打开库窗口 ，看到文件“闪烁”的库被打开，其
3、中的 元件被导入。2007-1-82007-1-85 5n步骤3 关键帧中的图像n1、选中图层1的第1帧，将导入的外部库中的元件 圆形到舞台上，并复制多个元件，相应地改变 大小和位置，；然后选用工具箱中的文本工具,在 随后在窗口下方出现的文本“属性”面板中，设 置文本格式为隶书，字号为80，颜色为深蓝色， 字符间距为10；把光标定位在舞台上，在文本框 中输入“欢迎来到”，如图4-11所示。2007-1-82007-1-86 6图4-11 文本的输入欢迎来到 2007-1-82007-1-87 7n2、选中图层的第15帧，按F6快捷键插入关键帧； 选中第15帧，将导入的外部库中的元件白色椭 圆边
4、框拖动到舞台上，使用工具箱中的【任意变 形工具】调整椭圆边框的大小和舞台的边框重合 ；双击文本框“欢迎到来”，进入文本的编辑状 态，改变文本为“电脑乐园” ；选中工具箱中的 【矩形工具】，设置【笔触颜色】为无色 ，【 填充颜色】为七彩渐变色，然后拖动出一个和舞 台大小相同的矩形，如图4-14所示。2007-1-82007-1-88 8图4-14 矩形的添加 2007-1-82007-1-89 93、选中图层的第30帧，按F6快捷键插入关键 帧，如图4-15所示。图4-15 关键帧的插入2007-1-82007-1-81010步骤4 测试动画选择组合键Ctrl+Enter来测试动画，可看到文本
5、、白色椭圆边框和七彩矩形每隔一秒钟左右交替 出现，呈现闪烁效果。步骤5 保存动画选择菜单的“文件保存”命令，保存在flash目 录中，文件名为“闪烁”。范例“闪烁”总结：本例中通过在不同的关键 帧中插入不同的图像，利用时间轴上帧的播放生 成闪烁动画的效果。2007-1-82007-1-81111二创建形状补间动画n1。 图形的变化 n制作步骤：n步骤1 设置动画属性n步骤2 元件的绘制n1、方形的绘制：选中工具箱中的【矩形工具】， 设置【笔触颜色】为无色 ，【填充颜色】为“ 绿色到黑色”的径向渐变颜色；然后，按下Shift 键，在舞台上拖动鼠标到合适的位置，绘制出一 个从绿色到黑色渐变的正方形
6、；然后按F8键将图 形保存为元件，名称为“方形”。2007-1-82007-1-812122、圆形的绘制：选中工具箱中的【椭圆 工具】，设置【笔触颜色】为无色 ， 【填充颜色】为“红色到黑色”的径向 渐变颜色；然后，按下Shift键，在舞 台上拖动鼠标到合适的位置，绘制出一 个从红色到黑色渐变的小球；然后按F8 键将图形保存为元件，名称为“圆形” 。2007-1-82007-1-81313n步骤3 对帧的操作。n1、选中第1帧后，将元件-方形拖动到舞台的左侧；然 后选择工具箱中的【选择工具】，单击选中方形，选择 菜单的“修改分离”命令或按快捷键Ctrl+B将方形打散 ，如图4-64所示，此时，
7、方形被打散成为分散的点。2007-1-82007-1-81414n2、选中第60帧，单击右键在弹出的快捷菜单中选择插入 “关键帧”命令，然后在60帧处，将元件圆形拖动到 舞台的右侧，然后选择工具箱中的【选择工具】，单击 选中圆形，选择菜单“修改分离”命令或按快捷键 Ctrl+B将圆形打散，如图4-65所示，此时，圆形被打散 成为分散的点。2007-1-82007-1-81515n 步骤4 添加运动效果n选中第1帧，在窗口下方的帧面板中的【补间】中 选择形状，即创建形状补间动画；此时，从第1帧 到第60帧以浅绿色显示，中间有一个箭头指示，表 示方形从第1帧运动到第60帧中变为圆形。n步骤5 测试
8、动画n使用快捷组合键，Ctrl+Enter来测试动画。我们看 到，一个绿黑色的方形在向右的运动中逐渐变为红 黑色圆形。n步骤6 保存动画n选择菜单的“文件保存”命令，保存在flash目录 中，文件名为“方形变圆形” 。2007-1-82007-1-81616n 本节小结n本章是全书的重点，主要讲述了创建逐帧动画、运动 补间动画和形状补间动画三类动画的方法和步骤。其 中，逐帧动画的创建一般通过插入连续图像和利用时 间的变化轴来实现。运动补间动画可以实现位置、大 小、颜色和透明度等的改变，还可以利用引导层来实 现按指定轨迹运动的动画。形状补间动画除了可实现 位置、大小、颜色和透明度的改变，还可实现形状的 改变，需要注意的是需要将要变形的对象打散后方可 。结束2007-1-82007-1-81717
