制作补间动画-信息技术教学课件

1、活动4 制作补间动画教学目标1、进一步掌握关键帧和一般帧的使用。2、掌握形状补间动画和动作补间动画的概念及制作过程。3、能够正确区分形状补间动画和动作补间动画的异同。4、初步具备制作创意动画和多图层动画的能力。5、掌握属性面板中补间选项的设置。教学重点1、形状补间动画和动作补间动画的制作过程。 2、属性面板中补间选项的设置。教学难点 形状补间动画和动作补间动画的制作过程。 制作补间动画一、制作形状补间动画1、形状补间动画概念2、如何制作形状补间动画2.1、图形变形2.2、文字变形二、制作动作补间动画1、动作补间动画概念2、 动作补间动画的特点 3、 动作补间动画制作方法一、制作形状补间动画1、

2、什么是形状补间动画 “形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图形变形成为另一个矢量图形的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对文字和字符等组、实例应用形状补间，则必须首先将这些元素进行“分离” ，其中，单个字符或汉字只需要“分离”一次，如果是一组字符或汉字，则需要“分离”两次，才能彻底分离成图形。位图图像应用形状补间动画需要先将位图转换为矢量图，才能生成正确的形状补间动画。由此，形状补间动画可简单分为图形变形和文字变形。返回2、如何制作形状补

3、间动画2.1、图形变形制作方法在时间轴面板上动画开始播放的位置创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化淡绿色背景和箭头，一个形状补间动画即创建完成。如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。实例制作帽子变鞋子动画新建一个动画文件，以“帽子变鞋子”为名保存。单击第1帧，选择椭圆工具，再设置笔触颜色为无色，填充色为红色。拖动鼠标画出两个圆，用任意变形工具，调整大小和宽高

4、（鼠标在操作点上，双向箭头调整大小，四向箭头移动）。椭圆工具笔触颜色填充色用选择工具移动，调整两圆到适合的位置。在第30帧处插入关键帧，与前面相同的方法，在舞台上画出鞋子。任意变形工具单击第1帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状” ，最后执行控制播放或按回车键播放。（如下视频）动手实践 同学们自己动手完成书上49页制作“三角形变矩形”动画。返回2.2、文字变形制作方法文字和字符与一般的图形不同，它们在Flash中处于文字状态时，是一个组合的对象，不能直接用来制作成变形动画，必须先把它们“分离”，分离成图形后，才能生成变形动画。操作方式是：选定文字和 字符后，执

5、行“修改分离”命令或者敲Ctrl +B 键进行分离。其中，单个字符或汉字只需要“分离” 一次，就可以分离成图形，如果是一组字符或汉字，则需要分离两次，才能彻底分离成图形。实例制作老师 我爱您变形动画新建一个Flash文档，在第5帧插入关键帧，选择文本工具输入“老师”，设置字号为96、字体为华文琥珀、颜色为绿色，然后在第15帧插入关键帧。在第40帧插入关键帧，把文字修改为“我爱您”，并在第55帧插入空白关键帧。选定第15帧，执行两次“修改分离”命令，把第15帧中的文字打散。类似的操作，把第40帧中的文字也分离成图形。生成形状补间动画，然后播放动画效果。（如下视频）动手实践同学们自己动手制作“32

6、1”和“ABC”变形动画。返回二、制作动作补间动画1、什么是动作补间动画动作补间动画是在两个关键帧上分别定义不同的属性，如对象的大小、位置、角度等，然后在两个关键帧之间建立一种运动渐变关系，这就是制作动作补间动画的过程。2、 动作补间动画的特点 （1）不需要手工创建每个帧的内容，只需要创建两个关键帧的内容，两个关键帧之间的所有动画都由Flash自动计算创建，制作更加简便。（2）补间动画除两个关键帧由手工控制外，中间的帧都由Flash自动生成，因此渐变过程更为连贯。（3）文件小，是一种应用较多的动画制作方式。返回3、 动作补间动画制作方法（1）在动画的起始帧处插入关键帧，并在舞台上编辑起始帧中的

7、内容。 （2）在动画的结束帧处插入关键帧，并在舞台上选择起始帧的内容改变相关的属性，如大小、位置、颜色等。（3）选择起始帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，或在【属性】面板的【补间】下拉列表框中选择【动作】选项。实例制作球出现消失动画新建一个Flash文档，选择椭圆工具，设置笔触颜色为无，设置填充色为放射性渐变色，在舞台上画出一个小圆。用选择工具选择小圆，执行“修改转换为元件” 命令或按F8键转换为图形元件。选择圆元件，修改颜色下拉列表中的透明度为0%。在第30帧的位置插入关键帧，移动圆元件到合适的位置，用任意变形工具调整大小，并更改透明度为100%。在第60帧的位置插入关键帧，并复制第一帧的圆元件，粘贴到合适的位置。分别单击第1帧和第30帧，在属性面板的补间下拉列表中选择动画。播放演示动画效果。（如下视频）动手实践同学