第三章 制作动画

第三章制作动画 FlashMX2004动态网页设计 2 本章主要内容 动画制作基础逐帧动画技法补间动画技法 3 动画制作基础 时间轴是由时间和层次组成的二维空间时间由帧体现 动画播放时间 总帧数 帧速图层按次序垂直排列 每层上可绘制不同性质图形对象 上层叠放在下层图形上 各层可单独编辑且互不干扰 FLASH动画原理 图层 帧刻度 关键帧 播放头 空白关键帧 当前帧 帧速率 已播放时间 帧浏览 FLASH用时间轴来控制和组织影片 4 动画制作基础 FLASH动画是以时间轴为基础的帧动画FLASH动画由帧组成 帧是动画的基本单位每个动画由不同画面的帧组成 所有帧按播放时间顺序排列动画的制作就是改变连续帧的内容的过程 FLASH动画原理 5 动画制作基础 帧的分类关键帧 关键帧是定义动画的变化关键环节的帧制作FLASH动画主要是在制作关键帧普通帧一般位于两个关键帧之间或动画尾部 用于延续关键帧的画面 起动画过渡作用 FLASH动画原理 6 动画制作基础 关键帧性质关键帧定义了动画的变化环节用户只能在关键帧上制作图形对象时间轴上的实心圆点代表有内容的关键帧 空心圆点代表空关键帧 关键帧 7 动画制作基础 关键帧创建创建新影片时系统自动创建第一个空关键帧手动操作 插入实关键帧 插入 时间轴 关键帧 或右击 插入关键帧 或F6说明 如果插入的不是第一个关键帧 则自动复制前一关键帧的内容手动操作 插入空关键帧 插入 时间轴 空白关键帧 或右击 插入空白关键帧 关键帧 8 动画制作基础 普通帧又称静态帧 它继承前面关键帧内容分类插值帧 两个关键帧之间的一组普通帧是系统根据首尾两个关键帧动作设置自动生成的过渡画面 操作 插入后面关键帧后 中间帧自动生成插值帧 延续帧 后面没有关键帧的普通帧用于动画背景制作 每帧均延续前面最后一个关键帧画面操作 选取最后一个帧菜单 插入 帧 空白帧是时间轴上空白矩形 有内容后变成连续空间 动画播放到所有图层上都是空白帧时即自动停止 普通帧 9 动画制作基础 普通帧的标识 有内容的普通帧 显示颜色 不同颜色代表不同类型的动画浅蓝色 运动补间动画浅绿色 形状补间动画灰色 静止画面无内容的普通帧 显示空白单元格延续帧最后一帧显示空心矩形 普通帧 10 帧的标识可由时间线窗口直接看出 动画制作基础 帧的识别 运动补间 形状补间 错误补间 单个关键帧 设置交互动作 11 帧浏览用于控制时间轴中显示帧的特性内容帧宽度设置分为 Tiny 微小 Small 小 Normal 标准 Medium 中 和Large 大 五级对帧数较多动画 宽度较窄帧便于操作帧高度设置只有一级Short 较短 帧颜色设置 TintedFrame 彩色显示帧 设置是否用不同颜色标识不同动作帧画面显示设置Preview 预览 时间轴上显示画面缩略图PreviewInContext 关联预览 时间轴上显示舞台区缩略图 动画制作基础 帧浏览 12 设置帧速 帧速决定动画的平滑和连贯性 修改 影片 一般互联网和电影的帧速为12fps 帧 秒 标准动画片的帧速为24fps 帧的选取选一帧 单击时间线窗口上的帧选多帧 单击第一帧后按Shift单击最后一帧直接用鼠标在时间轴上拖动 动画制作基础 帧的编辑 13 动画制作基础 帧的复制选定一帧或多帧菜单 快捷菜单 拷贝帧 单击目的地首帧 目的地允许是另一动画菜单 快捷菜单 粘贴 帧的移动菜单 与复制类似 使用 剪切帧 粘贴帧 鼠标 常用于改变动画长度 拖动首尾关键帧 直接在时间轴上拖动Ctrl 拖动 出现表示可拖动范围的方框 帧的编辑 14 注意 帧的复制不可使用鼠标操作帧剪切后系统根据需要自动改变某些帧的性质 以遵守普通帧必须延续关键帧内容的规则 关键帧剪切后自动转换为空白关键帧 其后未被剪切的第一个普通帧自动转换为关键帧普通帧单独剪切后系统自动将第一个被剪切帧转换为空白关键帧 动画制作基础 帧的编辑 15 动画制作基础 帧的删除清除 只去内容快捷菜单 清除帧 将普通帧或关键帧变成空白帧移除 完全删除帧快捷菜单 删除帧 彻底去掉本帧 动画长度缩短 帧的编辑 16 动画制作基础 帧的反转 将动画次序颠倒选取要反转的多个帧快捷菜单中选择 翻转帧 普通帧与关键帧的转换普通帧 关键帧 快捷菜单 转换成关键帧或转换成空白关键帧如已创建动作动画 则拖动动作中间任意帧即转换为关键帧关键帧 普通帧 快捷菜单 清除关键帧 将关键帧转为普通帧 帧上内容继承前一关键帧的内容 帧的编辑 17 动画包括运动 变形 色彩等的改变动画的两种制作方式逐帧动画 每一帧画面不同 组合成连续变化的动画 补间动画 只确定起点和终点处的画面 其余由FLASH自动生成运动补间 对象运动形状补间 对象变形区别 逐帧动画每帧都是关键帧 故体积比补间动画大得多 动画的制作 动画的制作方式 18 逐帧动画每一帧都是关键帧操作 创建动画文件制作第一帧上图形在第二帧上插入关键帧将图形做些改变如改变大小 颜色或画面等依次制作其它帧注意 每一帧都必须插入关键帧测试动画效果 逐帧动画技法 制作逐帧动画 19 文字实例 伸长的线条最常见运用 人体动作实例 眨眼女孩复杂人体动作实例 爬行的孩子制作技巧实例 逐个出现的文字 逐帧动画技法 逐帧动画制作实例 20 补间动画中系统只存储关键帧和变化值补间动画分为运动补间和形状补间两种运动补间是对象的移动形状补间就是变形两种补间对比 相同点 变化过程中都可伴随着位置 尺寸和颜色的变化不同点 形状补间的对象是矢量图形运动补间的对象是元件实例 组合和位图 补间动画技法 补间动画 21 补间动画技法 运动补间的特点只有实例 组合和文本才能制作运动补间动画 分离的图形必须转换成符号或组合才能实现补间补间时头尾关键帧上都是实例 组合和文本补间过程中可以伴随大小和位置 颜色的变化 运动补间 22 补间动画技法 运动补间动画的创建创建首关键帧 并在其上创建或导入图形且需转换成元件用 插入关键帧 的办法创建尾关键帧并改动帧上对象状态创建动作选择第一帧 在 属性 面板 补间 框中选 动作 右击第一帧或两关键帧间的帧 选 创建补间动画 运动补间动画 23 补间动画技法 运动补间的控制 属性 面板 简易 拖动游标控制补间速度 为正先快后慢 缩放 当首尾关键帧上图形大小不一时 是否运动过程中逐渐缩放 旋转 运动过程中是否伴随旋转没有 不旋转 默认 自动 由系统自动决定顺时针 顺时针旋转逆时针 逆时针旋转后两种要在后面的次数框中选择旋转次数 对齐 与辅助线对齐 运动补间动画 24 补间动画技法 实例一 移动的老鼠实例二 移动字幕 补间动画实例 25 补间动画技法 形变动画的创建在当前层上创建起始关键帧并绘制补间图形用插入关键帧的办法创建终点帧改变图形形状或删除旧图重新绘制图形选择起始关键帧 在 属性 面板的 补间 框中选择 形状 形变动画 26 补间动画技法 形变动画的特点 形状补间的对象是分离的可编辑图形实例 组合 文本或位图必须 分离 后才能变形补间的同时可以伴随对象位置和颜色的变化实例 文字变形进度条模拟 形变动画 27 补间动画技法 形状补间的控制 属性 面板 简易 拖动游标控制补间速度 为正先快后慢 混合 分布式 过渡较为平滑 默认 角度式 保持图形棱角实例 霓虹灯位图变形 形变动画 28 动画定位工具 功能 同时浏览多个帧以便调整不同帧上关联对象位置对多个帧上内容同时进行同一编辑操作显示选择本工具后在播放头左右出现游标标记并将标记范围内所有帧上画面全部显示其中当前帧突出显示 其他帧暗淡且不可编辑打开与关闭由时间轴窗口底部一组相应按钮操作所有按钮均为反复按钮 洋葱皮工具 29 填充模式显示显示时间轴标尺上起始游标和终止游标之间的帧 显示模式 当前帧颜色最深 其他帧依次变浅 注意 只能对当前帧编辑非补间动画只显示当前帧和范围内关键帧游标设置 改变显示范围允许显示标记 关闭洋葱皮也显示游标固定绘图纸 锁定游标使其不随播放指针移动绘图纸2 绘图纸5 左右各显示2 5 帧绘图全部 显示两旁所有帧线框模式显示除当前帧外 所有范围内帧只显示线框 动画定位工具 洋葱皮工具 30 多帧编辑用于同时操作不同帧上对象 多帧工具能以渐淡的形式显示游标范围内所有的帧注意 只显示范围内的关键帧注意 不能对锁定层进行洋葱皮显示和编辑使用 编辑 全选 保证不遗漏帧全部选中选定多帧后可对全部选中对象作同一操作 动画定位工具 洋葱皮工具 31 补间动画技法 形状提示形状提示用于控制矢量图对象制作形状补间动画时形状改变的方向 形状提示是带圈字母标记通常成对出现在首尾关键帧中形变时标记处图形从首关键帧位置变化到尾关键帧对应标记处形状提示可以有多个