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

第四课 变相怪杰-形状补间动画教案课题第四课 变相怪杰-形状补间动画授课时间3课时目标知识与技能1巩固使用绘图工具与选择工具绘制并编辑图像的方法。2掌握将图形、文字制作出形状补间动画的方法。3学会使用“修改”“分离”的命令分离文字呈沙粒状。过程与方法采用“任务驱动法”，在老师的讲授、引导、启发下，学生理解后再去上机亲身体验。情感、态度、价值观1 培养学生应用信息技术解决实际问题的意识。2 培养学生对新软件的自主观察思考的良好习惯。重点1.巩固帧、关键帧以及绘图类工具的操作方法。2.针对图层的操作加强练习，并养成图层重命名、图层锁定等制作动画的良好习惯。3.学会设置形状补间动画的方法。难点1.形状补间动画的制作原理以及控制。2.添加形状提示点的形状补间动画。方法讲授法、提问法、任务驱动法教具网络教室、多媒体课件。教学过程：第1课时师引入课题：通过前面所学习的逐帧动画的制作，我们已经能较为自如地控制帧的播放时间长短、并理解了关键帧的意义与使用方法，但也从中发现了一些问题，如：逐帧动画过渡过于跳跃、不自然，如何解决呢？首先请学生欣赏没有制作形状补间动画的猫和老虎的动画效果，感受跳跃画面的不自然，再欣赏具有形状补间动画的猫和老虎的改变，引出本节课的重点：制作形状补间动画（师板书课题）。一、设置文档属性新建动画文件，设置文档“属性”的大小为“500*400像素”，背景色为“白色”。二、制作第1帧动画师提出：将小猫的脸、嘴、鼻子、眼睛、胡子、文字等图形分别在不同的图层制作，为后面的动画效果作好准备。（一）绘制螺旋形彩色背景师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、将“图层1”重命名为“背景”2、使用“矩形工具”绘制同舞台相同大小的方形。3、使用“直线工具”将方形分割成米字形。4、使用“选择工具”调整直线为弧线，填充色彩。制作完成后“锁定”该图层，学生上机操作制作背景。（二）分图层绘制小猫师先做演示操作，然后学生上机操作。具体演示操作步骤：1、新建图层，重命名为“脸”。2、使用“椭圆工具”、“直线工具”绘制脸部轮廓，并填充颜色。制作完成后“锁定”该图层，如教材P25图4.3所示。学生上机操作制作小猫的脸部轮廓【DIY】教材P25。分别插入图层，将小猫的五官分图层绘制，并添加文字“猫”，如教材P25图4.4所示。第2课时三、制作形状补间动画师提出：形状渐变效果是从当前形状逐渐变为另一种形状，制作过程中的只需确定两个关键帧中不同的图形即可，逐渐渐变的过程由计算机运算完成。（一）脸部图形的渐变制作师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、解除图层“脸”的锁定。在该图层的第10帧和第30帧插入关键帧，第40帧插入帧。2、使用“选择工具”调整第30帧中脸部的弧线，并重新填充颜色，如教材P26图4.5所示。3、选择图层“脸”的第10帧和第30帧之间的任何一帧。4、设置帧“属性”面板中的“补间”为“形状”，此时，时间轴中第10帧和第30帧之间呈淡绿色，并出现箭头，如教材P26图4.6所示。制作完成后“锁定”该图层。学生上机操作。（二）嘴、鼻子、眼睛的渐变制作【DIY】教材P26。师先做演示操作，然后学生上机操作。使用与制作脸部渐变相同的方法，配合“任意变形工具”、“选择工具”、“属性”面板等，分别制作嘴、鼻子、眼睛的渐变效果，并在“胡子”图层的第40帧插入帧，制作完成后“锁定”各图层，如教材P27图4.7 所示。【智多星】教材P27。图形边线删除后，如果还需要边线存在，只需要选择工具面板中的“墨水瓶工具”更改“笔触颜色”，在需要添加边线的图形处单击即可。（三）文字与文字的渐变制作师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、在“文字”图层的第10帧和第30帧插入帧，第40帧插入帧。2、交第30帧的“猫”修改为“虎”。3、分别选择第10帧、第30帧的文字，执行“修改” “分离”的命令。【智多星】教材P27。文字执行分离命令后变为沙粒状，此时可以制作形状渐变的效果，但不能再使用“文本工具”编辑。4、单击第10帧和第30帧之间的任何一帧，更改帧“属性”面板中的补间为“形状”。制作完成后“锁定”该图层，如教材P27图4.8所示。【智多星】教材P28。形状渐变有很多种，可以是图形与图形、图形与文字、文字与文字间的渐变，注意：制作文字渐变效果前需要对文字执行“修改” “分离”的命令，快捷方式为Ctrl+B。制作形状渐变效果还有很多方式。通过改变不同关键帧中对象的颜色可以产生变幻的色彩，如闪烁的霓虹灯；改变不同关键帧中对象的大小可以出现膨胀与收缩的效果，如青蛙一鼓一鼓的肚子；改变不同关键帧中对象的形状可以出现扭曲的特效，如太阳变月亮；改变不同关键帧中对象的角度与位置可以产生移动的效果，如不倒翁。总之，应用形状渐变动画可以使动画效果更加丰富、更加自然。第3课时（四）利用逐帧动画美化背景师先做演示操作，然后学生上机操作实习。具体演示操作步骤：1、分别在“背景”图层的第10、14、17、22、26、30帧插入关键帧，第40帧插入帧，使背景与动画同步。2、使用“颜料桶工具”分别更改10、14、18、22、26、30帧的背景颜色，使动画出现色彩变幻的效果。制作完成后“锁定”该图层，如教材P28图4.9所示。学生上机操作利用逐帧动画美化背景四、保存文件将动画源文件以“变相怪杰”为文件名保存在自己的文件夹中的作业文件夹中，并测试生成swf格式的文件。【知识着陆】教材P28。1、需要渐变的不同图形应分图层绘制，这样渐变的效果会更加自然。2、形状渐变可以针对图形之间、图形与文字、文字与文字之间制作。常见的胖变瘦、太阳变月亮的效果都是运用形状补间动画的方法制作出来的。3、制作文字渐变的动画效果时需要将文字执行“修改” “分离”的命令，使文字成为沙粒状，否则无法实现预期效果。复案写在这