第二节 Flash补间动画的制作

铁王中学

王东强

2007-1-8

学习目标： 1、掌握创建运动补间动画的方法，了解运动 补间可以实现动画的特点，熟练创建运动补 间动画的操作 2、掌握创建引导层动画的方法，熟练创建引 导层动画的操作 3、掌握创建形状补间动画的方法，了解形状 补间可以实现动画的特点，熟练创建形状补 间动画的操作2007-1-8 2

一。 利用时间轴产生补间动画效果制作步骤：

步骤1 设置动画属性 在新创建的Flash空白文档中，选择窗口下 方的文档“属性”面板后，选中后，就可 在尺寸的【宽】中输入动画的宽度为500px; 在尺寸的【高】中输入动画的高度为120px。 选中【背景颜色】右边的颜色框，选择背 景的颜色为“粉色” 。3

2007-1-8

步骤2 元件的导入 选择“文件\导入\导入外部库”命令,打开 “打开外部库”对话框，在文件的查找范 围中找到“素材库中\第四章\闪烁”文件 确认打开后，按组合键Ctrl+L打开库窗口， 看到文件“闪烁”的库被打开，其中的元 件被导入。

2007-1-8

步骤2 元件的导入 选择“文件\导入\导入外部库”命令,打开 “打开外部库”对话框，在文件的查找范 围中找到“素材库中\第四章\闪烁”文件 确认打开后，按组合键Ctrl+L打开库窗口， 看到文件“闪烁”的库被打开，其中的元 件被导入。

2007-1-8

步骤3 关键帧中的图像 1、选中图层1的第1帧，将导入的外部库中的元 件—圆形到舞台上，并复制多个元件，相应地改 变大小和位置，;然后选用工具箱中的文本工具, 在随后在窗口下方出现的文本“属性”面板中， 设置文本格式为隶书，字号为80,颜色为深蓝色， 字符间距为10;把光标定位在舞台上，在文本框 中输入“欢迎来到”,如图4-11所示。

2007-1-8

图4-11 文本的输入—欢迎来到

2007-1-8

2、选中图层的第15帧，按F6快捷键插入关键帧； 选中第15帧，将导入的外部库中的元件—白色椭 圆边框拖动到舞台上，使用工具箱中的【任意变 形工具】调整椭圆边框的大小和舞台的边框重合； 双击文本框“欢迎到来”,进入文本的编辑状态， 改变文本为“电脑乐园” ;选中工具箱中的【矩 形工具】,设置【笔触颜色】为无色 ，【填充 颜色】为七彩渐变色，然后拖动出一个和舞台大 小相同的矩形，如图4-14所示。

2007-1-8

图4-14 矩形的添加

2007-1-8

3、选中图层的第30帧，按F6快捷键插入关键 帧，如图4-15所示。

图4-15 关键帧的插入2007-1-8 10

步骤4 测试动画 选择组合键Ctrl+Enter来测试动画，可看到文本、 白色椭圆边框和七彩矩形每隔一秒钟左右交替出 现，呈现

闪烁效果。 步骤5 保存动画 选择菜单的“文件\保存”命令，保存在flash目 录中，文件名为“闪烁”。 范例—“闪烁”总结：本例中通过在不同的关键帧 中插入不同的图像，利用时间轴上帧的播放生成 闪烁动画的效果。2007-1-8 11

二创建形状补间动画

1。 图形的变化 制作步骤： 步骤1 设置动画属性 步骤2 元件的绘制 1、方形的绘制：选中工具箱中的【矩形工具】, 设置【笔触颜色】为无色 ，【填充颜色】为 “绿色到黑色”的径向渐变颜色；然后，按下 Shift键，在舞台上拖动鼠标到合适的位置，绘制 出一个从绿色到黑色渐变的正方形；然后按F8键 将图形保存为元件，名称为“方形”。12

2007-1-8

2、圆形的绘制：选中工具箱中的【椭圆 工具】,设置【笔触颜色】为无色 ， 【填充颜色】为“红色到黑色”的径向 渐变颜色；然后，按下Shift键，在舞 台上拖动鼠标到合适的位置，绘制出一 个从红色到黑色渐变的小球；然后按F8 键将图形保存为元件，名称为“圆形”。

2007-1-8

步骤3 对帧的操作。 1、选中第1帧后，将元件--方形拖动到舞台的左侧；然 后选择工具箱中的【选择工具】,单击选中方形，选择 菜单的“修改\分离”命令或按快捷键Ctrl+B将方形打散， 如图4-64所示，此时，方形被打散成为分散的点。

2007-1-8

2、选中第60帧，单击右键在弹出的快捷菜单中选择插入 “关键帧”命令，然后在60帧处，将元件—圆形拖动到 舞台的右侧，然后选择工具箱中的【选择工具】,单击 选 中 圆 形， 选 择 菜单 “ 修 改 \分 离 ” 命令 或 按快捷 键 Ctrl+B将圆形打散，如图4-65所示，此时，圆形被打散 成为分散的点。

2007-1-8

步骤4 添加运动效果 选中第1帧，在窗口下方的帧面板中的【补间】中 选择形状，即创建形状补间动画；此时，从第1帧 到第60帧以浅绿色显示，中间有一个箭头指示，表 示方形从第1帧运动到第60帧中变为圆形。 步骤5 测试动画 使用快捷组合键，Ctrl+Enter来测试动画。我们看 到，一个绿黑色的方形在向右的运动中逐渐变为红 黑色圆形。 步骤6 保存动画 选择菜单的“文件\保存”命令，保存在flash目录 中，文件名为“方形变圆形” 。16

2007-1-8

本节小结

本章是全书的重点，主要讲述了创建逐帧动画、运动 补间动画和形状补间动画三类动画的方法和步骤。其 中，逐帧动画的创建一般通过插入连续图像和利用时 间的变化轴来实现。运动补间动画可以实现位置、大 小、颜色和透明度等的改变 …… 此处隐藏：330字，全部文档内容请下载后查看。喜欢就下载吧 ……