第二节 Flash补间动画的制作.pptVIP

2007-1-8 第二节 Flash补间动画的制作 学习目标：1、掌握创建运动补间动画的方法，了解运动补间可以实现动画的特点，熟练创建运动补间动画的操作2、掌握创建引导层动画的方法，熟练创建引导层动画的操作3、掌握创建形状补间动画的方法，了解形状补间可以实现动画的特点，熟练创建形状补间动画的操作 一。 利用时间轴产生补间动画效果 制作步骤： 步骤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目录中，文件名为“闪烁”。 范例—“闪烁”总结：本例中通过在不同的关键帧中插入不同的图像，利用时间轴上帧的播放生成闪烁动画的效果。 二创建形状补间动画 1。 图形的变化 制作步骤： 步骤1 设置动画属性 步骤2 元件的绘制 1、方形的绘制：选中工具箱中的【矩形工具】，设置【笔触颜色】为无色 ，【填充颜色】为“绿色到黑色”的径向渐变颜色；然后，按下Shift键，在舞台上拖动鼠标到合适的位置，绘制出一个从绿色到黑色渐变的正方形；然后按F8键将图形保存为元件，名称为“方形”。 2、圆形的绘制：选中工具箱中的【椭圆工具】，设置【笔触颜色】为无色 ，【填充颜色】为“红色到黑色”的径向渐变颜色；然后，按下Shift键，在舞台上拖动鼠标到合适的位置，绘制出一个从红色到黑色渐变的小球；然后按F8键将图形保存为元件，名称为“圆形”。 步骤3 对帧的操作。 1、选中第1帧后，将元件--方形拖动到舞台的左侧；然后选择工具箱中的【选择工具】，单击选中方形，选择菜单的“修改\分离”命令或按快捷键Ctrl+B将方形打散，如图4-64所示，此时，方形被打散成为分散的点。 2、选中第60帧，单击右键在弹出的快捷菜单中选择插入“关键帧”命令，然后在60帧处，将元件—圆形拖动到舞台的右侧，然后选择工具箱中的【选择工具】，单击选中圆形，选择菜单“修改\分离”命令或按快捷键Ctrl+B将圆形打散，如图4-65所示，此时，圆形被打散成为分散的点。 步骤4 添加运动效果 选中第1帧，在窗口下方的帧面板中的【补间】中选择形状，即创建形状补间动画；此时，从第1帧到第60帧以浅绿色显示，中间有一个箭头指示，表示方形从第1帧运动到第60帧中变为圆形。 步骤5 测试动画 使用快捷组合键，Ctrl+Enter来测试动画。我们看到，一个绿黑色的方形在向右的运动中逐渐变为红黑色圆形。 步骤6 保存动画 选择菜单的“文件\保存”命令，保存在flash目录中，文件名为“方形变圆形” 。 本节小结 本章是全书的重点，主要讲述了创建逐帧动画、运动补间动画和形状补间动画三类动画的方法和步骤。其中，逐帧动画的创建一般通过插入连续图像和利用时间的变化轴来实现。运动补间动画可以实现位置、大小、颜色和透明度等的改变，还可以利用引导层来实现按指定