1、第6课 去秋游 设置动画补间动画 南方出版传媒 第四册上 B版 新知讲解新知讲解 学校组织外出秋游，如何把校 车行驶的画面用逐帧动画展示出来。 设置校车的简单移动，可以 用“动画补间动画”制作效果。 新知导入新知导入 观看动画 打开教学配套资源“第六课赏析去 秋游.swf”文件，说说其中包含了几个画 面。 新知讲解新知讲解 新知讲解新知讲解 一、组织素材 制作动画，需要准备素材吗？素材的来 源从哪而来呢？ 丌管制作什么动画，都需要素材，来源 可以是自己绘制，也可以是教学配套的资源， 或从网上搜集。 新建一个Flash文件，设置文档尺寸 750X180px。把校车图片导入库中。 新知讲解新知讲解
2、 新知导入新知导入 1、单击菜单栏中 的“文件”按钮， 选择导入 2、单击“导入到 库”按钮 新知讲解新知讲解 3、选择要导入的 外部文件 4、单击“打开” 按钮 新知讲解新知讲解 （1）导入到工作舞台不导入到库有什 么区别？ 导入到工作舞台：直接导入到场景，库中也有。 导入到库：以位图类型存放在库中，场景没有。 新知讲解新知讲解 （2）Flash能导入GIF动画形态的图形 文件到库吗？ 可以。 新知讲解新知讲解 （3）导入到库中的图片已经是元件了 吗？ 丌是，导入的图片以“位图”类型存放在库中。 新知讲解新知讲解 二、设置动画补间动画 要表现一个物体的运动画面，通常用 “动画补间动画”实现，
3、只需设置物体第一 帧和最后一帧的位置，中间的过渡帧则由 Flash自动补充。 将库中“校车”图片转换成元件，创 设开始帧和结束帧为关键帧，并将“补间” 栏设置为“动画”。 新知讲解新知讲解 新知讲解新知讲解 1、按“F11”键打开 库，拖动校车图片到 工作舞台，并将校车 图片转换成元件 新知讲解新知讲解 2、在第20帧单击鼠 标右键，显示帧的菜 单 3、选择“插入关键帧” 选项 新知讲解新知讲解 4、在第1帧调整校车 的起点位置 新知讲解新知讲解 5、在第20帧调整校 车的终点位置 6、单击第120帧的 任意一帧 新知讲解新知讲解 8、在“补间”栏下拉 框中选择“动画”选 项 7、单击“属性”
4、按钮， 打开属性面板 新知讲解新知讲解 将文件保存为“秋游.fla”，并测试动画影片， 观看影片效果。 新知讲解新知讲解 在完成动画补间的设置后，时间轴发生 了怎样的变化，下图你观察到了什么？不形 状补间动画有何区别？ 新知讲解新知讲解 制作动画时，对时间的控制非常重要。就以开 校车的快慢来说，如果觉得车速，可通过以下 两种方法调控速度。 1、单击“修改”-“文档”-“文件属性”， 在帧频修改每秒播放的帧数。数值越大，速度 越快。 新知讲解新知讲解 2、增加时间轴帧数。点选时间轴，单击鼠标 右键，选择“插入帧”选项；也可按快捷键 “F5”，按一下就会增加1个帧数。 新知讲解新知讲解 Flash
5、8提供了功能强大的动画创建工 具。它可以创建形状补间动画和动画补间。 新知讲解新知讲解 区别 动画补间动画 形状补间动画 在时间轴 上的表现 淡紫色背景+长箭头 淡绿色背景+长箭头 动画对象 元件：影片剪辑、按钮、图形。 例：“太阳升起”的首关键帧 为太阳（元件），尾关键帧为 太阳（元件） 如果使用元件或文字，必须先分离成矢量图再 形变 例：“方形变成圆形”的首关键帧为方形（矢 量图），尾关键帧为圆形（矢量图） 动画效果 实现一个元件的大小、位置、 颜色等的变化。 实现两个形状之间的变化或一个形状的大小、 位置、颜色等的变化 被选中对 象的特征 对象会出现蓝色的外框 对象会出现均匀的白色小点
6、动画补间和形状补间的区别 新知讲解新知讲解 （1）有什么办法可以使校车的车轮滚 动起来，令画面更接近真实生活吗？ 将车轮打散分离，制作为元件。 新知讲解新知讲解 （2）生活中有哪些现象可以制作成 “动作补间动画”？ 月亮出现、星星眨眼 新知讲解新知讲解 三、制作渐隐效果 制作物体渐渐出现或渐渐消失，例如：火 箭升空现象，利用元件的渐隐功能就能达到 这样的效果。 参考教学配套资源“第六课赏析横 幅广告.swf”文件的效果，制作一个文字 边运动边渐现到渐隐效果的动画。 新知讲解新知讲解 新知讲解新知讲解 1、在文档属性面板中 设置文档大小为 702x90像素 2、设置背景颜色为蓝 色。 新知讲解新
7、知讲解 3、在第1帧场景中输 入文字“精彩的动画 世界”，再用“箭头” 工具单击选中并转换 成图形元件 新知讲解新知讲解 4、在第20帧插入关 键帧，并在第120帧 之间设置“补间”栏 为“动画” 新知讲解新知讲解 5、将第1帧的元件实 例拖到舞台右侧外的 工作区，并选中元件 6、打开元件属性面板， 设置颜色Alpha值为 0%。 新知讲解新知讲解 7、在第30帧、第50 帧插入关键帧，并在 第3050帧之间设置 动作补间动画。 8、将第50帧的元件实例 拖到舞台左侧外的工作区， 并在元件属性面板，设置 颜色Alpha值为0%。 新知讲解新知讲解 将文件保存为“横幅广告效果.fla”，并测试
8、动画影片，观看影片效果。 新知讲解新知讲解 新知讲解新知讲解 你知道在哪种情况下文字需要分离，哪 种情况下文字需要设置成元件吗？ 进行形状补间动画时 新知讲解新知讲解 请把“去秋游.fla”文件里的校车动画补间动画设置 为渐隐效果的动画补间动画，校车可以渐渐出现也可以 渐渐消失。 拓展提高拓展提高 完成学习评估。 课堂总结课堂总结 区别 动画补间动画 形状补间动画 在时间轴 上的表现 淡紫色背景+长箭头 淡绿色背景+长箭头 动画对象 元件：影片剪辑、按钮、图形。 例：“太阳升起”的首关键帧 为太阳（元件），尾关键帧为 太阳（元件） 如果使用元件或文字，必须先分离成矢量图再 形变 例：“方形变成圆形”的首关键帧为方形（矢 量图），尾关键帧为圆形（矢量图） 动画效果 实现一个元件的大小、位置、 颜色等的变化。 实现两个形状之间的变化或一个形状的大小、 位置、颜色等的变化 被选中对 象的特征 对象会出现蓝色的外框 对象会出现均匀的白色小点 动画补间和形状补间的区别 板书设计板书设计 一、组织素材 二、设置动画补间动画 三、制作渐隐效果
