信息技术八年级下第八课 人类进化——形状补间动画教案

这是一份信息技术八年级下第八课 人类进化——形状补间动画教案，共12页。教案主要包含了 教材分析， 学情分析， 教学目标， 教学重点， 教学媒体， 教学方法， 教学过程， 教学后记等内容，欢迎下载使用。

一、 教材分析
第八课 人类进化——形状补间动画
动画中的对象不仅仅是大小、位置、角度的变化，还可以是形状的变化，如一个正方形变成球体、字母变成数字、数字变成数字等，通过 Flash 的形状补间动画可以比较方便地展示对象的变化过程。
在实际生活中，往往是多个动画同时进行的，即本课巩固“动作补间”动画制作，又是学习新的知识“形状补间”动画制作。本课学习制作变形的文字：中国古代文字是由象形文字演变而来的，本课将一个人的图片变形为汉字“人”， 通过实例教学使学生学会形状补间动画制作的基本要点，能够创作简单的形状补间动画。flash 对中学生来说较难理解，因而在本次课讲授中的安排主要是以实例来启发学生，以创意来激发学生的学习兴趣，从而达到教学目的。
二、 学情分析、学生特征分析
（一） 学情分析
本课的教学对象是初中二年级学生。通过前面的几节课，学生已经基本掌握 Flash 中基本工具的使用，可以绘制比较复杂的图形，具有一定的操作能力。前面的学习，为本课打下了扎实的基础，学生能够在自然的过渡中得到提高。
（二） 学生特征分析
初中二年级的学生懂得计算机的基本操作，比较了解网络，正值青少年的他们对新兴事物感兴趣。 21 世纪是一个网络信息化的时代，需要当代青年要有不断学习，不断开拓进取的能力。中学信息技术教育，其目的在于培养学生的信息处理能力，掌握计算机部分软件的基本操作技能，从而激发学生对学习的积极性，提高学生的自主学习能力、创新能力及与人的协作学习能力。
三、 教学目标
(一） 知识目标
理解形状补间动画的概念。
掌握形状补间动画制作的基本要点。
能够创作形状补间动画。
（二） 能力目标
培养学生分析比较“动作补间”动画和“形状补间”动画区别的能力。
培养学生大胆创新，与人合作交流的能力。
培养学生的艺术鉴赏能力和评价他人作品的能力。
（三） 情感目标
激励学生进一步学习动画制作，由浅入深、由表及里的掌握动画制作的方法。
提高学生制作动画和欣赏动画的水平。
培养学生自主探索、协作研究的精神，鼓励学生做到学以致用，进一步激发学生对学习 flash 的兴趣。
四、 教学重点、难点
教学重点：
“形状补间”动画的制作方法。
“形状补间”动画制作的基本要点。教学难点：
“动作补间”动画与“形状补间”动画的区别。
五、 教学媒体
多媒体网络教室、多媒体课件。
六、 教学方法
演示法：通过演示“象形文字”实例教学的步骤，向学生展示本节课的主要内容，让学生对该内容有所了解。
讲授法：通过简洁明了的语言向学生讲授“形状补间动画”的概念以及制作方法与制作技巧，从而引导学生自主学习、思考。
任务驱动法：老师布置思考题目：将数字“9”变形为数字“6”，让学生带着问题去学习，学生做完后进行评价，营造创新氛围。
七、 教学过程
本案例的教学过程设计的基本模式框架。即：
复习旧课
创设情景
巧妙导入
教师演示
启发引导
分组探究
协作创作
（一） 复习旧课
【教师活动】展示出上一节课《动作补间动画》中“小球弹跳”的动画，如图 1。
图 1
师：同学们看着“小球弹跳运动”的画面，还记得我们在学习《动作补间动画》中应该注意什么问题吗？
生：在动作补间动画中一个对象只能对应一个图层，动画与图层是一一对应的；需要建立关键帧。
师:还有一点就是，为了方便再次使用，运动对象必须转换成元件。那么本次课我们学习的形状补间动画是否和动作补间动画一样，一个对象只能对应一个图层呢？它们之间有哪些区别与联系呢？下面让我们一起走进“形状补间”动画的世界。
（二） 创设情境，巧妙导入
师：中国古代文字是由象形文字演变而来的，下面是将一个人的图片变形为汉字“人”的作品，让我们一起来观赏，如图 2。
【教师活动】 动画演示，让学生观看“象形文字”的动画作品。
作品欣赏
交流评价
归纳总结
提出建议
积极探讨
课外延伸
课堂小结
图 2
师：看了“象形文字”的动画，同学们从中看出了什么？图片人与汉字“人”发生怎样的变化？
生：它们的形状发生了改变。两个关键帧之间的背景是淡绿色的。师：对，同学们说的都得好，观察也很仔细。
生：老师呀，动作补间动画两个关键帧之间的背景是淡紫色，而形状补间动画却是淡绿色，这是不是它们之间的一大区别呢？
师：这位同学说得很好，两个关键帧之间的背景色是形状补间动画与动作补间动画的区别之一。同学们还想知道他们之间还有哪些区别吗？要想知道它们之间的关系，那我们先来看看什么是形状补间动画。
【设计意图】通过观察作品，提出问题，从而激发学生解决问题的能力。同时引出，形状补间动画。
【教师活动】演示作品，提出问题，解答学生提出的问题，提高课堂的活跃气氛。
【学生活动】观赏作品的同时，激发学习 flash 兴趣，并明确学习任务。师：同学们说说看什么是形状补间动画，看同学们说的对不对。
生：（齐声）形状补间动画是指对象由一种形状变成另一种形状或颜色发生变化的动画。师：同学们说得都对，但需要注意的是形状补间动画只能用于填充图形、分离文字或分离的图像。也就是说，若使用文字需要将文字分离。那怎样将文字分离呢？人的图片变
形为汉字“人”的作品很好的诠释“分离”两个字。同学们让我们一起来制作人的图片变形为汉字“人”。
（三）教师演示启发引导
师：人的图片变形为汉字“人”，能更好的理解形状补间动画。以下是制作步骤：
1、启动 flash 软件，在启动界面中选择“创建新项目”→“FLASH 文档”； 点击“修改”→“文档”（或 CTRL+J），设置文档属性如图片 3 所示：
图 3
2、启动背景。在图层 1 的第一帧绘制一个矩形框，将矩形框填充为垂直蓝白线性渐变，
在第 45 帧“插入帧”，并将图层 1 命名为“背景”。
师：同学们知道为什么要先绘制一个矩形框，并将矩形框填充为垂直蓝白线性渐变吗？ 生：（少数声音）老师，是不是要改变背景的颜色呢？可是在文档属性就可以修改背景的样色呀，要那么麻烦吗？
师：这位同学说得好，我们这样做就是为了改变背景的颜色，可要求是填充为垂直蓝白
线性渐变，所以我们就需要先绘制一个矩形，然后才好将其填充为垂直蓝白线性渐变。这么一说问题又来了，我们填充的线性渐变是水平的线性渐变，同学们知道怎样将矩形框填充为垂直蓝白线性渐变吗？
生：这个不清楚。
师：要想将水平的蓝白线性渐变变为垂直蓝白线性渐变只需要点击工具箱中的填充变形工具，如图 4 所示：
图 4
师：同学们需要注意的是，在将矩形框填充为垂直蓝白线性渐变之前，先将矩形框的大小与背景的大小一致，调出对齐面板，在对齐面板中就可以很容易实现矩形框与背景大小相一致，相信“对齐”这一步每位同学都会，因为在动作补间动画我们已经做了好多。
3、导入图片。添加一个图层，命名为“变形字”。选择第一帧，执行“文件→导入→导入到舞台”命令，从素材中选择“人.gif”图形文件。
师：我们执行“文件→导入→导入到舞台”命令就可以将图形导入，如图 5 所示：
图 5
4、转换为矢量图。执行“修改→位图→转换位图为矢量图”命令，将“人.gif”图片转换为矢量图。
师：做到这里，同学们知道下一步我们将要做什么吗？ 生：输入“人”的文字。
师：同学们都很聪明，第五步输入文字。
5、字转换。在第 45 帧插入空白关键帧，输入“人”字，设置字体为华文新魏，并两次执行“修改→分离”命令，将文字转换为矢量图。
师：输入“人”字，设置字体为华文新魏老师相信每位同学都会做。如图 6，如图 7 所示：
图 6
图 7
师：设置字体为华文新魏后如图 8 所示：
图 8
师：分离文字除了执行“修改→分离”这一方法，同学们知道还有什么方法吗？ 生：快捷键 Ctrl+B
师：同学们怎么知道的？
生：上节课的动作补间动画老师都讲好多遍了…… 师：同学们学得都不错，学习新知不忘旧知。
6、创建补间动画。在“变形字”层单击第 1 帧，选择“补间”下拉框中的“形状”补间，此时，
从第 1 帧至第 45 帧之间有一个方向箭头，图层背景变为浅绿色。
师：选择“补间”下拉框中的“形状”补间如图 9 所示：
图 9
师：此时，从第 1 帧至第 45 帧之间有一个方向箭头，图层背景变为浅绿色。如图 10 所示：
图 10
师：最后一步保存文件。测试影片，可以看到图变字的动画效果，并导出影片。
7、总结制作形状补间动画的步骤：
制作背景→插入文字或图片→创建“形状”补间动画→测试影片
（四） 分组探究，协助创作
师：同学们，我们现在已经做完的将图片人变形为汉字“人”的作品，对形状补间动画的制作也有一定的了解，也知道了在制作过程中要注意哪些问题。下面是你们大展身手的时候，看哪位小组做得又快又好，你们小组之间敢不敢比赛呢？
生：我们很期待这场比赛。
师：好，就以座在相邻的同学，两两组成小组。小组之间比赛的内容是：将蓝色的数字“9”变为红色的数字“6”。看哪个小组做得又对、又快，完成作品后上交到你们的文件夹， 以上交的时间评价你们做得的快慢。那么下面的时间就交给你们。
【学生活动】学生积极讨论，制作动画。
【师生活动】 教师巡堂，并进行个别辅导。
（五） 作品欣赏，交流评价
【教师活动】根据学生呈交的作品进行评价。
【学生活动】学生进行小组自评、组间互评。
【教师活动】教师展示：首先展示完成得最快做得好的学生作品，并指出做得好的地方， 好在哪里，然后进行表扬；其次再展示做得不怎么好的学生作品，指出哪里做的不好， 失败的地方在哪里，并进行鼓励和表扬。
【教师活动】 对学生的作品给予肯定，提高学生的自信心。
设计意图：通过展示作品、作品间的对比，可以让学生更好的理解补间动画。同时也对本节课学生的学习情况进行一个测验，组间的相互交流可以促进学生之间学习的能动性。
（六） 归纳总结，提出建议
【教师活动】对学生的作品进行总结，并对学生学习的热情，操作能力给予肯定。师:同学们，让我们一起来回顾一下，这节课我们都学习了什么。
生：我们复习了动作补间动画，学会了制作形状补间动画。
师：还学到其它什么吗？
生：还知道动作补间动画与形状补间动画的区别。
师：同学们已经动手做了，现在试说一下它们之间有什么区别。
生：从制作数字“9”变为数字“6”可以看出形状补间动画多个对象可以在同一个图层，而动作补间动画一个对象只能对应一个图层。而且形状补间动画输入的文字和图片需要先分离，而动作补间动画却不需要分离。还有就是形状补间动画与动作补间动画关键帧之间的背景颜色不一样，前者是浅绿色，而后者是浅紫色。
师：同学们可以总结出动作补间动画与形状补间动画之间的区别，可见同学们将补间动画学习得很好，由此可以看出同学们的学习能力非常的强。但是，同学们忘了一点，其实动作动画与补间动画还有一区别，那就是动作补间动画插入的是关键帧，而形状补间动画插入的是空白关键帧，同学们要记得了。
生：老师我可不可以这样理解，与动画有关的就插入关键帧，与动画无关的就插入空白关键帧。
师：这位同学自我总结的能力非常强，能这样理解很好，不过就是怕有些同学不理解。那我们这样说，在一个图层中，操作同一个对象的就插入关键帧（动作补间动画），对操作不同对象的就插入空白关键（形状补间动画），这种说法过于片面，我们只用来区别动作补间动画与形状补间动画，同学们是否理解？
生：理解，这太容易了。
（七） 积极探索，课外延伸
师：用形状补间动画可以将图片变形为文字，还可以将一个数字变为另外的数字，还可以将字母变为其它等等，只要你想让它变什么就变什么。同学们可以控制现实中的花儿开放，将普通的东西变为不普通，这就需要同学们动手，只要肯行动一切不可能的东西都会变成可能。
(八) 课堂小结
通过本次课，我们学会了制作形状补间动画、怎样将文字分离、怎样将图形分离， 更重要的一点是我们分清了动作补间动画与形状补间动画的区别，而它们之间的联系就是动作补间动画是形状补间动画的基础，形状补间动画是动作补间动画的升华。
师：同学们还记得制作形状补间动画的步骤吗？
生：记得，创建 Flash 新文档→设置文档属性→制作背景→插入文字或图片→插入空白关键帧→将文字或图片进行打散分离→创建“形状”补间动画→测试影片、保存文件。
(九) 课后作业
师：在课后的时间里我们也要加强练习巩固本节课所学的内容，达到熟能生巧，做到学以致用。课后作业是将字母“A”变形为数字“8”，不懂的地方可以问老师也可以问同学。
八、 教学后记
在本次教学过程中，运用演示法、讲授法边引导学生思维边讲解，从而使学生的注意力集中在课堂上，提高了学生的学习效率。本节课的重点是形状补间动画的制作、制作形状补间需要注意的要点，大部分同学都能掌握，极少数同学跟不上，教师在今后
的备课当中应注意学生的特点以及内容的难点，在课堂上加强的分析讲解，举例说明， 让学生更易于理解并学以致用。在教学中要抓住学生的爱好和年龄特点，以学生的兴趣为出发点，将实际生活与课堂相联系，积极倡导学生主动、合作、探究的学习方式，激发学生的学习积极性。