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

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

三维目标:

知识与技能: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%。落地时视觉上恢复正常。

四、练习

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

五、小结

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



联系客服:cand57il.com