教科版（云南）信息技术八年级下册 第三课《 动画补间动画》课件.pptxVIP

第3课

动画补间动画

;一、补间动画

Flash提供了一种自动生成动画的方式，只需确定起始、结两个关健帧，即可由计算机自动生成中间的帧，这种动画称为补间动画。

补间动画根据对象的变化方式不同，分为动画补间动画和形状补间动画

;二、动画补间动画

动画补间动画，是指为了实现对元件(实例)的大小、位置、角度、明暗、色调、透明度等属性的变化而使用的一种补间动画方式。它没有改变元件本身的形态。;三、制作简单的动画补间动画

制作一个简单的位置变化的动画，操作步骤如下。

(1)新建一个1000×200像素的Flash文件，将素材文件夹中的文件“范例1.fla”中的元件导入到库。;(2)将“图层1”重命名为“蝴蝶”。

(3)制作起始关键帧:将“蝴蝶侧面”元件拖放到“蝴蝶”图层的第1帧，并确定它的位置。设想蝴蝶从外部飞入，所以将其放在舞台以外右侧位置。至此，此动画补间动画的起始状态设置完成。;(4)制作结束关键帧:根据动画持续时间估计所需帧数(本例在第110帧制作结束关键帧)。

方法一:右击第110帧，在弹出的快捷菜单中选择“插入空白关键帧”，将“蝴蝶侧面”元件拖放到“蝴蝶”图层的第110帧，并将“蝴蝶侧面”元件调整到飞舞结束的位置。;方法二:右击第110帧，在弹出的快捷菜单中选择“插入关键帧”，此时，第110帧与前一关键帧，即起始关键帧内容完全一致，再通过“选择工具”选中“蝴蝶侧面”实例，并将它调整到飞舞结束的位置。;(5)创建补间动画:选择起始关键帧或两关键帧之间区域，将“属性”面板的“补间”选项设置为“动画”，如图3-1所示;也可尝试使用快捷菜单完成创建补间动画。;动画完成后，时间轴状态如图3-2所示，正确生成动画补间的部分将显示为淡紫色底色、有实线箭头标识。;此时，单击1到110帧之间任何一帧，可以发现已经由计算机自动补充了每一帧的内容。这种由软件自动“补充中间部分”的方式极大地提高了工作效率。

练一练制作蝴蝶直线飞舞的动画效果，尝试小结动画补间动画制作的方法。;◆四、制作方法和制作要点

1.制作方法

(1)制作起始关键帧，以描述动作变化的开始状态。

(2)制作结東关帧??以描述动作变化的结東状态。

(3)使用“创建补间动画”，以自动生成中间的过渡帧。;2.制作要点

(1)两个关键帧的内容通常为同一元件的单个实例。

(2)两个关键帧必须是有内容的关键帧，且必须有所不同，否则将无法形成动态效果。

(3)应使用元件来制作“动画补间动画”。

(4)制作元件时，有动态变化的部分最好拆分至最小，以便灵活地使用。;◆五、动画补间动画实现的效果

？想一想打开“信息”面板，单击“蝴蝶”图层的两个关中的对象实例，观察X值、Y值的变化，思考它们描述的是什么信息。计算机是如何实现自动补充中间帧功能的?;1.位置变化

对于“蝴蝶”图层的两个关键帧中的对象实例，所观察到的位置变化结果如图3-3所示。;由于计算机将位置信息以数据的方式进行存储，所以可以对存储数据(也就是位置信息)进行处理。根据两关键帧间隔数以及X值、Y值的数据进行计算，得出自动补充的中间过渡帧的X值和Y值，即确定它们的位置。;除了位置信息是数字化的，还有哪些信息是数字化的?它们是不是也同样可以实现“自动补充中间帧”呢？;2.大小变化

如图3-4所示，实例的大小信息同样用数据来表示。;获得了起始关键帧和结束关键帧的宽、高数据以及间隔帧数，通过计算同样可以得出由大到小或由小到大变化的中间各帧的数据。

练一练将之前制作的简单补间动画添加大小变化，修改成如素材文件夹中文件“大小变化，swf”所示效果。;具体操作步骤如下。

(1)新建图层，命名为“背景”，将其拖动到最底层，并由外部导入背景图片至库。

(2)位图不能够直接制作动画补间动画，因此须新建“背景”元件，拖入背景图片完成元件制作，单击“场景1”返回。;(3)锁定“蝴蝶”图层，将“背景”元件拖动至“背景”图层第1帧，并使用“任意变形工具”等比例放大超出舞台一定范围，完成起始帧制作。

(4)在第100帧处插入关键帧，将该帧中的“背景”实例缩小至舞台大小。由于位置和大小信息都是用数值表示的，因此当用“任意变形工具”无法准确定位和调整大小时，可以通过“信息”面板输入宽、高数据和位置坐标(0，0)实现精确控制，如图3-5所示。;(5)创建动画补间动画。

(6)测试正确后锁定“背景”图层，解锁“蝴蝶”图层，将其结关键帧的“蝴蝶侧面”实例缩小，以实现越飞越远的效果。;需要调整蝴蝶出现时间时，可以单击起始关键帧或结关键帧，当鼠标右下方出现虚线矩形框时，拖动它至合适的位置。

在动画制作中，常常使用类似“背景”图层的做法，实现镜头的拉近和推远。

试一试将库元件“背景”和“