2.3《动画角色的运动》课件 2023—2024学年河大版（2023）初中信息技术第二册

动画角色的运动 河北大学版信息技术初中第二册 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的区别是:运动的轨迹不再是直线轨迹，