运动渐变动画

《运动渐变动画》

一、教材依据：

《运动渐变动画》是山东教育出版社出版的小学信息技术第5册第5课的内容。贵州版本的教材里，这个内容只是在课外知识内容里被简单提及。

二、设计思想：

本课是针对于山东省六年级学生编写的，而在对于贵州版本的初中教材里并没有这个内容，从学生的认知水平及知识储备上来说有一定的难度，但学生前期对Flash的学习有了一定的了解，而且充满了兴趣，而且初中一年级的学生已经具备了自主探究学习的能力，所以给学生提供“锦囊.mp4（学生版）”辅助学习再加上组内互助可以完成生动、逼真的运动渐变动画。

三、教学目标：

（一）知识与技能目标

1.学会制作运动渐变动画的基本方法

2.能够清晰的认识到运动渐变动画与形状渐变动画的区别

3.理解引导层的概念并学会制作引导层动画的方法

（二）过程与方法目标

通过任务驱动法让学生在完成任务的过程中加深对运动渐变动画的理解以及学会制作引导层动画，通过提供“锦囊.mp4（学生版）”，培养学生自主学习以及小组合作的能力。（三）情感态度价值观目标

让学生在完成任务的过程中体会到成功的喜悦，让学生在自主学习的过程中体会到求知的魅力，让学生在掌握基础知识的基础上能够乐意运用所学知识制作更多优秀的动画。

四、教学重点

（一）制作运动渐变动画的基本方法

（二）制作引导层动画的方法

五、教学难点

（一）引导层概念的理解

（二）制作引导层动画的方法

六、教学准备

教师机：课件、锦囊.mp4（教师版）

学生机：下发“运动渐变动画”文件夹至学生机电脑桌面（内含汽

车.png、锦囊.mp4（学生版））

七、教学过程

（一）导入新课

师：同学们，前面几节课呢我们是不是已经学习了两种动画类型呀，分别是？

生：逐帧动画和形状渐变动画。

师：那我现在就要考考大家了，来，看一下这个动画，汽车直线行驶的动画可不可以用这两种动画来实现？

生：可以。

师：小组内小声的交流一下怎样制作这个动画。

师：好，时间到，哪个小组有想法？

生：可以用逐帧动画来实现，在每一个关键帧上来挪动汽车的位置从而来实现汽车直线行驶的效果。

师：我听懂你的意思了，你来看一下时间轴是不是这样的？看来你对逐帧动画掌握的很好，好，请坐。

（展示时间轴的截图）

师：还有没有其他意见

生：还可以形状渐变动画来实现

师：我已经按照你说的方法制作出来了，你来看一下是不是这样的？

用形状渐变动画制作汽车直线行驶的动画比刚才的方法要简单很多，但是如果遇到像汽车曲线行驶的动画，那怎么办呢?

生：可以一段一段的来做，用一个形状渐变让汽车向上，然后再用一个形状渐变向下就能实现汽车曲线行驶的效果。

师：真是个善于动脑的好孩子，你来看，你说的是不是这样进行制作？由一个个小的形状渐变动画来实现。

（展示多段渐变动画的时间轴的截图）

师：这种方法是可行的，但是如果汽车遇到了山路十八弯，那我们是不是又要做好多个这样的形状渐变了？

师：其实在Flash中就有这样一种专门的动画来实现对象位置的变化，也就是我们今天要学习的运动渐变动画。

（二）讲授新课

1.制作运动渐变动画的基本方法

（1）运动渐变动画的定义

师:那什么是运动渐变动画呢，谁能大声的读一下它的定义

生：运动渐变动画是指对象整体由一个位置运动到另一个位置，无论

运动轨迹是直线的还是曲线的

师：声音洪亮，很好，请坐。从这个定义上我们可以看出运动渐变动

画实现的是对象整体的位置的变化，而且无论运动轨迹是直线的

还是曲线的它都可以实现

（2）运动渐变动画的制作方法

师：那有的同学就要问了，到底怎样制作运动渐变动画呢？其实之前我们有接触过，为什么这么说呢，因为运动渐变动画和我们之前学习过的形状渐变动画都属于渐变动画。所以在制作方法上也遵循“三步曲”的制作方法。那谁能快速简洁的说出是哪三步？

生：起始帧、结束帧、补间

师：非常准确，请坐。那区别在哪呢，在最后一步，形状渐变动画我

们创建的是什么补间

生：形状

师：而我们制作运动渐变动画时创建的是“动画”补间。

（3）制作“汽车直线行驶”动画

①尝试

师：那接下来我们就以最简单的运动“汽车直线行驶”来动手做一个

运动渐变动画好不好？我们所需要的素材在桌面“运动渐变动

画”的文件夹中，给大家三分钟的时间，开始吧。

②“小老师”讲解

师：好，时间到。刚才陈老师发现还有些同学在操作的过程中遇到了困难，我们请一位小老师上来给大家讲解一下好不好？

师：小老师讲解的好不好？

生：好。

师：思路清晰，操作熟练，真是个不错的小老师，掌声送给他。

③总结

师：汽车直线行驶的动画我们已经成功完成了，有没有认真观察下运动渐变动画的时间轴有什么特点呀？

生：实线箭头，淡紫色。

师：嗯，观察的很仔细。时间轴只有满足这两个特点时才说明我们的运动渐变动画成功了。但是陈老师刚才在下面发现有些同学的时间轴出现了虚线，这是为什么呢？

生：把汽车分离了

师：在运动渐变动画中需不需要对外部导入的图片进行分离，汽车只

是实现了位置上的变化，自身有没有发生变化？

生：没有

师：所以在运动渐变动画中不需要对外部导入的图片进行分离

④完善

师：接下来再给同学们一分钟的时间完善汽车直线行驶的动画。完成的同学可以下位互助。

2.制作引导层动画的方法

师：运动渐变动画“三步曲”的制作方法都掌握了吗？

生：掌握了。

师：那我接下来就要让大家做一个很有难度的动画了，敢不敢挑战一下？

生：敢

师：我们再来看一下汽车曲线行驶的动画能不能用运动渐变动画来实现呢？

生：……

师：嗯，这是你的想法。

①微视频学习

师：而我用一个运动渐变动画就能实现，你来看我的源文件，有我们