动画制作第八章ppt课件.ppt

第8章动画制作 中 补间动画 动画补间动画形状补间动画 1 8 1动画补间动画 8 1 1动画补间动画的特点 组成元素 制作动画补间动画时 两个关键帧上的对象必须是元件实例 在时间轴面板上的表现形式 在两个关键帧之间创建动画补间动画后 两个关键帧之间的背景变为淡紫色 在起始帧和结束帧之间有一个长长的箭头 2 8 1 2创建动画补间动画的方法 我们通过一个小实例来学习动画补间动画的创建方法 打开素材文档插入关键帧并放大元件实例 1 打开素材文档 2 在 图层1 的第15帧处按 F6 键插入关键帧 然后利用 任意变形工具 将第15帧上的元件实例成比例放大 3 创建动画补间动画的参数设置插入关键帧并移动元件实例 3 单击选中 图层1 的第1帧 然后打开 属性 面板 在 补间 下拉列表中选择 动画 选项 4 在 图层1 的第30帧处插入关键帧 然后将第30帧上的元件实例移动到舞台左下角 4 5 选中 图层1 的第15帧 利用与步骤3相同的方法创建动画补间动画 然后在 旋转 下拉列表中选择 逆时针 选项 并在 旋转数 编辑框中输入 2 设置 旋转 选项参数 通过快捷菜单创建动画补间动画 5 典型实例 战斗机 战斗机动画 本例操作步骤可参考视频 8 1 avi 6 8 1 3改进动画补间动画 我们利用一个简单的小例子 来介绍如何制作变色 淡入淡出和发光效果的动画 设置文档属性输入文字 1 新建一个 宽度 为 400 像素 高度 为 200 像素 背景颜色 为 蓝色 0099FF 的Flash文档 2 使用 文本工具 输入文字 7 将文字转换为图形元件创建动画补间动画 3 将舞台中的文字转换为名为 文字 的图形元件 4 在第15帧插入关键帧 然后在第1帧与第15帧之间的任意帧上右击鼠标 在弹出的快捷菜单中选择 创建补间动画 菜单 创建动画补间动画 8 放大元件实例改变不透明度 5 选中第1帧上的元件实例 按快捷键 Ctrl Shift S 在弹出的 缩放与旋转 对话框 缩放 编辑框中输入 200 将元件实例放大200 然后打开 属性 面板 在 颜色 下拉列表中选择 Alpha 透明度 选项 并在其右侧的编辑框中输入 0 9 设置元件实例的亮度制作闪白效果 6 分别在第16 17 18 19帧处插入关键帧 然后选中第16帧上的元件实例 在 属性 面板 颜色 选项的下拉列表中选择 亮度 选项 并在其右侧的编辑框中输入100 7 利用与步骤6相同的方法将第18帧上元件实例的亮度也设为100 10 设置元件实例的色调创建动画补间动画并插入普通帧 8 在第30帧处插入关键帧 然后选中第30帧上的元件实例 打开 属性 面板 在 颜色 下拉列表中选择 色调 选项 单击其右侧的色块 在弹出的 拾色器 中选择 紫色 然后将 色彩数量 设为100 9 最后在第15帧与第30帧之间的任意帧上右击鼠标 在弹出的快捷菜单中选择 创建补间动画 菜单 创建动画补间动画 再在第50帧处插入普通帧 11 典型实例 网页广告 网页广告 本例操作步骤可参考视频 8 2 avi 12 8 2制作形状补间动画 8 2 1形状补间动画的特点 利用形状补间动画除了可以实现两个图形之间颜色 大小 位置的相互变化 还可以实现两个图形之间形状的相互变化 形状补间动画只能针对分离的矢量图形 如果使用图形元件 按钮 文字 组合等 则需要先将它们分离才能创建形状补间动画 形状补间动画建好后 时间帧面板的背景色变为淡绿色 在起始帧和结束帧之间有一个长长的箭头 如果箭头变为虚线 则说明制作不成功 13 8 2 2创建形状补间动画的方法 舞台中的图形剪切并移动图形 1 打开素材文档 2 在 图层1 的第20帧处插入空白关键帧 然后将第1帧上的飞机图形剪切到第20帧的舞台中 并将第1帧上的小鸟图形移动到舞台中间位置 下面我们以一个简单的小实例来说明形状补间动画的创建 14 创建形状补间动画设置形状补间动画参数 3 选中第1帧与第20帧之间的任意帧 然后打开 属性 面板 在 补间 选项的下拉列表中选择 形状 选项 即可创建形状补间动画 4 在 混合 选项的下拉列表中有 分布式 和 角形 两个选项 这里我们选择 分布式 至此实例就完成了 15 8 2 3让形状变化更逼真 形状提示 下面我们以一个简单的实例介绍形状提示的应用 舞台中的图形剪切并移动图形 1 打开素材文档 2 在 图层1 的第20帧处插入空白关键帧 然后将第1帧上的老虎剪切到第20帧的舞台中心位置 并将第1帧上的小猫移动到舞台中间位置 16 3 在第1帧与第20帧之间的任意帧上右击鼠标 然后在弹出的快捷菜单中选择 创建补间形状 菜单 创建形状补间动画 4 按下 Enter 键预览动画效果 会发现两个图形之间的过渡很随意 不符合我们的要求 创建形状补间动画过渡动画 17 添加形状提示第1帧与第20帧上的形状提示 6 在第1帧上会出现一个红色的形状提示 相应的在第20帧上也出现了一个红色的形状提示 5 选中 图层1 的第1帧 然后选择 修改 形状 添加形状提示 菜单 添加一个形状提示 18 调整后的形状提示 7 使用 选择工具 将第1帧上的形状提示移动到小猫的头顶位置 再将第20帧上的形状提示移动到老虎的头顶位置 表示在变形时小猫的头会变为老虎的头 此时第1帧上的形状提示会变为黄色 第20帧上的形状