帧及逐帧动画.ppt

1、第六讲 制作简单的动画,内容概要,认识时间轴 图层的使用 图层的管理、设置图层状态、图层属性 混合模式 帧的使用 帧的类型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记 使用绘图纸 课堂练习创建逐帧动画,认识时间轴,时间轴是Flash中最重要和最核心的部分，所有的动画顺序、动作行为、控制命令以及声音等都是在时间轴中编排的。 时间轴面板可分为左右两部分：图层面板和帧面板。 图层 每个图层可以包含任意数量的对象，这些对象在图层上又有自己内部的层叠顺序。 每个图层都有独立的时间轴和独立的一系列的帧，各图层可

2、以独立地进行编辑。 各个图层的帧在时间上是互相对应的，所以在播放时可见的各个图层重叠在一起播放，就形成了复杂的动画效果。,认识时间轴（续）,帧构建动画的最基本元素之一。 不同帧的前后顺序将关系到这些帧中的内容在影片播放中出现的顺序。 分三种类别：普通帧（过渡帧）、关键帧和空白关键帧。 播放头：用来指示当前所在帧。 在舞台上按下Enter键在编辑状态下运行影片，播放头也会随着影片的播放而向前移动，指示出播放到的帧的位置。 如果正在处理大量的帧，无法一次全部显示在时间轴上，可以拖动播放头沿着时间轴移动，从而轻易地定位到目标帧。 播放头的移动是有一定范围的，最远只能移动到时间轴中定义过的最后一帧，不

3、能移动到时间轴上未定义过的帧,内容概要,认识时间轴 图层的使用 图层的管理、设置图层状态、图层属性 混合模式 帧的使用 帧的类型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记 使用绘图纸 课堂练习创建逐帧动画,图层的使用,图层可以帮助用户组织和管理影片中的各类对象。,图层的使用,图层可以帮助用户组织和管理影片中的各类对象。 每个图层均可以独立地进行编辑。 如果所需的层非常多，还可以使用层文件夹来帮助整理。,图层的管理,新增图层 “新建图层”按钮 菜单项“插入|时间轴|图层” 右键快捷菜单“插入图层”

4、图层数量不会影响文件的大小，但会受内存的限制。 重命名图层 在层名上双击 右键快捷菜单“属性”，弹出“属性”对话框 【图层示例.fla】,图层的管理（2）,改变图层顺序 “图层”面板上用鼠标进行拖拽 选择图层 每次只能编辑一个图层，图层只有成为当前层才能进行编辑。 当前层的名称旁边有个铅笔的图标。 三种选择图层的方法： 单击时间轴上该层的任意一帧； 单击时间轴上该层的名称； 选取工作区中的对象，则对象所在的图层被选中。 【图层示例.fla】,图层的管理（3）,复制图层（含动画） 步骤1：选中要复制的图层，单击“编辑|时间轴|复制帧” 步骤2：新建一个图层（或者选择要粘贴的图层），单击“编辑|时

5、间轴|粘贴帧” 删除图层 三种删除图层的方法： 选择图层，然后单击时间轴面板上的“删除”按钮； 将要删除的图层拖拽到 “删除”按钮上； 右键菜单中的“删除图层”命令。 【图层示例.fla】,图层的管理（4）,新建图层文件夹 三种新建图层文件夹的方法： 单击时间轴面板底部的“插入图层文件夹”按钮； 选择“插入|时间轴|图层文件夹”命令； 右键菜单中的“插入图层文件夹”命令。 【图层示例.fla】,设置图层状态,隐藏图层 编辑时可通过隐藏图层来减少不同图层间的干扰 被隐藏的图层将暂时无法进行编辑（不可见） 隐藏/取消隐藏图层的三种方法： 单击图层名称右边的隐藏栏，可隐藏或取消隐藏该图层 ； 用鼠标

6、在图层的隐藏栏上下拖动，可隐藏或取消隐藏多个图层； 单击“显示或隐藏所有图层”按钮，可将所有图层隐藏或取消隐藏。,【图层示例.fla】,设置图层状态（2）,锁定图层 锁定图层可防止已编辑好的图层被意外修改 被锁定的图层将暂时无法进行编辑（仍可见） 锁定/解除锁定图层的方法：（与隐藏/取消隐藏图层类似） “锁定/解除锁定所有图层”按钮,【图层示例.fla】,设置图层状态（3）,显示为轮廓 在编辑一图层的某对象时，若该对象被另一图层中的对象所遮盖，可使遮盖层处于轮廓显示状态。（仅对象轮廓线可见） 对象的轮廓颜色与其所在层在图层面板上的“显示模式栏”图标的颜色一致。 显示/取消显示为轮廓的方法：（与

7、隐藏/取消隐藏图层类似） “将所有图层显示为轮廓”按钮,【图层示例.fla】,图层属性,“图层属性”对话框 名称 显示、锁定、将图层视为轮廓 轮廓颜色：设置该图层上的对象的轮廓颜色。 图层高度：在处理波形（如声波）是很实用。 类型：设置图层的类型 一般：标准图层 遮罩层：将遮掩与其相连接的任何层上的对象 被遮罩层 文件夹：将消除该层包含的全部内容 引导层：引导预期相连的被引导层中的过渡动画。,混合模式,使用混合模式，可以创建复合图像。 复合是改变两个或两个以上重叠对象的透明度或者颜色相互关系的过程。 使用混合，可以混合重叠影片剪辑中的颜色，从而创造独特的效果。 一些相关的术语*： 混合颜色：应

