资源简介

(共43张PPT)
《动画角色的运动》
河北大学版 初中版第二册
教学目标
1.信息意识：建立将学习其他软件的方法应用到学习Animate软件中的意识；
2.计算思维：培养使用计算机程序解决生活中的实际问题的思维方式；
3.数字化学习与创新：增强使用Animate软件制作动画及其相关知识技能；
4.信息社会责任：规范使用计算机程序解决问题，不做危害他人的网络行为。
新知导入
上节课我们学习了如何使用软件绘制角色，那接下来我们就要让这些角色“动起来”，怎么样才能做到呢？一起来学习一下吧！
新知讲解
运动是动画中最常见的一种表现形式，如何通过动画方式生动地把角色呈现在舞台上是动画制作要解决的基本问题。动画角色运动的方式有很多，如移动、旋转，以及改变大小、形状、颜色、透明度(淡入淡出)等。
新知讲解
学习任务1
为“人物表情.fla”中的“花朵”角色设计场景动作:从屏幕左侧[如图（a）所示]。顺时针旋转着进入画面，当运动到舞台中间的位置时停止[如图（b）所示]。要求:动画时长3秒。(样例为配套教学资源中的“第2章\样例”中的“旋花移入.swf”）
(a)
(b)
新知讲解
任务分析
本任务涉及的角色是花朵和表情，两个角色本身不必再做设计，可以继承上一节的设计。目前，只需要考虑角色在场景中的动作设计。
新知讲解
在上一节的“人物表情”动画场景中，以逐帧动画的方式实现“表情”实例的三种状态的变化，而“花朵”实例是静止的。本任务在上一节动画设计的基础之上，增加了“花朵”实例的动作设计，即实现“花朵”从屏幕左侧顺时针旋转着进入画面。
分析这一动作，有两方面内容：一是从屏幕左侧向右侧移动，二是顺时针旋转。
新知讲解
要使角色有规律地运动，可以让计算机帮助我们完成，不必逐帧制作。我们只需创建起始关键帧(第1帧)和终止关键帧(最后1帧)的内容，中间内容由Animate软件自动生成，这就是另一种动画形式——传统补间动画。
如果频为24 fps,那么动画时长3秒，就应该有72帧。
新知讲解
我们可以先观看视频，初步了解一下。
新知讲解
操作指南
1.打开“人物表情.fla"文件
执行“文件”一“打开”命令，打开“人物表情.fla”文件。
2.另存文件
执行“文件”→“另存为”命令，以“旋花移入，fla”为名保存文件。
新知讲解
3.设置“花朵”从左到右移动
(1）创建起始关键帧
“花朵”，实例要从屏幕的左侧进入画面，因此创建起始关键帧时需要将实例的位置设置在左侧的舞台外部，如右图所示。
①选中时间轴上“花朵”图层的第1帧。
②拖动舞台上的“花朵”实例至如右图所示的位置。
新知讲解
（2）创建终止关键帧
①选中时间轴上“花朵”图层准备设置终止关键的位置。在24 fps的情况下，如要完成3秒的动画，则终止关键帧的位置应选择在第72帧。
②拖动舞台上的“花朵”实例至如图所示的位置。
新知讲解
(3）创建传统补间动画
①在时间轴上，右击“花朵”图层起始关键帧和终止关键帧中间的位置，弹出如右图所示的快捷菜单。
②执行“创建传统补间”命令，完成动画设置，如图所示。出现实线箭头,并带有紫色底纹的时，表示设置动作补间动画成功。
新知讲解
拓展延伸
传统补间动画是改变对象的位置、大小、旋转和倾斜,做出物体运动的各种效果;改变对象的透明度、滤镜及色彩变化的效果,淡入和淡出效果的一种动画。
新知讲解
几种补间类型：
1.位置补间：从一位置变化到另一位置的动画；
2.旋转补间：元件实例根据制定中心进行旋转的动画；
3.缩放补间：元件实例的等比例缩放或是不等比例的作坊的动画；
4.倾斜补间：元件实例按指定角的方向拉伸或缩进，模拟3D旋转效果的动画；
5.元件属性补间：描述元件实例在影片中透明度、亮度、色调、高级颜色和滤镜等发生改变的动画。
新知讲解
（4）延长“表情”实例时长
①在时间轴上，选中“表情”图层的第72帧。
②右击鼠标，在快捷菜单中选择“插入帧”命令。
新知讲解
4.设置“花朵”顺时针旋转
为了使“花朵”实例能够在向右移动的同时顺时针旋转，需要在设置移动的效果时添加旋转的效果，具体方法如下:
①单击“花朵”图层起、止关键帧之间的任意位置，则属性面板显示出“帧”的相关属性。
②在属性面板“旋转”区域的下拉列表中，选择“顺时针”选项，如图所示。
新知讲解
5.测试影片，保存动画，导出影片
按之前掌握的操作方法完成影片的测试并保存动画文件,然后导出影片。
新知讲解
学习任务2
为“人物表情.fa”中的“花朵”角色设计场景动作:从屏幕上端顺时针旋转地进入画面，沿S形轨迹向画面左下方运动，且大小放大到如图所示。
要求:动画时长3秒(样例为配套教学资源中的“第2章\样例”中的“旋花飞入、swf”）
新知讲解
任务分析
任务2与任务1的区别是:运动的轨迹不再是直线轨迹，而是具有一定弧度的轨迹。若要实现这效果，可以通过创建引导层或者补间动画的形式来控制角色的运动轨迹。本部分以补间动画为例，完成任务2的动画制作。
新知讲解
操作指南
1.打开“人物表情.fla”文件
执行“文件”→“打开”命令，打开“人物表情.fla”文件。
2.另存文件
执行“文件”→“另存为”命令，以“旋花飞入.fla”为名保存文件。
新知讲解
3.设置“花朵”从上到下的移动
（1）确定“花朵”动作的总数。
根据设计的动画时长为3秒，可知需要72帧。所以，右击“花”图层的第72帧，在快捷菜单中执行“插入”命令。
新知讲解
（2）设置补间动画。
右击“花”图层起始与终止之间的位置，在快捷菜单中执行“创建补间动画”命令，则两之间时间轴颜色变成如图所示的淡蓝色。
新知讲解
（3）调整起始关键帧的对象。
单击“花”图层第1帧。调整“花朵”实例的位置及大小，如图所示。
新知讲解
（4）设计运动轨迹。
①单击“花”图层第36帧。
②在舞台上，向下直线拖动“花朵”实例到接近舞台中间位置，则产生一条蓝色轨迹线。此时，时间轴上第36上出现了一个菱形点，说明此是一个关键帧，这种关键帧为属性关键帧。如图（a）所示。
（a）
新知讲解
③单击“花”图层第72帧。
④在舞台上，拖动“花朵”实例至画面左下方，如图（b）所示。
⑤在工具面板中，选择“选择工具”。
⑥调整运动轨迹为弧线形，如图所示。
新知讲解
（5）调整终止关键帧对象大小。
①选中“花”图层第72帧，在工具面板中选择“任意变形工具”。
②放大“花朵”实例。
新知讲解
（6）设置旋转效果。
①单击“花”图层中的任意帧。则属性面板显示出“帧”的相关属性。
②单击属性面板中“旋转”区域的下拉按钮，在出现的列表中选择“顺时针”选项。
新知讲解
4.测试影片，保存动画，导出影片
按之前掌握的操作方法完成影片的测试并保存动画文件，然后导出影片。
新知讲解
任务小结
1.动作补间动画
（1）概念
只需要为动画的第一个关键帧和最后一个关键帧创建内容，两个关键帧之间的内容由Animate软件自动生成。
（2）传统补间制作步骤
①在起始关键帧上放置一个元件。
②在终止关键帧改变这个元件的大小、颜色、位置、透明度等。
③设置传统补间动画。
新知讲解
(3）补间制作步骤
①在起始关键帧上放置一个元件。
②在终止关键帧位置插人。
③在起始关键帧与终止关键帧之间设置补间动画。
④选择两帧之间的某一帧设置其属性。
（4）构成元素
制作时，构成动作补间动画的元素是元件，包括影片剪辑、图形、按钮、文字、位图、组合等。
新知讲解
2.逐帧动画与补间动画
（1）特点
逐帧动画是在时间轴上逐帧绘制帧的内容，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。与逐帧动画相比，补间动画具有以下几个特点:
新知讲解
①制作方法简单方便，不需要人为干预。
②相对于逐动画来说，补间动画更为连贯自然。因为逐帧动画是由人工控制，帧与帧之间的过渡很可能会不自然、不连贯，而补间动画除了两个关键帧由人工控制外，中间的帧都由计算机自动生成，因此过渡更为自然连贯。
③相对于逐帧动画来说，补间动画的文件更小且占用内存少。
新知讲解
(2）适用场合
逐帧动画：适用于每锁的图像都在发生无规律变化的动画。
补间动画：一般适用于比较有规律的动画。
新知讲解
接下来让我们一起观看视频学习一下，逐帧动画的制作运用。
新知讲解
练习与思考
（1）制作段表情动作动画，要求：
①动画时长4秒。
②设计一个眨眼表情元件，如图所示。
③在场景中，如图所示设计眨眼表情实例的动作。
(2）制作一个回家路线动态演示图。
新知讲解
我们一起观看视频，学习一下眨眼动作表情的动画要怎么制作。
课堂练习
请同学们动脑思考一下，并制作一个“伤心”表情元件，然后制作这个表情变化的动画视频，最后和同学一起交流一下，你的制作方法和思路。
课堂总结
1.学习动画制作的旋转及其运动。
2.学习动画可以沿着估计方向运动的方法。
3.学习和掌握逐帧动画和补间动画的含义及其运用。
板书设计
动画的运动学习方法
制作角色沿着轨迹运动
学会制作表情变化动画
作业布置
请同学们制作一个自己喜欢的人物角色，制作其表情变化的动画，下节课在课上进行分享和展示。
谢谢
21世纪教育网（www.21cnjy.com)
中小学教育资源网站
兼职招聘：
https://www.21cnjy.com/recruitment/home/admin中小学教育资源及组卷应用平台
信息技术《动画角色的运动》教学设计
课题 《动画角色的运动》 单元 二单元 学科 信息技术 年级 八年级
教材分析 《动画角色的运动》这一主题活动来自学生对动画运动的学习和制作。上节课我们学习了使用Animate软件绘制角色，为了让角色“动起来”，我们可以通过改变角色的大小，形状，颜色等让其呈现出运动的效果，这对于提高学生动手实践能力有很大帮助。
学习目标 1.信息意识：建立将学习其他软件的方法应用到学习Animate软件中的意识；2.计算思维：培养使用计算机程序解决生活中的实际问题的思维方式；3.数字化学习与创新：增强使用Animate软件制作动画及其相关知识技能；4.信息社会责任：规范使用计算机程序解决问题，不做危害他人的网络行为。
重点 学会让角色“动起来”
难点 学会制作表情变化的动画
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 1.导入：师：上节课我们学习了如何使用软件绘制角色，那接下来我们就要让这些角色“动起来”，怎么样才能做到呢？一起来学习一下吧！ 学生思考并回答问题 由此引入今天的学习内容
讲授新课 运动是动画中最常见的一种表现形式，如何通过动画方式生动地把角色呈现在舞台上是动画制作要解决的基本问题。动画角色运动的方式有很多，如移动、旋转，以及改变大小、形状、颜色、透明度(淡入淡出)等。学习任务1为“人物表情.fla”中的“花朵”角色设计场景动作:从屏幕左侧[如图（a）所示]。顺时针旋转着进入画面，当运动到舞台中间的位置时停止[如图（b）所示]。要求:动画时长3秒。(样例为配套教学资源中的“第2章\样例”中的“旋花移入.swf”）任务分析本任务涉及的角色是花朵和表情，两个角色本身不必再做设计，可以继承上一节的设计。目前，只需要考虑角色在场景中的动作设计。在上一节的“人物表情”动画场景中，以逐动画的方式实现“表情”实例的三种状态的变化，而“花朵”实例是静止的。本任务在上一节动画设计的基础之上，增加了“花朵”实例的动作设计，即实现“花朵”从屏幕左侧顺时针旋转着进入画面。分析这一动作，有两方面内容：一是从屏幕左侧向右侧移动，二是顺时针旋转。要使角色有规律地运动，可以让计算机帮助我们完成，不必逐帧制作。我们只需创建起始关键帧(第1帧)和终止关键帧(最后1帧)的内容，中间内容由Animate软件自动生成，这就是另一种动画形式——传统补间动画。如果频为24 fps,那么动画时长3秒，就应该有72帧。 操作指南1.打开“人物表情.fla"文件执行“文件”一“打开”命令，打开“人物表情.fla”文件。2.另存文件执行“文件”→“另存为”命令，以“旋花移入，fla”为名保存文件。3.设置“花朵”从左到右移动(1）创建起始关键帧“花朵”，实例要从屏幕的左侧进入画面，因此创建起始关键帧时需要将实例的位置设置在左侧的舞台外部，如右图所示。①选中时间轴上“花朵”图层的第1帧。②拖动舞台上的“花朵”实例至如右图所示的位置。（2）创建终止关键帧①选中时间轴上“花朵”图层准备设置终止关键的位置。在24 fps的情况下，如要完成3秒的动画，则终止关键帧的位置应选择在第72帧。②拖动舞台上的“花朵”实例至如图2-3-3所示的位置。(3）创建传统补间动画①在时间轴上，右击“花朵”图层起始关键和终止关键中间的位置，弹出如右图所示的快捷菜单。②执行“创建传统补间”命令，完成动画设置，如图所示。出现实线箭头,并带有紫色底纹的时，表示设置动作补间动画成功。拓展延伸传统补间动画是改变对象的位置、大小、旋转和倾斜,做出物体运动的各种效果;改变对象的透明度、滤镜及色彩变化的效果,淡入和淡出效果的一种动画。几种补间类型：1.位置补间：从一位置变化到另一位置的动画；2.旋转补间：元件实例根据制定中心进行旋转的动画；3.缩放补间：元件实例的等比例缩放或是不等比例的作坊的动画；4.倾斜补间：元件实例按指定角的方向拉伸或缩进，模拟3D旋转效果的动画；5.元件属性补间：描述元件实例在影片中透明度、亮度、色调、高级颜色和滤镜等发生改变的动画。（4）延长“表情”实例时长①在时间轴上，选中“表情”图层的第72帧。②右击鼠标，在快捷菜单中选择“插入”命令。4.设置“花朵”顺时针旋转 为了使“花朵”实例能够在向右移动的同时顺时针旋转，需要在设置移动的效果时添加旋转的效果，具体方法如下:①单击“花朵”图层，起、止关键帧之间的任意位置，则属性面板显示出“帧”的相关属性。②在属性面板“旋转”区域的下拉列表中，选择“顺时针”选项，如图所示。5.测试影片,保存动画,导出影片 按之前掌握的操作方法完成影片的测试并保存动画文件,然后导出影片。学习任务2为“人物表情.fa”中的“花朵”角色设计场景动作:从屏幕上端顺时针旋转地进入画面，沿S形轨迹向画面左下方运动，且大小放大到如图所示。要求:动画时长3秒(样例为配套教学资源中的“第2章\样例”中的“旋花飞入、swf”）任务分析任务2与任务1的区别是:运动的轨迹不再是直线轨迹，而是具有一定弧度的轨迹。若要实现这效果，可以通过创建引导层或者补间动画的形式来控制角色的运动轨迹。本部分以补间动画为例，完成任务2的动画制作。操作指南1.打开“人物表情.fla”文件执行“文件”→“打开”命令，打开“人物表情.fla”文件。2.另存文件执行“文件”→“另存为”命令，以“旋花飞人fla”为名保存文件。3.设置“花朵”从上到下的移动（1）确定“花朵”动作的总数。根据设计的动画时长为3秒，可知需要72帧。所以，右击“花”图层的第72帧，在快捷菜单中执行“插入”命令。（2）设置补间动画。右击“花”图层起始与终止之间的位置，在快捷菜单中执行“创建补间动画”命令，则两之间时间轴颜色变成如图所示的淡蓝色。（3）调整起始关键帧的对象。单击“花”图层第1帧。调整“花朵”实例的位置及大小，如图所示。（4）设计运动轨迹。①单击“花”图层第36帧。②在舞台上，向下直线拖动“花朵”实例到接近舞台中间位置，则产生一条蓝色轨迹线。此时，时间轴上第36上出现了一个菱形点，说明此是一个关键帧，这种关键为属性关键帧。如图（a）所示。③单击“花”图层第72帧。④在舞台上，拖动“花朵”实例至画面左下方，如图（b）所示。⑤在工具面板中，选择“选择工具”。⑥调整运动轨迹为弧线形，如图2-3-7所示。（5）调整终止关键帧对象大小。①选中“花”图层第72帧，在工具面板中选择“任意变形工具”。②放大“花朵”实例。（6）设置旋转效果。①单击“花”图标中的任意帧。则属性面板显示出“帧”的相关属性。②单击属性面板中“旋转”区域的下拉按钮，在出现的列表中选择“顺时针”选项。4.测试影片，保存动画，导出影片按之前掌握的操作方法完成影片的测试并保存动画文件，然后导出影片。任务小结1.动作补间动画（1）概念 只需要为动画的第一个关键帧和最后一个关键创建内容，两个关键帧之间的内容由Animate软件自动生成。（2）传统补间制作步骤①在起始关键帧上放置一个元件。②在终止关键改变这个元件的大小、颜色、位置、透明度等。③设置传统补间动画。(3）补间制作步骤①在起始关键帧上放置一个元件。②在终止关键帧位置插人。③在起始关键帧与终止关键帧之间设置补间动画。④选择两帧之间的某一帧设置其属性。（4）构成元素制作时，构成动作补间动画的元素是元件，包括影片剪辑、图形、按钮、文字、位图、组合等。2.逐锁动画与补间动画（1）特点 逐帧动画是在时间轴上逐帧绘制帧的内容，由于是一帧一帧地画，所以逐动画具有非常大的灵活性，几乎可以表现任何想表现的内容。与逐帧动画相比，补间动画具有以下几个特点:①制作方法简单方便，不需要人为干预。②相对于逐动画来说，补间动画更为连贯自然。因为逐动画是由人工控制，帧与帧之间的过渡很可能会不自然、不连贯，而补间动画除了两个关键帧由人工控制外，中间的帧都由计算机自动生成，因此过渡更为自然连贯。③相对于逐动画来说，补间动画的文件更小且占用内存少。(2）适用场合逐锁动画：适用于每锁的图像都在发生无规律变化的动画。补间动画：一般适用于比较有规律的动画。接下来让我们一起观看视频学习一下，逐帧动画的制作运用。练习与思考（1）制作段表情动作动画，要求：①动画时长4秒。②设计一个眨眼表情元件，如图所示。③在场景中，如图所示设计眨眼表情实例的动作。(2）制作一个回家路线动态演示图。我们一起观看视频，学习一下眨眼动作表情的动画要怎么制作。作业布置请同学们制作一个自己喜欢的人物角色，表情变化的动画，下节课在课上进行分享和展示。 学生了解本节课的学习内容学生学习“任务分析”的内容学生学习创建相关的“帧”为后续学习铺垫学生了解什么是补间动画，了解补间动画的一些类型学生掌握让“花朵”旋转的方法学生完成任务一的学习，观看视频学生学习，让角色沿着轨迹运动的方法和步骤最后保存视频，交流学习时遇到的问题学生掌握“任务小结”的内容
学生观看视频学生观看视频 引出接下来的学习环节简化学习思路提高学生动手实践能力拓展延伸学生知识学生动手实践，简化学习步骤为了使角色“动起来”一般是改变其特征，让其发生变化增加学生知识技能巩固所学的内容增加学生一些相关知识的讲解观看视频学习逐帧动画的制作通过观看视频学习
课堂练习 请同学们动脑思考一下，并制作一个“伤心”表情元件，然后制作这个表情变化的动画视频，最后和同学一起交流一下，你的制作方法和思路。 学生完成课堂练习 巩固所学知识
课堂小结 1.学习动画制作的旋转及其运动2.学习动画可以沿着估计方向运动的方法3.学习和掌握逐锁动画和补间动画的含义及其运用 学生总结本节课的学习内容 总结概括本节课的学习内容
板书 动画的运动学习方法
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)

展开更多......

收起↑