FLASH CS4课件L7补间动画的制作

传统补间属性
缓动：应用于有速度变化的动画效果。 缓动：应用于有速度变化的动画效果。 -100~100之间的值，0值以上是由快 之间的值， 值以上是由快 之间的值 到慢， 值以下是由慢到快 值以下是由慢到快； 到慢，0值以下是由慢到快； 旋转：设置对象的旋转效果，包括 旋转：设置对象的旋转效果， 自动” 顺时针” 逆时针” “自动”、“顺时针”、“逆时针” 和“无”4项； 项 紧贴：使物体可以附着在引导线上； 紧贴：使物体可以附着在引导线上； 同步：设置元件动画的同步性； 同步：设置元件动画的同步性； 调整到路径：在路径动画效果中， 调整到路径：在路径动画效果中，使 对象能够沿着引导线的路径移动； 对象能够沿着引导线的路径移动； 缩放：应用于有大小变化的动画效果。 缩放：应用于有大小变化的动画效果。 【飘落的花朵.fla】【渐隐渐显.fla】 飘落的花朵.fla】 渐隐渐显.fla】 .fla .fla
可制作的动画效果有位置移动、大小变化、旋转移动、 可制作的动画效果有位置移动、大小变化、旋转移动、逐 渐消失等等，还能将它们相互组合制作出式样更加丰富、 渐消失等等，还能将它们相互组合制作出式样更加丰富、 效果更加吸引人的复杂动画。 效果更加吸引人的复杂动画。
一般制作流程】 【一般制作流程】先在一个关键帧中定义实例的大 颜色、位置、透明度等参数， 小、颜色、位置、透明度等参数，然后创建出另一 个关键帧并修改这些参数，最后创建补间动画， 个关键帧并修改这些参数，最后创建补间动画，让 Flash自动生成过渡状态。 自动生成过渡状态。 自动生成过渡状态
创建传统补间动画
传统补间动画（又叫做动作补间 中间帧动画、 传统补间动画（又叫做动作补间、中间帧动画、渐 动作补间、 变动画），只要建立起始和结束的画面， ），只要建立起始和结束的画面 变动画），只要建立起始和结束的画面，中间的部 分由Flash自动生成，省去了中间动画制作的复杂过 自动生成， 分由 自动生成 中最常用的动画效果。 程，是Flash中最常用的动画效果。 中最常用的动画效果
引导层动画
使用运动引导层可以创建特定路径的部件动画效果， 使用运动引导层可以创建特定路径的部件动画效果， 实例、组或文本块均可沿着这些路径运动。 实例、组或文本块均可沿着这些路径运动。 两种引导层
普通引导层：只起到辅助静态对象定位的作用， 普通引导层：只起到辅助静态对象定位的作用，影片放映时 不可见，无需使用被引导层，可单独使用， 不可见，无需使用被引导层，可单独使用，与普通图层的属 性相似。 性相似。 图层面板中，右键快捷菜单【引导层】 图层面板中，右键快捷菜单【引导层】 运动引导层：总是与至少一个图层相关联， 运动引导层：总是与至少一个图层相关联，如果需要可以与 任意多个图层相关联（这些被关联的图层称为被引导层 被引导层） 任意多个图层相关联（这些被关联的图层称为被引导层） 图层面板中，右键快捷菜单【添加传统运动引导层】 图层面板中，右键快捷菜单【添加传统运动引导层】；通过 拖拽可增加或减少被引导图层。 拖拽可增加或减少被引导图层。
第七讲 补间动画 的制作
授课教师：郑旭玲 院系：信息科学与技术学院智能科学系 课件服务器1：http://learning.xmu.edu.cn （课程：flash动画基础，密码：cs42010） 课件服务器2：ftp://59.77.17.151 （账号：flash，密码：cs42010）
内容概要
创建补间形状动画
形状补间可以实现将一幅图形变为另一幅图形的效果。 形状补间可以实现将一幅图形变为另一幅图形的效果。 可以实现将一幅图形变为另一幅图形的效果 形状补间和动作补间的主要区别】 【形状补间和动作补间的主要区别】形状补间不能应 用到实例上， 用到实例上，必须是被打散的形状图形之间才能产生 形状补间。 形状补间。 形状图形：由无数像素点堆积而成的， 形状图形：由无数像素点堆积而成的，并非是一个整 选中时没有一个蓝色边框， 体。选中时没有一个蓝色边框，而是显示为掺杂着白 点的图形。 点的图形。 形状补间的属性： 形状补间的属性： 缓动：动画朝着结束方向变化的速率， 缓动：动画朝着结束方向变化的速率，-100~100之间 之间 的值， 值以上是减速 值以上是减速， 值以下是加速 值以下是加速； 的值，0值以上是减速，0值以下是加速； 混合： 分布式”创建的动画形状比较平滑和不规则； 混合：“分布式”创建的动画形状比较平滑和不规则； 角形”创建的动画形状会保留明显的角和直线， “角形”创建的动画形状会保留明显的角和直线，只 混合形状。 适合于具有锐化转角和直线的 混合形状。如果所选形 状没有角，系统自动还原到“分布式”补间； 状没有角，系统自动还原到“分布式”补间；
Flash CBiblioteka Baidu4中的动画类型（2） 中的动画类型（ ） 中的动画类型
补间形状 在形状补间中，可在时间轴中的特定帧绘制一个形状， 在形状补间中，可在时间轴中的特定帧绘制一个形状， 然后更改该形状或在另一个特定帧绘制另一个形状。 然后更改该形状或在另一个特定帧绘制另一个形状。 然后， 将内插中间的帧的中间形状， 然后，Flash 将内插中间的帧的中间形状，创建一个形 状变形为另一个形状的动画。 状变形为另一个形状的动画。 反向运动姿势（骨骼） 反向运动姿势（骨骼） 反向运动姿势用于伸展和弯曲形状对象以及链接元件实 例组，使它们以自然方式一起移动。可以在不同帧中以 例组，使它们以自然方式一起移动。 不同方式放置形状对象或链接的实例， 不同方式放置形状对象或链接的实例，Flash 将在中间 内插帧中的位置。 内插帧中的位置。
创建补间形状动画示例 ——文字呈现 文字呈现2 文字呈现
文件， 【步骤1】新建一个 步骤 】新建一个flash文件，舞台颜色改为黑色； 文件 舞台颜色改为黑色； 矩形工具]， 【步骤2】选中 矩形工具 ，设置笔触颜色无，填充颜色为红色，在场景中 步骤 】选中[矩形工具 设置笔触颜色无，填充颜色为红色， 绘制一个矩形； 绘制一个矩形； 套索工具]在矩形中选取不规则形状 【步骤3】选中 套索工具 在矩形中选取不规则形状，并将选取的红色区域 步骤 】选中[套索工具 在矩形中选取不规则形状， 移动到矩形之外；使用同样的方法得到若干个不规则的红色形状后， 移动到矩形之外；使用同样的方法得到若干个不规则的红色形状后，将 红色矩形删除； 红色矩形删除； 时间轴]面板中选中第 插入空白关键帧] 【步骤4】在[时间轴 面板中选中第 帧，按F7键[插入空白关键帧 ；选中 步骤 】 时间轴 面板中选中第25帧 键 插入空白关键帧 [文本工具 在场景中创建文本“您”并调整到合适的位置；选中文本后按 文本工具]在场景中创建文本 并调整到合适的位置； 文本工具 在场景中创建文本“ Ctrl+B键[分离 为图形； 分离]为图形 键 分离 为图形； 时间轴]面板中选中第 帧间的任何一帧， 【步骤5】在[时间轴 面板中选中第 步骤 】 时间轴 面板中选中第1~25帧间的任何一帧，单击鼠标右键， 帧间的任何一帧 单击鼠标右键， 在快捷菜单中选择[创建补间形状 创建补间形状]； 在快捷菜单中选择 创建补间形状 ； 【步骤6】使用类似的方法在新建的图层中的第 步骤 】使用类似的方法在新建的图层中的第25~50帧之间 为“好”字创 帧之间 建补间形状动画； 建补间形状动画； 帧按F5键 插入帧 插入帧]； 【步骤7】在两个图层的第 帧按 键[插入帧 ； 步骤 】在两个图层的第60帧按 【步骤8】测试场景，保存并导出影片。 步骤 】测试场景，保存并导出影片。
Flash CS4中的动画类型 中的动画类型 创建传统补间动画 创建补间形状动画 创建引导层动画 创建遮罩层动画
Flash CS4中的动画类型 中的动画类型
逐帧动画 使用此动画技术， 使用此动画技术，可以为时间轴中的每个帧指定不同的 艺术作品。使用此技术可创建与快速连续播放的影片帧 艺术作品。 类似的效果。 类似的效果。对于每个帧的图形元素必须不同的复杂动 画而言，此技术非常有用。 画而言，此技术非常有用。 补间动画 使用补间动画可设置对象的属性， 使用补间动画可设置对象的属性，如一个帧中以及另一 个帧中的位置和Alpha透明度。然后 透明度。 个帧中的位置和 透明度 然后Flash在中间内插 在中间内插 帧的属性值。对于由对象的连续运动或变形构成的动画， 帧的属性值。对于由对象的连续运动或变形构成的动画， 补间动画很有用。 补间动画很有用。补间动画在时间轴中显示为连续的帧 范围，默认情况下可以作为单个对象进行选择。 范围，默认情况下可以作为单个对象进行选择。补间动 画功能强大，易于创建。 画功能强大，易于创建。 传统补间 传统补间与补间动画类似，但是创建起来更复杂。 传统补间与补间动画类似，但是创建起来更复杂。传统 补间允许一些特定的动画效果， 补间允许一些特定的动画效果，使用基于范围的补间不 能实现这些效果。 能实现这些效果。
创建补间形状动画示例 ——文字呈现 文字呈现1 文字呈现
文件， 【步骤1】新建一个 步骤 】新建一个flash文件，舞台颜色改为黑色； 文件 舞台颜色改为黑色； 椭圆工具]， 【步骤2】选中 椭圆工具 ，设置笔触颜色无，填充颜色为红 步骤 】选中[椭圆工具 设置笔触颜色无， 在场景中绘制一个椭圆；再复制一个椭圆， 色，在场景中绘制一个椭圆；再复制一个椭圆，调整好它 们的位置； 们的位置； 【步骤3】在[时间轴 面板中选中第 帧，按F6键[插入关键 时间轴]面板中选中第 步骤 】 时间轴 面板中选中第30帧 键 插入关键 同时选中两个椭圆， Ctrl+G键[组合 组合] 选择[文本 帧] ；同时选中两个椭圆，按Ctrl+G键[组合] ；选择[文本 工具]在场景中插入 您好” 调整合适的字体大小后， 在场景中插入“ 工具 在场景中插入“您好”，调整合适的字体大小后， 键两次[分离 为图形， 按Ctrl+B键两次 分离 为图形，并分别调整到两个椭圆所 键两次 分离]为图形 在的位置；删除两个椭圆； 在的位置；删除两个椭圆； 时间轴]面板中选中第 帧间的任何一帧， 【步骤4】在[时间轴 面板中选中第 步骤 】 时间轴 面板中选中第1~30帧间的任何一帧， 帧间的任何一帧 单击鼠标右键，在快捷菜单中选择[创建补间形状 创建补间形状]； 单击鼠标右键，在快捷菜单中选择 创建补间形状 ； 帧按F5键 插入帧 插入帧]； 【步骤5】在两个图层的第 帧按 键[插入帧 ； 步骤 】在两个图层的第40帧按 【步骤6】测试场景，保存并导出影片。 步骤 】测试场景，保存并导出影片。
两个必要前提： 两个必要前提： 1. 起始关键帧与结束关键帧缺一不可； 起始关键帧与结束关键帧缺一不可； 2. 应用于传统补间的对象必须具有元件或者群组的属性。 应用于传统补间的对象必须具有元件或者群组的属性。
创建传统补间动画示例 ——飘落的花朵 飘落的花朵
花朵.fla”文件； 文件； 【步骤1】打开“rs_L7\花朵 步骤 】打开“ 花朵 文件 键打开[变形 【步骤2】在场景中选择花朵实例，按Ctrl+T键打开 变形 面 步骤 】在场景中选择花朵实例， 键打开 变形]面 调整实例的大小及位置（舞台上方）； 板，调整实例的大小及位置（舞台上方）； 时间轴]面板的第 帧位置按F6键 插入关键帧 插入关键帧]， 【步骤3】在[时间轴 面板的第 帧位置按 键[插入关键帧 ， 步骤 】 时间轴 面板的第30帧位置按 并调整实例的位置（舞台下方）； 并调整实例的位置（舞台下方）； 帧之间的任何一帧， 【步骤4】选择第 步骤 】选择第1~30帧之间的任何一帧，单击鼠标右键， 帧之间的任何一帧 单击鼠标右键， 在快捷菜单中选择[创建传统补间 创建传统补间]； 在快捷菜单中选择 创建传统补间 ； 时间轴]面板中选择补间动画中的任何一帧 【步骤5】在[时间轴 面板中选择补间动画中的任何一帧，在 步骤 】 时间轴 面板中选择补间动画中的任何一帧， [属性 面板中设置旋转为逆时针，圈数为2； 属性]面板中设置旋转为逆时针，圈数为 ； 属性 面板中设置旋转为逆时针 【步骤6】使用类似的方法在新建的图层中添加花朵实例并 步骤 】 为之创建传统补间动画。 为之创建传统补间动画。 【步骤7】测试场景，保存并导出影片。 步骤 】测试场景，保存并导出影片。