第七课 简单的动画补间动画和丰富的补间动画

第七课简单的动画补间动画和丰富的补间动画

三维目标：

知识与技能：1.了解补间动画的原理。2.初步掌握创建补间动画的基本方法。

过程与方法：通过动画编辑部，知道补间动画的优点，能在自己的动画中应用补间动画。 情感态度和价值观：感受补间动画的优点，提升创作兴趣。 教学重难点：

教学重点：1.将库中的元件拖动到舞台。2.将图片转化为图形元件。3.创建动画补间动画。

4.设置补间动画的效果：旋转、透明度、颜色渐变等。

教学难点：设置补间动画的效果：旋转、透明度、颜色渐变等。 教学过程：

导入：1.展示范例“金鱼”，提问：如何让金鱼的尾巴和头、鱼鳍动得自然些？ 2.发给学生范例，请学生参考书本，思考并回答。 一、补间动画的原理：

1.知识链接：补间动画是创建随时间移动或更改的动画的一种有效方法，其原理是先制作两

个关键帧作为起始帧和结束帧，两个关键帧之间的过渡动画则计算机自动运算而成。在FLASH中，补间动画包括动画补间动画和形状补间动画。

2.思考：在给金鱼尾巴创建动画补间动画时，为什么最后一个是虚线？ 3.回答：补间动画一定要有两个关键帧作为起始帧和结束帧。

4.提问：为什么在给鱼鳍添加补间动画后，库中出现了补间1，补间2等内容？

5.回答：元件是创建动画补间动画的必要元素，关键帧的内容最好是元件，这样不会产生补

间1等内容。

二、创建补间动画

我们先看一个篮球跳动的动画。引导学生对球体弹跳运动的常识回忆。具体创建步骤： 1.创建“篮球”元件。如果用图片，不是元件，会有什么结果？会有补间1、2等内容产生。 所以可以先瘵图片转为元件。具体方法：右键单击图片，选择“转换为元件”。 （在创建篮球元件过程中得以线条、颜色的设置） 2.切换到场景1，将图层1重命名为“背景”。给舞台添加合适的背景。 3.插入图层2，重命名为“篮球”。选择第1帧，将库中的篮球元件拖动到舞台底端。

4.在第20、第40帧插入关键帧，这样共有三个一模一样的篮球。考虑下篮球是怎么动的？ 5.将第20帧的篮球移动到舞台顶部，并缩小。

测试影片，问学生，这样正常吗？接下来应该怎么做？添加动画补间动画。 6.在第1帧和第20帧上分别添加动画补间动画。

测试影片，这样的动画正常吗？速度不正常。那我们来修改速度。 三、丰富的动画补间动画

修改篮球的运动属性。

1.选择“篮球”图层第1帧，在下面的属性面板中找到“缓动”，数字越大，表示减速，数字越小，表示加速，那我们要选择哪个？缓动设置为100。

2.根据篮球弹跳的原理，下落时要加速，所以在选择第20帧，设置缓动参数为-100。

测试影片，这样看起来比刚才正常多了，还有需要修改的地方吗？旋转和透明度。 3.选择“篮球”图层第1帧，在下面的属性面板中找到“旋转”，设置旋转的方向和次数。 4.选择“篮球”图层第20帧，在下面的属性面板中找到“旋转”，设置旋转的方向和次数。 6.选择“篮球”图层第20帧，再点击选择舞台上的篮球，在下面的属性面板中找到“颜色转”，下拉选择“Alpha”，这个表示透明度。将透明度设置为50%。选择“篮球”图层第40

帧，将透明度设置为100%。落地时视觉上恢复正常。 四、练习

请同学们自己设置篮球的动画补间动画。如果有创意，可以不用篮球，用其他内容也可以，生活中有许多事物都可以用，比如《掉钱》。 五、小结

这节课我们学了动画补间动画，要注意的是两个关键帧，内容最好是元件，在补间动画中可以设置补间动画的效果：旋转、透明度、颜色渐变等。

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库第七课 简单的动画补间动画和丰富的补间动画在线全文阅读。