8、用于混合模式的颜色。 不透明度：应用于混合模式的透明度。 基准颜色：混合颜色下面的像素的颜色。 结果颜色：基准颜色上混合效果的结果。 混合模式不仅取决于要应用混合的对象的颜色，还取决于基础颜色。,【混合.fla】,混合模式（2）,混合模式： 正常：正常应用颜色，不与基准颜色发生交互。 图层：可以层叠各个影片剪辑，而不影响其颜色。 变暗：只替换比混合颜色亮的区域。 比混合颜色暗的区域将保持不变。 色彩增殖：将基准颜色与混合颜色复合，从而产生较暗的颜色。 变亮：只替换比混合颜色暗的像素。比混合颜色亮的区域将保持不变。 滤色：将混合颜色的反色与基准颜色复合，从而产生漂白效果。,【混合.fla】,混合

9、模式（3）,混合模式： 叠加：复合或过滤颜色，具体操作需取决于基准颜色。 强光：复合或过滤颜色，具体操作需取决于混合模式颜色。 该效果类似于用点光源照射对象。 差异：从基色减去混合色或从混合色减去基色，具体取决于哪一种的亮度值较大。该效果类似于彩色底片。 加色：通常用于在两个图像之间创建动画的变亮分解效果。 减色：通常用于在两个图像之间创建动画的变暗分解效果。 反色：反转基准颜色。 Alpha：应用 Alpha 遮罩层。 擦除：删除所有基准颜色像素，包括背景图像中的基准颜色像素。,【混合.fla】,内容概要,认识时间轴 图层的使用 图层的管理、设置图层状态、图层属性 混合模式 帧的使用 帧的类

10、型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记 使用绘图纸 课堂练习创建逐帧动画,帧的类型,普通帧：在动画的播放过程中只是起延长关键帧内容显示的功能，没有什么关键的作用，一般是以空心方格表示。按F5键可创建普通帧。 关键帧：用来定义动画变化（呈现出关键性动作或内容上的变化）的帧；以实心的小圆球表示。 空白关键帧：特殊的关键帧，没有任何对象存在；在空白关键帧上绘制图形或添加对象，则自动转换为关键帧以空心圆表示。,帧的编辑与管理,插入帧 插入普通帧 菜单栏中“插入|时间轴|帧”命令； 快捷键F5； 右键

11、菜单中“插入帧”命令。 插入关键帧 菜单栏中“插入|时间轴|关键帧”命令； 快捷键F6； 右键菜单中“插入关键帧”命令。 插入空白关键帧 菜单栏中“插入|时间轴|空白关键帧”命令； 快捷键F7； 右键菜单中“插入空白关键帧”命令,【帧的编辑.fla】,帧的编辑与管理（2）,删除帧 菜单栏中“编辑|时间轴|删除帧”命令； 右键快捷菜单中“删除帧”命令。 清除帧：清除帧内部的所有对象。 菜单栏中“编辑|时间轴|清除帧”命令； 【注意】与Del键功能的区别！ 帧的移动 选中要移动的帧后用鼠标拖拽到目标位置 “剪切帧”、“粘贴帧”命令 帧的复制 选中要复制的帧后，按住Alt键并拖拽到新的位置 “复制帧

12、” 、“粘贴帧”命令,帧的编辑与管理（3）,帧的转换 将帧转换为关键帧 菜单栏中“修改|时间轴|转换为关键帧”命令； 右键快捷菜单中“转换为关键帧”命令； 快捷键F6。 将帧转换为空白关键帧 菜单栏中“修改|时间轴|转换为空白键帧”命令； 右键快捷菜单中“转换为空白关键帧”命令； 快捷键F7。 将关键帧转换为普通帧 “清除关键帧”命令 快捷键Shift+F6,【帧的编辑.fla】,帧的编辑与管理（4）,帧的翻转 菜单栏中“修改|时间轴|翻转帧”命令； 右键快捷菜单中“翻转帧”命令。 帧标签 名称：在动作脚本中要指定目标帧时，可用帧标签来取代帧号码。（不随帧的移动而改变） 注释：供制作者或其合作

13、者阅读，不随影片输出。 锚记：与浏览器中的“前进”和“后退”按钮配合。,【帧的编辑.fla】,常用的帧操作命令的快捷键及功能如表4-1所示。,内容概要,认识时间轴 图层的使用 图层的管理、设置图层状态、图层属性 混合模式 帧的使用 帧的类型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记 使用绘图纸 课堂练习创建逐帧动画,使用绘图纸,绘图纸工具：可用半透明方式显示指定序列画面的内容，可提供同时编辑多个画面的功能，是制作准确动画的必须手段。 帧居中 ：使播放头所在的帧在时间轴重间显示 绘图纸外观 ：同时显示播放头所在帧及其前后数帧（方括号标记）的内容，有利于观察不同帧之间的图形变化过程。 绘图纸外观轮廓 ：只显示各帧图形的轮廓线。 编辑多个帧 ：只对帧动画有效 修改绘图纸标记 ：改变绘图纸的状态和设置 始终显示标记 锚记绘图纸：锁定标记位置 绘图纸2：显示当前帧两边各2帧的内容。 绘图纸5：显示当前帧两边各5帧的内容。 所有绘图纸：显示当前帧两边所有的内容。 也可用鼠标直接拖拽标记来改变显示范围。,【帧的编辑.fla】