制作基本动画——动作补间动画 教学设计 苏科版初中信息技术教材第八单元第三小节

教学环节

教师与学生活动

设计意图

一、引入
“评一评”

　1．教师展示两个对比动画：一个画面仅有“太阳从到右”运动，一个是有背景、小动物、蝴蝶的绚丽画面。让学生由对比产生学习的愿望。
　师：同学们，美好的一天里，太阳公公出来了。对比两幅动画，你觉得哪一个更漂亮呢？
　生：回答。
　2．教师展示本节课课题。
　师：很好，同学们，让我们共同走入今天的主题动作补间动画——“移动的太阳”。

　由两个形似，又有区别的动画对比，引出本节课的课题：动作补间动画——“移动的太阳”。

二

教
学
过
程

基本
教学
任务

　教学环节一：补间动画的概念及分类
　一、教师以学件形式，向学生展示动画的概念、两种类型。
　师：同学们，补间动画分为两类：动作补间动画、形状补间动画…。
　生：观看学件。
　二、教师提出问题，让学生来分析“移动的太阳”中的动作类型。
　师：理论指导实践，同学们，大家都说说，“移动的太阳”中涉及了那些运动呢？
　生：回答。

　由于仅仅安排了1课时的时间学习“动作补间动画”，所以首先从宏观上把握补间动画的概念、分类，让学生清楚，我要学习的动画属于什么类型，避免盲目性。

　分析动作类型的前提是上节课已经涉猎了这方面的内容。

　教学环节二：制作动作补间动画“太阳的运动”
　一、教师给出动作补间动画的制作需要的三个关键要素：起点—中间过程—终点。
　师：下面，让我们看一看动作补间动画的三个条件。
　生：观看。
　二、温习导入外部图片，制作元件的过程。
　师：首先，我们需要制作一个叫做“太阳”的演员，在有太阳图片帮助的情况下，将素材导入到库中。
　生：观看。
　师：接着，使用素材来制作这个演员，这样，一个漂亮的演员就做好了，大家动手试一试吧！
　生：制作“太阳”元件。
　三、教师演示讲解使用“关键帧”设置“起点、终点”。
　1．设置第一张剧本页。
　师：同学们，我们已经有了很好的演员，下面必须给演员写剧本，演员按照每张纸上的内容进行表演。
　每一张纸在Flash里面就是一个关键帧，下面，让我们设计第一个关键帧，也就是演员运动的“起点”位置。
　生：跟着操作。
　2．设置最后一张剧本页。
　师：按照逻辑，我们啊，需要一张纸一张纸的写下去，但是Flash有更好的办法，选择第30帧，作为剧本的最后一页，插入关键帧，设置演员的“终点”位置。
　生：跟着操作。
　四、教师引导学生思考设置两个关键帧后，演员的运动状态，引出创建补间。
　师：下面，让演员念一念剧本吧，执行控制—测试影片，这是怎么回事呢？演员并没有如预期运动。
　生：分析。
　师：对，中间很多剧本页都是空白，所以，补间动画的最后一步，创建补间很重要。
　生：操作。
　师：(学生制作时，视环境允许)选择有典型问题的作品，集中观看，修改。
　五、教师以幻灯片形式小结动作补间动画的制作方法及其特点。
　1．补间动画的制作方法。
　师：动作补间动画设计分为三步。
　生：观看。
　2．补间动画的运动特点。
　师：动作补间动画的运动特点：演员由起点开始，沿着起点到终点间的直线做运动。其中，起点、终点，由每个在座导演确定，而中间部分的运动由Flash创建补间完成。
　3．补间动画在时间轴上表现出特点，此处教师出示一些错误的时间轴图片，让学生判断。
　师：动作补间动画的时间轴特点：表现为两个黑点，分别代表“起点”“终点”，中间一条连贯的直线相连，反之，不具备这些条件的就不是补间动画，请大家跟老师一起来做判断。
　师：(学生制作完，视环境允许)选取优秀作品点评。
　六、围绕“起点、终点”，设问，强调关键帧作用，并且重设运动起点、终点。
　师：同学们，大家的动画都实现了起点到终点、从左而右的运动，那么，是否“起点等同于左边”“终点等同于右边”？ 大家讨论一下。
　生：不是。
　师：对，请大家务必注意老师的措辞，起点不等于左边，终点也不等于右边，比如，单击标识“起点”的第一个关键帧，移动演员，更换起点位置，请大家尝试通过更改关键帧、增加关键帧，修改演员的运动。

