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

第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帧，执行两次“修改→形状→添加形状提示”命令