FLASH动画的类型.ppt

FlashCS5网页设计 http www fu FlashCS5中的动画类型1 FlashCS5中的动画类型2 创建传统补间动画 传统补间动画 又叫做动作补间 中间帧动画 渐变动画 只要建立起始和结束的画面 中间的部分由Flash自动生成 省去了中间动画制作的复杂过程 是Flash中最常用的动画效果 可制作的动画效果有位置移动 大小变化 旋转移动 逐渐消失等等 还能将它们相互组合制作出式样更加丰富 效果更加吸引人的复杂动画 创建传统补间动画 一般制作流程 先在一个关键帧中定义实例的大小 颜色 位置 透明度等参数 然后创建出另一个关键帧并修改这些参数 最后创建补间动画 让Flash自动生成过渡状态 两个必要前提 起始关键帧与结束关键帧缺一不可 应用于传统补间的对象必须具有元件或者群组的属性 传统补间动画示例 案例 飘落的花朵 步骤1 画出花朵 步骤2 在场景中选择花朵实例 按Ctrl T键打开 变形 面板 调整实例至舞台上方 步骤3 在 时间轴 面板的第30帧位置按F6键 插入关键帧 并调整实例至舞台下方 步骤4 选择第1 30帧之间的任何一帧 单击鼠标右键 在快捷菜单中选择 创建传统补间 步骤5 在 时间轴 面板中选择补间动画中的任何一帧 在 属性 面板中设置旋转为逆时针 圈数为2 步骤6 使用类似的方法在新建的图层中添加花朵实例并为之创建传统补间动画 步骤7 测试场景 保存并导出影片 传统补间属性 缓动 应用于有速度变化的动画效果 100 100之间的值 0值以上是由快到慢 0值以下是由慢到快 旋转 设置对象的旋转效果 包括 自动 顺时针 逆时针 和 无 4项 紧贴 使物体可以附着在引导线上 同步 设置元件动画的同步性 调整到路径 在路径动画效果中 使对象能够沿着引导线的路径移动 缩放 应用于有大小变化的动画效果 创建补间形状动画 形状补间可以实现将一幅图形变为另一幅图形的效果 形状补间和动作补间的主要区别 形状补间不能应用到实例上 必须是被打散的形状图形之间才能产生形状补间 形状图形 由无数像素点堆积而成的 并非是一个整体 选中时没有一个蓝色边框 而是显示为掺杂着白点的图形 创建补间形状动画 形状补间的属性 缓动 动画朝着结束方向变化的速率 100 100之间的值 0值以上是减速 0值以下是加速 混合 分布式 创建的动画形状比较平滑和不规则 角形 创建的动画形状会保留明显的角和直线 只适合于具有锐化转角和直线的混合形状 如果所选形状没有角 系统自动还原到 分布式 补间 创建补间形状动画示例 文字呈现 步骤1 新建一个flash文件 步骤2 选中 椭圆工具 设置笔触颜色无 填充颜色为黄色 在场景中绘制一个椭圆 再复制一个椭圆 调整好它们的位置 步骤3 在 时间轴 面板中选中第30帧 按F6键 插入关键帧 同时选中两个椭圆 按Ctrl G键 组合 选择 文本工具 在场景中插入 您好 调整合适的字体大小后 按Ctrl B键两次 分离 为图形 并分别调整到两个椭圆所在的位置 删除两个椭圆 步骤4 在 时间轴 面板中选中第1 30帧间的任何一帧 单击鼠标右键 在快捷菜单中选择 创建补间形状 步骤5 在两个图层的第40帧按F5键 插入帧 步骤6 测试场景 保存并导出影片 创建补间形状动画 练习按下列步骤做出文字呈现效果 步骤1 新建一个flash文件 舞台颜色改为黑色 步骤2 选中 矩形工具 设置笔触颜色无 填充颜色为红色 在场景中绘制一个矩形 步骤3 选中 套索工具 在矩形中选取不规则形状 并将选取的红色区域移动到矩形之外 使用同样的方法得到若干个不规则的红色形状后 将红色矩形删除 步骤4 在 时间轴 面板中选中第25帧 按F7键 插入空白关键帧 选中 文本工具 在场景中创建文本 您 并调整到合适的位置 选中文本后按Ctrl B键 分离 为图形 步骤5 在 时间轴 面板中选中第1 25帧间的任何一帧 单击鼠标右键 在快捷菜单中选择 创建补间形状 步骤6 使用类似的方法在新建的图层中的第25 50帧之间为 好 字创建补间形状动画 步骤7 在两个图层的第60帧按F5键 插入帧 步骤8 测试场景 保存并导出影片 创建补间动画 在FlashCS5中引入了补间动画 功能强大且易于创建 通过补间动画可对补间的动画进行最大程度的控制 尤其很多新功能如3D动画及动画预设等 都是建立在补间动画的基础上 所有的传统补间动画是指FlashCS3及早期版本中的动画类型 而补间动画 则是指FlashCS5新增的动画类型 大家在学习过程中应注意区分 避免概念或操作的混淆 创建补间动画 创建补间动画操作方法 先在某帧绘制或创建要添加的动画对象 然后在该帧上右击 在弹出的快捷菜单中选择 创建补间动画 命令即可 创建补间动画 补间是通过为一个帧中的对象属性指定一个值并为另一个帧中的该相同属性指定另一个值创建的动画 Flash计算这两个帧之间该属性的值 术语 补间 tween 来源于词 中间 inbetween 例如 可以在时间轴第1帧的舞台左侧放置一个影片剪辑 然后将该影片剪辑移到第20帧的舞台右侧 在创建补间时 Flash将计算您指定的右侧和左侧这两个位置之间的舞台上影片剪辑的所有位置 最后会得到这样的动画 影片剪辑从第1帧到第20帧 从舞台左侧移到右侧 在中间的每个帧中 Flash将影片剪辑在舞台上移动二十分之一的距离 创建补间动画 补间动画支持的对象类型有 影片剪辑元件图形元件按钮元件文本如果帧中的对象不属于这些类型 会提示用户将其转换为影片剪辑元件 然后创建一个补间动画 补间动画基础操作 属性关键帧 在补间范围中为补间目标对象显式定义一个或多个属性值的帧 从FlashProfessionalCS5开始 关键帧 和 属性关键帧 的概念有所不同 关键帧 是时间轴中其元件实例出现在舞台上的帧 简单来说是各种对象的载体 现时也是传统补间动画的重要组成部分 而 属性关键帧 则对动画组成没有影响 它只是对补间动画中对象的属性进行控制 如缓动 亮度 Alpha值及位置等 从而完成动画的过渡 补间动画基础操作 您定义的每个属性都有它自己的属性关键帧 如果在单个帧中设置了多个属性 则其中每个属性的属性关键帧会驻留在该帧中 属性关键帧还有一个非常大的好处 即删除了其中的内容后 为其设置的属性会保留不变 当再次置入其他对象时 即应用之前的属性设置 补间动画基础操作 添加属性关键帧手动添加 将播放头置于要添加帧的位置 然后在右击快捷菜单中选择 插入关键帧 子菜单中所需要的命令即可 该子菜单中的各个命令都代表了对动画对象的一种属性控制 其具有设置可以在 属性 面板及 动画编辑器 面板中完成 自动添加 当播放头所在位置没有属性关键帧的情况下 如果选中舞台中的补间动画对象 并设置其属性 如移动位置 设置Alpha值及色调等 就可以自动在当前位置添加一个属性关键帧 补间动画基础操作 删除属性关键帧将播放头置于属性关键帧的位置或选中该属性关键帧 然后在右击快捷菜单中选择 清除关键帧 子菜单中所需要的命令即可 查看属性关键帧将播放头置于属性关键帧的位置或选中该属性关键帧 然后在右击快捷菜单中选择 查看关键帧 子菜单中取消各命令前面的 即表示不显示该属性的关键帧 便于筛选属性关键帧 补间动画基础操作 补间动画的优点可应用FlashCS5自带的预设 也可