《形状补间动画》参考教案

第3课形状补间动画课题第1课时课时初二（*）班授课班级学会制作图形变形和文字变形动画。知识目标学会制作简单的形状补间动画。智能目标鼓励学生进一步学习动画的制作，由浅入深、由表及里掌握动画制作的方法，提高其制作动画和欣赏动画的水平；培养学生的自主探索、协作研究的精神。感情德育图形变形和文字变形的区别。难点重点教材，电脑。教学用品播放一段Flash动画，导入新课。导入新课教学过程除了动作补间动画以外，还可以用Flash制作形状补间动画，让图形、文字等对象自动变形。一、图形变形在两个关键帧里安排不同形状的图形，然后设置补间类型为“形状”，就可以生成形状补间动画，实现图形之间的变形。制作动画，让一个圆变成矩形，然后再变成三角形。第1步：启动Flash，选定“椭圆”工具，用适当的颜色在舞台中画一个圆。第2步：单击“时间轴”面板中的第10帧，执行“插入→空白关键帧”命令（或者敲F7键）插入空白关键帧。第3步：选定“矩形”工具，在舞台中画一个矩形。第4步：单击“时间轴”面板的第1帧，在“属性”面板中单击补间框，打开下拉列表，在单击其中的“形状”选项，把补间类型设为“形状”。第5步：仿照第2步第4帧操作，在“时间轴”面板的第20帧插入空白关键帧，画一个三角形，在把补间类型设为“形状”。第6步：保存文件为“图形变形.fla”。第7步：敲回车键，播放动画，观看效果。文字变形第1步：单击工具栏中的按钮，新建一个文件。第2步：执行“修改→文档”命令，弹出“文档属性”对话框后，在尺寸框中把宽度和高度的值均设为100px（像素），改变舞台的大小。第3步：单击“背景色”右侧的按钮，在弹出的颜色列表中单击“浅蓝色”色标作为舞台的背景色，然后单击“确定”按钮。第4步：选定工具箱中的工具，然后在舞台中单击，出现文本输入框时，输入字母A。第5步：选定工具，单击输入的字母A，选定它，在“属性”面板中把字体设为TimesNewRoman，字号设为96，颜色设为黄色。然后单击按钮和按钮，把字母A设为粗斜体。第6步：拖动字母A,使它位于舞台的中间。第7步：单击“时间轴”面板的第10帧，敲F7键插入空白关键帧，然后输入字母B。第8步：单击“时间轴”面板的第20帧，仿照第7步的操作，插入空白关键帧，输入字母C。第9步：单击“时间轴”面板的第1帧，执行“修改→分离”命令（或敲Crtl+B键），把字母A分离成图形。在单击第10帧，敲Ctrl+B键，把字母B分离成图形。用同样的操作，将第20帧中的字母C分离成图形。第10步：单击“时间轴”面板的第1帧，在“属性”面板中把补间类型设为“形状”。再单击第10帧，在“属性”面板中把补间类型设为“形状”。第11步：保存文件为“字符变形.fla”。第12步：执行“控制→播放”命令，观察动画效果。利用“修改→分离”命令，可以将字符、实例、图形等打散，从而进行动画变形。如果是一组文字，则一般需要打散2次。实例被分离后失去了实例的所有属性，不能称为实例。板书设计第3课形状补间动画一、图形变形二、文字变形教学反思在这节课的任务驱动下，通过创设情境激发学生兴趣，提出问题，学生自主探究，让学生在学习中感受制作动画的趣味性，在完成任务过程中掌握重点知识，完成了难点任务。作业制作一个圆变成矩形的动画，使图形在变形过程不断换颜色。第3课形状补间动画课题第2课时课时初二（*）班授课班级了解形状提示的作用。知道动作补间动画和形状补间动画的区别。知识目标学会制作一个形状补间动画。智能目标通过绘制图形，体验补间动画的奇妙。再次感受Flash动画的动态效果。感情德育了解形状提示的作用。难点重点教材，电脑。教学用品上节课我们已经制作了一个简单的动作补间动画，同学们已经初步认识了Flash动画的制作过程。这节课我先让同学们观看两个有趣的动画。下面我们就一起看一下形状补间动画的制作过程。导入新课教学过程三、形状提示观看上面制作的“字符变形”动画时可以看到，字母A变成B再变成C的变形过程不明显，而且有些凌乱。实际应用时，适当使用Flash提供的形状提示，可以再一定程度上改盖变形的过程。动画增加形状提示。第1步：启动Flash，单击工具栏中的按钮，找到“字符变形”动画所在的文件夹，打开它。第2步：单击“时间轴”面板中的第1针，然后执行“修改→形状→添加形状提示”命令，在字母A上增加一个提示点a。第3步：拖动提示点到适当的位置，如左下角。第4步：单击“时间轴”面板的第10帧，把字母B上的提示点a拖到合适的位置上。第5步：单击“时间轴”面板中的第1帧，执行两次“修改→形状→添加形状提示”命令，增加提示点b和提示点c，把他们分别把它们分别移到合适的位置上。第6步：单击第10帧，把字母B上的提示点b和c移到恰当的位置上。第7步：播放动画，可以看到字母A变成B的过程变得比较有规律了。第8步：仿照以上操作，位字母B到字母C的变形过程添加形状提示。在默认状态下，Flash会自动为要变形的对象设置一些关键点，播放动画时，这些关键点的位置会发生变化，对象其余部分的变化由Flash通过计算自动生成。通过设置提示点的操作，可以改变默认的关键点位置，使整个变形的过程按设计者的要求进行。动作补间动画、形状补间动画及二者的区别Flash能生成两种类型的补间动画：动作补间动画和形状补间动画。动作补间动画中的对象是元件的实例。实例的属性包括位置、大小以及旋转角度等。在一个关键帧中定义实例的位置、大小以及旋转角度，然后再其他关键帧中改变这些属性，最后再在各关键帧之间生成动作补间动画。在动作补间动画的起始关键帧和结束关键帧以及他们之间的所有帧生成了一个动作补间动画。如果两个关键帧之间是一条浅蓝色背景的虚线，表明这个动作补间动画存在一些问题，不能正常显示。形状不讲动画可以使一幅图形逐渐变成另一幅图形（形状、位置、大小和颜色等属性的变化）。在形状补间动画的起始关键帧和结束关键帧之间，会显示一条带箭头的浅绿色背景的直线，表明在两个关键帧以及他们之间的所有帧生成了一个形状补间动画。如果两个关键帧之间是一条浅绿色背景的虚线，表明这个形状补间动画存在一些问题，不能正常显示。动作补间动画的对象是元件的实例，而实例只有被“分离”后才能用来生成形状补间动画。使用绘图工具绘制的图形，都是“分离”的。在制作形状不讲动画时，用A工具生成的字符需要先进行分离。板书设计第3课形