四《动画角色变身》教案 河北大学版（第3版）信息技术初中第二册.docVIP

信息技术《动画角色变身》教学设计

课题

《动画角色变身》

单元

二单元

学科

信息技术

年级

八年级

教材分析

《动画角色变身》这主题活动来自学生对“倒计时水晶球”制作的方法和步骤的掌握，了解了不同种类的“补间帧”，不同的含义。学会只有这些补间帧制作动画。这对于增加学生知识有很大帮助，也有助于提高学生的动手实践能力。

学习

目标

1.信息意识：建立将学习其他软件的方法应用到学习制作“倒计时水晶球”中的意识；

2.计算思维：培养使用动画程序制作更多创新作品的思维方式；

3.数字化学习与创新：有效地管理学习过程与学习资源，创造性地解决问题，从而完成学习任务，形成创新作品的能力。

4.信息社会责任：应以一种有利于信息社会的方式使用信息技术，开展生产、生活、学习等信息活动。

重点

掌握制作“倒计时水晶球”的方法和步骤

难点

学会使用不同的补间帧制作动画

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

1.导入：

师：制作动画的时候我们总说矢量图，那同学们知道什么是矢量图吗？

计算机合成图像也称为矢量图形。矢量图，也称为面向对象的图像或绘图图像,在数学上定义为一系列由点连接的线。矢量件中的图形元素称为对象。每个对象都是个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。

学生思考并回答问题

由问题引出今天的学习内容

讲授新课

动画角色的变身是利用了变形动画的动画形式，这种动画将一种对象逐渐变化为另一种对象。在Animate软件中，可以将图形、分离的文字和由位图转换的矢量图进行变形，但不能将实例和群组等对象进行变形。

学习任务

制作一个倒计时水晶球动画,如图所示(要求:动画时长9秒)。(样例为配套教学资源中的“第2章\样例”中的“倒计时水晶球.swf”）

其中，球体逐渐变色，数字逐渐演化倒计时。

任务分析

1.动画角色分析

观察右图可以发现，该动画有3个动画角色。分析它们，可以发现它们各具特点，如下表所示。

表格如下：

因此，本任务需要设计3个元件，分别是倒计时数字、水晶球和架子，因其各自状态不同，前两个元件的类型为影片剪辑，而最后一个元件的类型为图形。

2.角色动作设计

对于“倒计时数字”而言，需要设计两种动作，一种是每个数字停留一定时间，如0.5秒;另一种是由一个数字向另一个数字的逐渐变形，可以让变形过程持续0.5秒。

由于每个数字在停留的一定时间内没有任何变化，所以可以用插入普通帧的方式延长该关键帧的内容。而数字5变化到数字4，是一个逐渐变形的结果，如右图所示。因此，用逐顿动画和补间动画来实现并不方便，这需要借助另外一种动画形式——变形动画。

对于“水晶球”而言，并没有发生外形上的改变，只是颜色上有变换，如下图所示。为了充分展示颜色的变换过程，应该考虑播放时间的设计，如从一种颜色变换到另一种颜色可以考虑播放时间设置成1秒，其中包含停留的0.5秒时间。

操作指南

1.新建文件并保存

①新建文件。

②执行“文件”→“保存”命令，以“倒计时”为名保存该动画文件。

2.设计倒计时数字元件

（1）新建元件。执行“插入”→“新建元件”命令，以“数字”为元件名，元件类型设为“影片剪辑”。

（2）设置数字5的停留时间。

①修改图层名为“数字”。

②单击第1帧，利用工具面板的“文本工具”在舞台上输入数字5。

③右击第12帧，在快捷菜单中执行“插入关键帧”命令。

（3）创建数字5到数字4的变形动画

①设置变形的起始关键帧。右击第13帧，在快捷菜单中执行“插入关键帧”命令。

②设置变形的终止关键帧。右击第24帧，在快捷菜单中执行“插入空白关键帧”命令，然后利用“文本工具”在舞台上书写数字4。

③分离起、止关键帧的对象。选择第13帧，右击数字，在快捷菜单中执行“分离”命令，如图所示。

④创建变形动画

右击第13帧和第24帧之间的位置，在快捷菜单中执行“创建补间形状”命令，如图所示。

（4）创建其他数字之间的变形动画。方法与（3）类似，只是起、止关键帧的内容和帧数不同。

（5）退出元件编辑环境。同样方法分离第24帧的数字4。

3.设计水晶球元件

（1）新建元件。

①执行“插人”→“新建元件”命令，以“水晶球”为元件名，元件类型设为“影片剪辑”。

②修改图层名为“水晶球”。

（2）绘制水晶球。

①选择工具面板中的“椭圆工具”。

②在属性面板中，设置笔触颜色为无，填充颜色为绿色渐变色，如图所示。

③在舞台绘制水晶球。(提示:按住Shift键，可以绘制正圆形)

（3）创建水晶球的变形动画

水晶球的动画与数字的动画关键帧位置相同，只是内容不同。因此，制作方法与数字变换相似。制作完成后，退出元件编辑环境。

4.导入架子图片

①执行“文件”→“导入”→“导入到库”命令。

②在“导入到库”对话框中，选择需要导入的图片文件，如“架子jpg”(图片