第4课变相怪杰----形状补间动画

1、焉耆县第二中学 20132014学年第一学期集体备课教案说课内容：一、教材分析1、教材的地位和作用：2、学情分析：3、教学重难点：（见文 档左侧教案部分）二、教学目标分析（见文档左侧教案部分）三、教法学法分析1、教法课题【 变相怪杰-形状补间动画 】科目【信息技术】年级【八】 课时【1】授课教师【左新峰】主 备人【左新峰】参备人【张风雷 何抒芹】一、教学目标：1、知识目标：（1）、巩固使用绘图工具与选择工具绘制并编辑 图像的方法。、2、能力目标：（1）、掌握将图形、文字制作出形状补间动画的 方法。（2）、学会使用“修改” t “分离”的命令分离文字呈沙粒状。3、情感目标：【教学重点】1. 巩固

2、帧、关键帧以及绘图类工具的操作方法。2. 针对图层的操作加强练习，并养成图层重命名、 图层锁定等制作动画的良好习惯。3. 学会设置形状补间动画的方法。【教学难点】1. 形状补间动画的制作原理以及控制。2. 添加形状提示点的形状补间动画。三、教学方法：“五步、双重教学法”四、 教具准备：多媒体使用：机房五、教学过程：（一）复习旧知师引入课题：通过前面所学习的逐帧动画的制作，我们已经能较为自如地控制帧的播放时间长短、并理解了关键帧的意义与使用方 法，但也从中发现了一些问题，如：逐帧动画过渡过于跳跃、不自 然，如何解决呢？首先请学生欣赏没有制作形状补间动画的猫和老虎的动画效 果，感受跳跃画面的不自然

3、，再欣赏具有形状补间动画的猫和老虎 的改变，引出本节课的重点：制作形状补间动画（师板书课题）。（二）新课导学一、设置文档属性新建动画文件，设置文档“属性”的大小为“500*400像素”,背景色为“白色”。二、制作第1帧动画师提出：将小猫的脸、嘴、鼻子、眼睛、胡子、文字等图形分 别在不同的图层制作，为后面的动画效果作好准备。、绘制螺旋形彩色背景师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、将“图层1”重命名为“背景”如何突破重难点1、任务驱动。本课重点安排了两个自主 探究的学习活动和一 两个实践活动作为任 务，教师把教学内容巧 妙地隐含在每个任务2、使用“矩形工具”绘制同舞台相同大

4、小的方形。3、使用“直线工具”将方形分割成米字形。4、使用“选择工具”调整直线为弧线，填充色彩。制作完成后“锁定”该图层，学生上机操作制作背景。、分图层绘制小猫师先做演示操作，然后学生上机操作。具体演示操作步骤：1、新建图层，重命名为“脸”。2、 使用“椭圆工具”、“直线工具”绘制脸部轮廓，并填充颜 色。制作完成后“锁定”该图层，如教材 P25图4.3所示。学生上机操作制作小猫的脸部轮廓（三）自学新知分别插入图层，将小猫的五官分图层绘制，并添加文字“猫”， 如教材P25图4.4所示。（四）检测新学制作形状补间动画师提出：形状渐变效果是从当前形状逐渐变为另一种形状，制 作过程中的只需确定两个关键

5、帧中不同的图形即可，逐渐渐变的过 程由计算机运算完成。、脸部图形的渐变制作师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、解除图层“脸”的锁定。在该图层的第 10帧和第30帧插入 关键帧，第40帧插入帧。2、使用“选择工具”调整第 30帧中脸部的弧线，并重新填充 颜色，如教材P26图4.5所示。3、选择图层“脸”的第 10帧和第30帧之间的任何一帧。4、 设置帧“属性”面板中的“补间”为“形状”，此时，时间轴中第10帧和第30帧之间呈淡绿色，并出现箭头，如教材P26图4.6所示。制作完成后“锁定”该图层。学生上机操作。、嘴、鼻子、眼睛的渐变制作【DIY】教材P26。师先做演示操作，

6、然后学生上机操作。使用与制作脸部渐变相同的方法，配合“任意变形工具”、“选择工具”、“属性”面板等，分别制作嘴、鼻子、眼睛的渐变效果， 并在“胡子”图层的第 40帧插入帧，制作完成后“锁定”各图层， 如教材P27图4.7所示。【智多星】教材P27。图形边线删除后，如果还需要边线存在，只需要选择工具面板 中的“墨水瓶工具”更改“笔触颜色”，在需要添加边线的图形处单 击即可。之中。学生在教师引导 下，通过完成一个个具 体任务逐步掌握所学 知识和技能。2、情境教学。以实 物演示的方式，轻松而 愉快地将学生带入本 节课学习的境界，再通 过视频的讲解更能激 起学生的态度体验，激 发学生的求知欲和学 习热

7、情。3、通过探究 学习，提高学生独立探 索学习的能力。、文字与文字的渐变制作师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、在“文字”图层的第 10帧和第30帧插入帧，第40帧插入 帧。2、交第30帧的“猫”修改为“虎”。3、 分别选择第10帧、第30帧的文字，执行“修改”分 离”的命令。四、保存文件将动画源文件以“变相怪杰”为文件名保存在自己的文件夹中 的作业文件夹中，并测试生成swf格式的文件。【知识着陆】教材 P2&1 、需要渐变的不同图形应分图层绘制，这样渐变的效果会更加自然。2、形状渐变可以针对图形之间、图形与文字、文字与文字之间 制作。常见的胖变瘦、太阳变月亮的

8、效果都是运用形状补间动画的 方法制作出来的。3、 制作文字渐变的动画效果时需要将文字执行“修改” t “分 离”的命令，使文字成为沙粒状，否则无法实现预期效果。【视野拓展】教材 P29b Flash的发展学生阅读【创作天地】教材 P2Q制作燃放的“礼花”形状补间动画，如教材P29图4.10所示。提示：鞭炮在静态图层中制作， 绽放的礼花在动态图层中制作。（五）巩固新知【智多星】教材 P27。文字执行分离命令后变为沙粒状，此时可以制作形状渐变的效 果，但不能再使用“文本工具”编辑。4、单击第10帧和第30帧之间的任何一帧，更改帧“属性”面板中的补间为“形状”。制作完成后“锁定”该图层，如教材 P2

9、7图 4.8所示。【智多星】教材P2&形状渐变有很多种，可以是图形与图形、图形与文字、文字与 文字间的渐变，注意：制作文字渐变效果前需要对文字执行“修改”分离”的命令，快捷方式为Ctrl+B。制作形状渐变效果还有很多方式。通过改变不同关键帧中对象 的颜色可以产生变幻的色彩，如闪烁的霓虹灯；改变不同关键帧中 对象的大小可以出现膨胀与收缩的效果，如青蛙一鼓一鼓的肚子； 改变不同关键帧中对象的形状可以出现扭曲的特效，如太阳变月亮；改变不同关键帧中对象的角度与位置可以产生移动的效果，如不倒 翁。总之，应用形状渐变动画可以使动画效果更加丰富、更加自然。、利用逐帧动画美化背景师先做演示操作，然后学生上机操作实习。2、学法四、教学过程见文档左侧教案部分【教师精心设计典例 分析】备注：具体演示操作步骤：1、 分别在“背景”图层的第 10、14、17、22、26、30帧插入 关键帧，第40帧插入帧，使背景与动画同步。2、 使用“颜料桶工具”分别更改10、14、18、22、26、30帧 的背景颜色，使动画出现色彩变幻的效