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

信息技术《动画角色的运动》教学设计

课题

《动画角色的运动》

单元

二单元

学科

信息技术

年级

八年级

教材分析

《动画角色的运动》这一主题活动来自学生对动画运动的学习和制作。上节课我们学习了使用Animate软件绘制角色，为了让角色“动起来”，我们可以通过改变角色的大小，形状，颜色等让其呈现出运动的效果，这对于提高学生动手实践能力有很大帮助。

学习

目标

1.信息意识：建立将学习其他软件的方法应用到学习Animate软件中的意识；

2.计算思维：培养使用计算机程序解决生活中的实际问题的思维方式；

3.数字化学习与创新：增强使用Animate软件制作动画及其相关知识技能；

4.信息社会责任：规范使用计算机程序解决问题，不做危害他人的网络行为。

重点

学会让角色“动起来”

难点

学会制作表情变化的动画

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

1.导入：

师：上节课我们学习了如何使用软件绘制角色，那接下来我们就要让这些角色“动起来”，怎么样才能做到呢？一起来学习一下吧！

学生思考并回答问题

由此引入今天的学习内容

讲授新课

运动是动画中最常见的一种表现形式，如何通过动画方式生动地把角色呈现在舞台上是动画制作要解决的基本问题。动画角色运动的方式有很多，如移动、旋转，以及改变大小、形状、颜色、透明度(淡入淡出)等。

学习任务1

为“人物表情.fla”中的“花朵”角色设计场景动作:从屏幕左侧[如图（a）所示]。顺时针旋转着进入画面，当运动到舞台中间的位置时停止[如图（b）所示]。要求:动画时长3秒。(样例为配套教学资源中的“第2章\样例”中的“旋花移入.swf”）

任务分析

本任务涉及的角色是花朵和表情，两个角色本身不必再做设计，可以继承上一节的设计。目前，只需要考虑角色在场景中的动作设计。

在上一节的“人物表情”动画场景中，以逐动画的方式实现“表情”实例的三种状态的变化，而“花朵”实例是静止的。本任务在上一节动画设计的基础之上，增加了“花朵”实例的动作设计，即实现“花朵”从屏幕左侧顺时针旋转着进入画面。分析这一动作，有两方面内容：一是从屏幕左侧向右侧移动，二是顺时针旋转。

要使角色有规律地运动，可以让计算机帮助我们完成，不必逐帧制作。我们只需创建起始关键帧(第1帧)和终止关键帧(最后1帧)的内容，中间内容由Animate软件自动生成，这就是另一种动画形式——传统补间动画。

如果频为24fps,那么动画时长3秒，就应该有72帧。

操作指南

1.打开“人物表情.fla文件

执行“文件”一“打开”命令，打开“人物表情.fla”文件。

2.另存文件

执行“文件”→“另存为”命令，以“旋花移入，fla”为名保存文件。

3.设置“花朵”从左到右移动

(1）创建起始关键帧

“花朵”，实例要从屏幕的左侧进入画面，因此创建起始关键帧时需要将实例的位置设置在左侧的舞台外部，如右图所示。

①选中时间轴上“花朵”图层的第1帧。

②拖动舞台上的“花朵”实例至如右图所示的位置。

（2）创建终止关键帧

①选中时间轴上“花朵”图层准备设置终止关键的位置。在24fps的情况下，如要完成3秒的动画，则终止关键帧的位置应选择在第72帧。

②拖动舞台上的“花朵”实例至如图2-3-3所示的位置。

(3）创建传统补间动画

①在时间轴上，右击“花朵”图层起始关键和终止关键中间的位置，弹出如右图所示的快捷菜单。

②执行“创建传统补间”命令，完成动画设置，如图所示。出现实线箭头,并带有紫色底纹的时，表示设置动作补间动画成功。

拓展延伸

传统补间动画是改变对象的位置、大小、旋转和倾斜,做出物体运动的各种效果;改变对象的透明度、滤镜及色彩变化的效果,淡入和淡出效果的一种动画。

几种补间类型：

1.位置补间：从一位置变化到另一位置的动画；

2.旋转补间：元件实例根据制定中心进行旋转的动画；

3.缩放补间：元件实例的等比例缩放或是不等比例的作坊的动画；

4.倾斜补间：元件实例按指定角的方向拉伸或缩进，模拟3D旋转效果的动画；

5.元件属性补间：描述元件实例在影片中透明度、亮度、色调、高级颜色和滤镜等发生改变的动画。

（4）延长“表情”实例时长

①在时间轴上，选中“表情”图层的第72帧。

②右击鼠标，在快捷菜单中选择“插入”命令。

4.设置“花朵”顺时针旋转

为了使“花朵”实例能够在向右移动的同时顺时针旋转，需要在设置移动的效果时添加旋转的效果，具体方法如下:

①单击“花朵”图层，起、止关键帧之间的任意位置，则属性面板显示出“帧”的相关属性。

②在属性面板“旋转”区域的下拉列表中，选择“顺时针”选项，如图所示。

5.测试影片,保存动画,导出影片

按之前掌握的操作方法完成影片的测试并保存动画文件,然后导出影片。

学习任务2

为“人物表情.fa”中的“花朵”