初中信息技术浙教版 (广西、宁波)八年级下第七课 球体运动——动画补间动画教案

第七课 球体运动

——动画补间动画

学习目标

         认识帧与关键帧

         学会制作动画补间动画

教学重点：学会制作动作补间动画。

教学难点：学会制作动作补间动画。

         学会动画的测试方法

动画补间动画是flash常用的一种动画类型。它可以实现一个对象的位置移动、大小变化、旋转变化、颜色以及透明度变化等一系列丰富多彩的效果。如图7-1所示，球体由远及近滚动。

图7-1  球体运动

1. 制作球体元件

（1）绘制球体

         绘制正圆。设置填充色为绿色放射渐变 ，按住Shift键，用椭圆工具在舞台绘制一个正圆，如图7-2所示。

         调整填充。用颜料桶工具调整渐变填充的起始位置，使其看起来更接近自然界中的“球体”如图7-2所示。

（2）转换为元件

动画补间动画是针对元件、组合体或文本而言的，分离的图形不能产生动画补间动画。因此，要将球体转换成元件。选中球体，在菜单栏依次选择“修改——转换为元件”。 “库”中新增的“元件1”就是由球体转换而成的， 如图7-3所示。

图7-3   转换为元件

2.让球体动起来

FLASH中的动画是由若干幅静止的画面连续显示而形成的。每一幅静态的画面称为一帧。在“时间轴”面板上，帧表现为一个个的小方格。

动画补间动画只要确定动画开始与结束两幅画面，FLASH会自动生成中间的动画过程。其中开始和结束的画面被称为关键帧，有内容的关键帧用实心圆点表示。两个关键帧之间带黑色实线长箭头为FLASH自动生成的过渡帧，如图7-4所示。

图7-4帧在时间轴上的表现形式

（1）创建关键帧

         编辑起始帧。在第1帧处，将“球体”的位置调整到舞台左上角，如图7-5。

         编辑结束帧。选择第60帧，在右键菜单选择“插入””——“关键帧”，并将“球体”位置调整至舞台右下角，如图7-6。

图7-5 第1帧（动画开始）

图7-6第60帧（动画结束）                               (2)建立动画渐变动画

选中第1帧，在属性面板中将补间类型设置为“动画”，如图7-7所示。

这样中间的“球体”运动过程由FLASH通过运算自动生成,第1帧和第60帧之间出现淡紫色带黑色实线箭头的过渡帧，如图7-8所示。

图7-7  设置补间类型

图7-8  FLASH自动生成过渡帧

（3）播放动画

拖动时间轴上红色的播放头到第1帧的位置。在菜单栏依次选择“控制”——“播放”，如图7-9所示，从第1帧开始播放动画。

                         图7-9 播放菜单

3、让球体滚动自然

观察可见，“球体”自左到右做匀速平移运动，要让“球体”滚动自然，可以通过属性面板对运动过程进行设置，如图7-10所示。

（1）       缩放：实现对象的尺寸大小在动画过程逐渐变化。根据透视原理，“球体”由远及

近滚动，视觉上会逐渐变大。

         单击第1帧，在属性面板中勾选“缩放”如图2-7。

         在第60帧，用“任意变形工具”扩大“球体”尺寸。

（2）旋转：实现对象在动画过程中按指定方向、次数旋转。运用旋转可以将“球体”运动变“平移”为的“滚动”。

         设置“旋转”方式为“顺时针”，“6”次。

（3）缓动：缓动的数值为正，对象做减速运动；数值为负，对象做加速运动。“球体”滚动速度由快变慢，数值应为正。

         设置“缓动”的数值为100。

图7-10 设置动画属性

图7-11 设置前的动画效果

                                                图7-12  设置后的动画效果     

4.测试影片

单击“控制”——“测试影片”，动画即在打开的新窗口中循环播放，并在保存该fla文档的目录下生成同名swf格式文件，如图7-13所示。

图7-13 “测试影片”菜单

                                              图7-14  swf文件

试一试

制作球体“掉落”再“弹起”的动画，并表现出球体“掉落”的加速效果和“弹起”的减速效果。提示：仔细思考，制作这样的动画至少需要几个关键帧？

知识林

按照动画的制作方法和生成原理，Flash动画分为逐帧动画和补间动画。

逐帧动画是由许多连续的关键帧组成的动画。如图7-15，“奔跑的豹子”将奔跑动画分解为8张图片，分别放置在8个关键帧中形成的。逐帧动画优势在于适合表达复杂而细腻的动画效果，但因其每一帧都是关键帧，所以制作过程复杂、效率低，且文件占用的空间相对较大。

图7-15  “奔跑的豹子”的动画分解及其在时间轴上的表现形式

与逐帧动画不同，补间动画只需要完成动画开始和结束的关键帧的编辑，中间繁琐的过渡变化由Flash自动完成。补间动画制作简单、高效，且文件占用空间小。Flash的补间动画又可分为两类，分别为动画补间动画和形状补间动画。

练一练

1．什么是帧？什么是关键帧？

2．叙述动画补间动画的操作要点。

3．制作鸭子从右向做游动的动画效果。

4．用动画补间动画模拟电影镜头移动和镜头推近的效果。

（1）镜头向右移动，直到露出完整的风车，如图7-16、图7-17。

（2）镜头推进，放大风车，如图7-18。

图7-16起始画面        图7-17 露出完整的风车         图7-18 放大风车