第3章--时间轴与图层讲课教案
第 章时间轴与图层 本章概述 时间轴和图层是Flash中最核心的组成部分 几乎所有动画的播放顺序 动作行为等都是在时间轴和图层中编排的 本章将对帧与图层的编辑操作进行详细介绍 通过对本章内容的学习 读者可以熟悉帧的类型 图层的应用 以及时间轴的基本操作等 本章各节课时分配及链接 3 1时间轴和帧 课时3 2帧的编辑 课时3 3图层的编辑 课时知识延伸 图层顺序的设定课后练习 3 1时间轴和帧 在Flash文档中 时间轴和帧是非常关键的内容 因为它们决定着帧对象的播放顺序 为了使读者更好的掌握上述概念 下面将对时间轴和帧的相关知识进行详细介绍 3 1 1时间轴概述 时间轴是创建Flash动画的核心部分 用于组织和控制一定时间内的图层和帧中的文档内容 图层就像堆叠在一起的多张幻灯片一样 每个图层都包含一个显示在舞台中的不同图像 图层和帧中的图像 文字等对象随着时间的变化而变化 从而形成动画 当启动FlashCC后 若工作界面中没能看到时间轴面板 则可以通过选择 窗口 时间轴 命令打开 3 1 2帧的类型 帧是构成动画的基本单位 对动画的操作实质上是对帧的操作 在Flash中 一帧就是一幅静止的画面 画面中的内容在不同的帧中产生如大小 位置 形状等的变化 再以一定的速度从左到右播放时间轴中的帧 连续的帧就形成动画 通常所说的帧数 就是在1秒钟时间里传输的图片的帧数 通常用fps FramesPerSecond 表示 高的帧率可以得到更流畅 更逼真的动画 1 帧的类型 在Flash中 帧主要分为3种 普通帧 关键帧和空白关键帧 如下图所示 1 关键帧 关键帧是指在动画播放过程中 呈现关键性动作或内容变化的帧 关键帧定义了动画的变化环节 在时间轴中 关键帧以一个实心的小黑点来表示 2 普通帧 普通帧一般处于关键帧后方 其作用是延长关键帧中动画的播放时间 一个关键帧后的普通帧越多 该关键帧的播放时间越长 普通帧以灰色方格来表示 3 空白关键帧 这类关键帧在时间轴中以一个空心圆表示 该关键帧中没有任何内容 如果在其中添加内容 则转变为关键帧 2 设置帧的显示状态 单击时间轴右上角的黑三角按钮 在弹出的下拉菜单中选择相应的命令 即可改变帧的显示状态 其中 该菜单中主要选项的含义如下 很小 小 标准 中 大 用于设置帧单元格的大小 预览 表示以缩略图的形式显示每帧的状态 如上右图所示 关联预览 显示对象在各帧中的位置 有利于观察对象在整个动画过程中的位置变化 较短 缩小帧单元格的高度 彩色显示帧 该命令是系统默认的选项 用于设置帧的外观以不同的颜色显示 若取消对该选项的勾选 则所有的帧都以白色显示 3 设置帧频 帧频就是单位时间内播放的帧数 例如Flash的帧频12帧 秒 表示1秒钟播放12帧的影片内容 帧频太慢会使动画看起来一顿一顿的 帧频太快会使动画的细节变得模糊 默认情况下 Flash文档的帧速率是24帧 秒 设置帧频的方法大致包含以下几种 1 在时间轴底部的 帧频率 标签上单击 在文本框中直接输入帧频 2 在 文档设置 对话框的 帧频 文本框中直接设置帧频 如下左图所示 3 在 属性 面板的 帧频 文本框中直接输入帧的频率 如下右图所示 3 2帧的编辑 Flash动画是由一些连续不断的帧所组成的 要使动画真正的动起来 还需要掌握帧的基本操作 编辑帧的基本操作包括选择帧 删除帧 清除帧 复制和粘贴帧 移动帧 翻转帧等 3 2 1选择帧 若要对帧进行编辑 首先要选择帧 根据选择范围的不同 帧的选择有以下几种情况 1 若要选中单个帧 只需在时间轴上单击帧所在位置即可 如下左图所示 2 若要选择连续的多个帧 可以按住鼠标左键直接拖动范围 或者先选择第一帧 然后按住 Shift 键的同时单击最后一帧即可 如下右图所示 3 若要选择不连续的多个帧 只需按住 Ctrl 键 依次单击要选择的帧即可 如下左图所示 4 若要选择所有的帧 只需选择某一帧后单击鼠标右键 在弹出的子菜单中选择 选择所有帧 命令即可 如下右图所示 3 2 2插入帧 在编辑动画过程中 根据动画制作的需要 用户可以任意插入普通帧 关键帧以及空白关键帧 1 插入普通帧 插入普通帧的方法非常简单 主要包括以下几种方法 1 在需要插入帧的位置单击鼠标右键 在弹出的快捷菜单中选择 插入帧 命令 2 在需要插入帧的位置单击鼠标 选择 插入 时间轴 帧 命令 3 直接按 F5 快捷键 2 插入关键帧 插入关键帧主要有以下几种方法 1 在需要插入关键帧的位置单击鼠标右键 在弹出的快捷菜单中选择 插入关键帧 命令 2 在需要插入关键帧的位置单击鼠标 选择 插入 时间轴 关键帧 命令 3 直接按 F6 快捷键 3 2 3移动帧 在动画制作过程中 有时会需要对时间轴上的帧进行调整分配 将已经存在的帧移动到新的位置的方法主要有以下两种 1 选中要移动的帧 然后按住鼠标左键将其拖到要移动到的位置即可 如下图所示 2 选择要移动的帧 然后单击鼠标右键 在弹出的快捷菜单中选择 剪切帧 命令 然后在目标位置再次单击鼠标右键 在弹出的快捷菜单中选择 粘贴帧 命令 3 2 4复制帧 在制作动画过程中 有时需要用到一些相同的帧 如果对帧进行复制 粘贴操作可以得到内容完全相同的帧 从而提高工作效率 复制帧的方法主要有以下两种 1 选中要复制的帧 然后按住 Alt 键的同时将其拖动到要复制的位置 2 选中要复制的帧 然后鼠标右键单击 在弹出的快捷菜单中选择 复制帧 命令 然后用鼠标右键单击目标帧 在弹出的快捷菜单中选择 粘贴帧 命令 如下图所示为复制帧前后的效果对比 3 2 5删除和清除帧 在制作动画的过程中 若发现文档中所创建的帧是错误的或者是无意义的 则可以将其删除 选择要删除的帧 单击鼠标右键 在弹出的快捷菜单中选择 删除帧 命令或按 Shift F5 组合键即可删除 而清除帧就是清除关键帧中的内容 但是保留帧所在的位置即转换为空白帧 3 2 6翻转帧 翻转帧的功能可以将选中的帧的播放序列进行颠倒 即最后一个关键帧变为第一个关键帧 第一个关键帧成为最后一个关键帧 应首先选择时间轴中的某一图层上的所有帧 该图层上至少包含有两个关键帧 且位于帧序的开始和结束位置 或多个帧 然后使用以下任意一种方法即可完成翻转帧的操作 1 选择 修改 时间轴 翻转帧 命令 2 在选择的帧上单击鼠标右键 在弹出的快捷菜单中选择 翻转帧 命令 3 2 7转换帧 如果需要将帧转换为关键帧 可以单击鼠标右键 在弹出的快捷菜单中选择 转换为关键帧 命令 如下左图所示 转换为空白关键帧可以将当前帧以后的帧转换为空白关键帧 具体的操作方法是 选择需要转换为空白关键帧的帧 单击鼠标右键 在弹出的快捷菜单中选择 转换为空白关键帧 命令 如下右图所示 3 3图层的编辑 在Flash中 图层就像一张张透明的纸 在每一张纸上可以绘制不同的对象 在上面一层添加的内容会遮住下面一层中相同位置的内容 但如果上面一层的某个区域没有内容 透过这个区域可以看到下面一层相同位置的内容 下面将对图层的创建 命名 选择 删除 复制 排列图层等操作进行详细介绍 3 3 1创建图层 一个新建的Flash文档 在默认的情况下只有一个图层即 图层1 如果需要添加新的图层 只需要单击图层编辑区中的新建图层按钮 或者选择 插入 时间轴 图层 命令创建新图层 默认情况下 新创建的图层将按照图层1 图层2 图层3 进行顺序命名 如右图所示 3 3 2选择图层 要编辑图层 首先要选取图层 用户可以根据需要选择单个图层 也可以选择多个图层 其具体方法介绍如下 1 选择单个图层选择单个图层有以下3种方法 1 在时间轴的 图层查看 区中单击图层 即可将其选择 2 在时间轴的 帧查看 区的帧格上单击 即可选择该帧所对应的图层 3 在舞台上单击要选择图层中所含的对象 即可选择该图层 2 选择多个图层若需要选择多个相邻的图层 则应按住 shift 键的同时选择图层 若需要选择不相邻的图层 则应按住 ctrl 键的同时选择图层 如下图所示 3 3 3删除图层 对于不需要的图层 用户可以将其删除掉 首先选择要删除的图层 然后单击鼠标右键 在弹出的快捷菜单中选择 删除图层 命令即可 如右图所示 或者 选择要删除的图层 然后单击图层编辑区中的 删除 按钮 即可将选择的图层删除 3 3 4重命名图层 为了便于识别每个图层放置的内容 用户可以为各图层进行重命名 选择图层 在图层名称上双击鼠标左键 使其名称进入编辑状态 如下左图所示 接着在文本框中输入新名称 最后按 Enter 键确认即可 如下右图所示 3 3 6设置图层的状态 当Flash中的图层内容较多时 可以通过一些命令同时对多个图层进行操作 在编辑当前图层时 其他层的对象也可能被选中 这就影响了用户的操作 因此 Flash提供了一些锁定和隐藏的功能 下面将对其相关知识进行详细介绍 1 显示与隐藏图层 隐藏 显示图层的具体方法 单击图层名称右侧的隐藏栏即可隐藏图层 隐藏的图层上将标记一个符号 再次单击隐藏栏则显示图层 如右图所示 2 锁定图层 为了防止不小心修改已经编辑好的图层内容 可锁定该图层 图层被锁定后不能对其进行编辑 选定要锁定的图层 单击图层名称右侧的锁定栏即可锁定图层 锁定的图层上将标记一个符号 再次单击该层中的图标即可解锁 如右图所示 知识延伸 图层顺序的设定 帧和图层在动画制作过程中运用的非常广泛 合理的分图层能在动画制作的时候起到事半功倍的效果 所以在绘制场景时就应该合理的分布好图层 才能不给后期制作动画过程中添加不必要的麻烦 通常情况下 背景占一个图层 前景一个图层 场景的主体物一个图层 之后添加动画的时候再合理新建图层 在动画中 上层图层的内容会遮住下层图层的内容 下层图层内容只能通过上层图层透明的区域显示出来 因此 有时需要调整图层的排列顺序 选择需要移动的图层 按住鼠标左键并拖动 图层以一条粗横线表示 如下左图所示 拖动图层到相应的位置后释放鼠标 即可将图层拖动到新的位置 如下右图所示 课后练习 一 选择题1 默认时Flash影片帧频率是 A 25B 12C 15D 242 选择 插入 时间轴 关键帧 命令可以插入关键帧 按 键同样可以在时间轴上指定帧位置插入关键帧 A F5B F6C F7D F83 选择 修改 时间轴 图层属性 命令 打开 图层属性 对话框 在该对话框中不可以设置的图层属性选项是 A 类型 选项B 轮廓颜色 C 图层高度 D 匹配 4 下列选项中 可修改动画播放速度的是 A 文件 保存 B 编辑 撤消 C 修改 文档 D 插入 场景5 可以将舞台工作区上的元素精确定位的是 A 图层B 元件C 帧D 时间轴 二 填空题1 时间轴主要是由 帧标尺 播放指针 运动时间等 2 时间轴是创建Flash动画的核心部分 用于组织和控制一定时间内的 和 中的文档内容 3 在Flash中 帧主要分为3种 普通帧 和空白关键帧 4 在动画播放过程中 呈现关键性动作或内容变化的帧是指 三 上机题将图片导入到舞台 并将内容扩展到第20帧 在第12帧插入关键帧 如下图所示 操作提示 1 新建Flash文档 选择 文件 导入 导入到库 命令 2 将库中的文件拖入舞台 3 在第20帧插入普通帧 4 在第12帧插入关键帧