　本节课的重点在于“动作补间动画”的制作，为了让学生将注意力投入其中，首先设计“太阳的运动”，借此掌握动作补间动画的制作方法及其特点。

　起点、终点的设置是难点。我采取，用剧本页类比关键帧的方式，此处注意强调几种剧本页类型，如空心圆圈、实心圆圈。让学生理解，剧本页必须要写，写的方法就是采取插入关键帧方式。

　动作补间动画的“剧本”书写方式表现为，只写第一页、最后一页，学生设置关键帧，实际体验关键帧的作用，播放后的效果不如人意，继而引出第三步骤：创建补间

　学生制作时，一定会有一些小问题，诸如帧使用多了，要删除；删除了关键帧中内容，导致空白，这些问题视硬件情况，采取合适方式集中演示解决。

　学生完成后，应当演示优秀提出表扬，给他们成就感。

　“知其然，知其所以然”，呼应前面的引入内容，让学生自己探究，找出答案，从而巩固理解关键帧的使用。

　教学环节三：“太阳的背景”，藉此，引出Flash里的层概念
　一、教师引导学生制作第二个演员。
　师：老师给大家准备了很多的演员素材，比如 背景、小动物、蝴蝶 等等吗，请大家导入一副背景图片。
　生：操作。
　师：模仿前面“太阳”演员的制作方法，制作第二个演员“背景”，记不得的同学可以参照学件。
　生：模仿学习。
　二、为第二个演员设计剧本。
　1．由背景介入，引出Flash中层的概念。
　师：在Flash里面还有一个很重要的概念：层，一个层就是一个独立的剧本。每个演员都有自己的层，请大家双击“图层1”，更名为“太阳”，完成后，养成良好的习惯，将太阳这个图层锁上。
　2．执行层操作，添加背景。
　师：即使是背景演员，在Flash里，也要有自己的层，新建一个层，命名为“背景”。
　生：操作。
　3．根据操作中出现的背景覆盖太阳的问题，引出调整层顺序，并深入理解层原理。
　师：在第一帧，这里放入背景演员，大家发现问题了吧？
　生：观察覆盖现象。
　师：层就像一张透明的薄膜，上一层上画的东西覆盖下一层，所以需要改变这两层的顺序。
　生：跟着屏幕操作。
　4．使用帧，创建“背景”演员的剧本。
　师：背景是一个很特殊的演员，它没有动作，所以，右击第30帧，选择插入帧，使得到第1帧的图像延续到第30帧。
　生：跟着操作。

　在拍摄电影时候，每个演员都要有自己的剧本，而今天的电影中有两个演员，自然引出需要两个剧本，每个剧本在Flash里表现为一个“层”，帮助学生理解层概念。

拓展
教学
任务

　拓展篇一：锦上添花“可爱的小动物”，作为巩固，帮助学生回顾整个设计过程。
　师：画面里，天气是如此晴朗，小动物们不免也来凑热闹，请大家新增图层，创作，路上的小动物。
　生：操作。
　师：大家可以参看学件中的帮助，完成的同学，保存为“姓名+移动的太阳”提交。
　拓展篇二：蝴蝶翩飞，此处设计了蝴蝶的大小、角度、位置的综合变化。
　(为图片增加多层，多个元件独立运动)
　师：请学有余力的同学，加上蝴蝶翩飞的场景吧，请注意，蝴蝶的动作类型。

　巩固整个过程，强化图层操作。

　涉及综合运动变化，留给学有余力的学生探索。

小结

　教师小结本节课的几个概念
　1．补间动画的分类
　2．动作补间动画的设计步骤、运动的特点
　3．使用图层制作多个演员运动