帧及逐帧动画

帧的类型



普通帧： 在动画的播放过程中只是起延长关键帧内容显 示的功能，没有什么关键的作用，一般是以空 心方格表示。按F5键可创建普通帧。 关键帧：用来定义动画变化（呈现出关键性动 作或内容上的变化）的帧；以实心的小圆球表 示。 空白关键帧：特殊的关键帧，没有任何对象存 在；在空白关键帧上绘制图形或添加对象，则 自动转换为关键帧以空心圆表示。
内容概要


认识时间轴 图层的使用

图层的管理、设置图层状态、图层属性 混合模式 帧的类型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记

帧的使用



使用绘图纸 课堂练习——创建逐帧动画
快捷键
功能说明
在当前选择的帧的关键帧之间创建动作补间动画 在当前选择的帧的关键帧之间创建形状补间动画 在当前位置插入一个普通帧，此帧将延继上帧的内容 删除所选择的帧 在当前位置插入关键帧并将前一关键帧的作用时间延长到该 帧之前 在当前位置插入一个空白关键帧 清除所选择的关键帧，使其变为普通帧 将选择的普通帧转换为关键帧 将选择的帧转换为空白关键帧 剪切当前选择的帧 复制当前选择的帧 将剪切或复制的帧粘贴到当前位置
清除帧
选择所有帧 翻转帧 同步符号 动作
清除所选择的关键帧
选择时间轴中的所有帧 将所选择的帧翻转，只有在选择了两个或两个以上的关键帧时 该命令才有效 如果所选帧中包含图形元件实例，那么选择此命令将确保在制 作动作补间动画时图形元件的帧数与动作补间动画的帧数同步
F9
为当前选择的帧添加ActionScript代码


插入空白关键帧

【帧的编辑.fla】
帧的编辑与管理（2）

删除帧


菜单栏中“编辑|时间轴|删除帧”命令； 右键快捷菜单中“删除帧”命令。 菜单栏中“编辑|时间轴|清除帧”命令；

清除帧：清除帧内部的所有对象。

【注意】与Del键功能的区别！ 帧的移动

选中要移动的帧后用鼠标拖拽到目标位置 “剪切帧”、“粘贴帧”命令 选中要复制的帧后，按住Alt键并拖拽到新的位置 “复制帧” 、“粘贴帧”命令
混合模式

使用混合模式，可以创建复合图像。 复合是改变两个或两个以上重叠对象

的透明度或者颜色相互关系的过程。 使用混合，可以混合重叠影片剪辑中 的颜色，从而创造独特的效果。
一些相关的术语*： 混合颜色：应用于混合模式的颜色。 不透明度：应用于混合模式的透明度。 基准颜色：混合颜色下面的像素的颜色。 结果颜色：基准颜色上混合效果的结果。


单击时间轴上该层的名称； 选取工作区中的对象，则对象所在的图层被选中。
【图层示例.fla】
图层的管理（3）

复制图层（含动画）
步骤1：选中要复制的图层， 单击“编辑|时间轴|复制帧” 步骤2：新建一个图层（或者 选择要粘贴的图层），单 击“编辑|时间轴|粘贴帧”


删除图层
三种删除图层的方法：
使用绘图纸

绘图纸工具：可用半透明方式显示指定序列画面的内容， 可提供同时编辑多个画面的功能，是制作准确动画的必须 手段。 帧居中 ：使播放头所在的帧在时间轴重间显示 绘图纸外观 ：同时显示播放头所在帧及其前后数帧 （方括号标记）的内容，有利于观察不同帧之间的图形 变化过程。 绘图纸外观轮廓 ：只显示各帧图形的轮廓线。 编辑多个帧 ：只对帧动画有效 修改绘图纸标记 ：改变绘图纸的状态和设置
认识时间轴（续）


帧——构建动画的最基本元素之一。 不同帧的前后顺序将关系到这些帧中的内容在影片播放中 出现的顺序。 分三种类别：普通帧（过渡帧）、关键帧和空白关键帧。 播放头：用来指示当前所在帧。



在舞台上按下Enter键在编辑状态下运行影片，播放头也会随着影 片的播放而向前移动，指示出播放到的帧的位置。 如果正在处理大量的帧，无法一次全部显示在时间轴上，可以拖 动播放头沿着时间轴移动，从而轻易地定位到目标帧。 播放头的移动是有一定范围的，最远只能移动到时间轴中定义过 的最后一帧，不能移动到时间轴上未定义过的帧


混合模式不仅取决于要应用混合的对象的颜色，还取决 于基础颜色。
【混合.fla】
混合模式（2）

混合模式：






正常：正常应用颜色， 不与基准颜色发生交互。 图层：可以层叠各个影 片剪辑，而不影响其颜 色。 变暗：只替换比混合颜色亮的区域。 比混合颜色暗的区域将保 持不变。 色彩增殖：将基准颜色与混合颜色复合，从而产生较暗的颜色。 变亮：只替换比混合颜色暗的像素。比混合颜色亮的区域将保持 不变。 滤色：将混合颜色的反色与基准颜色复合，从而产生漂白效果。


选择图层，然后单击时间轴面板上的“删除”按钮； 将要删除的图层拖拽到 “删除”按钮上； 右键菜单中的“删除图 层”命令。
【图层示例.fla】
图层的管理（4）


新建图层文件夹
三种新建图层文件夹的方法： 单击时间轴面板底部的 “插入图层文件夹”按钮； 选择“插入|时间轴|图层文件夹” 命令； 右键菜单中的“插入图层文件夹” 命令。
【混合.fla】
混合模式（3）

混合模式：




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

时间轴是Flash中最重要和最核心的部分，所有的动画顺序、 动作行为、控制命令以及声音等都是在时间轴中编排的。

时间轴面板可分为左右两部分：图层面板和帧面板。

图层 每个图层可以包含任意数量的对象，这些对象在图层上又 有自己内部的层叠顺序。 每个图层都有独立的时间轴和独立的一系列的帧，各图层 可以独立地进行编辑。 各个图层的帧在时间上是互相对应的，所以在播放时可见 的各个图层重叠在一起播放，就形成了复杂的动画效果。
帧的编辑与管理

插入帧

插入普通帧


菜单栏中“插入|时间轴|帧”命令； 快捷键F5； 右键菜单中“插入帧”命令。
菜单栏中“插入|时间轴|关键帧”命令； 快捷键F6； 右键菜单中“插入关键帧”命令。 菜单栏中“插入|时间轴|空白关键帧”命令； 快捷键F7； 右键菜单中“插入空白关键帧”命令

插入关键帧



始终显示标记 锚记绘图纸：锁定标记位置 绘图纸2：显示当前帧两边各2帧的内容。 绘图纸5：显示当前帧两边各5帧的内容。 所有绘图纸：显示当前帧两边所有的内容。

也可用鼠标直接拖拽标记来改变显示范围。
【帧的编辑.fla】
课堂练习——创建逐帧动画

逐帧动画：通过修改每一帧中的内容而差生的动画， 特别适合于那些复杂的、每一帧中的图像都有变化 （不仅仅是简单的移动）的动画。
图层的使用

图层可以帮助用户组织和管理影片中的各类对 象。
图层的使用

图层可以帮助用户组织和管理影片中的各类对象。 每个图层均可以独立地进行编辑。 如果所需的层非常多，还可以使用层文件夹来帮助整理。
图层的管理


新增图层
“新建图层”按钮 菜单项“插入|时间轴|图层” 右键快捷菜单“插入图层” 图层数量不会影响文件的大小， 但会受内存的限制。
内容概要


认识时间轴 图层的使用

图层的管理、设置图层状态、图层属性 混合模式 帧的类型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记

帧的使用



使用绘图纸 课堂练习——创建逐帧动画
【图层示例.fla】
设置图层状态（2）



锁定图层
锁定图层可防止已编辑好的图层被意外修改 被锁定的图层将暂时无法进行编辑（仍可见） 锁定/解除锁定图层的方法： （与隐藏/取消隐藏图层类似）

“锁定/解除锁定所有图层”按钮
【图层示例.fla】
设置图层状态（3）


显示为轮廓
在编辑一图层的某对象时，若该对象被另一图层中 的对象所遮盖，可使遮盖层处于轮廓显示状态。 （仅对象轮廓线可见） 对象的轮廓颜色与其所在层在 图层面板上的“显示模式栏”图 标的颜色一致。 显示/取消显示为轮廓的方法： （与隐藏/取消隐藏图层类似）



“将所有图层显示为轮廓”按钮
【图层示例.fla】
图层属性

“图层属性”对话框





名称 显示、锁定、 将图层视为轮廓 轮廓颜色：设置该图层上 的对象的轮廓颜色。 图层高度：在处理波形 （如声波）是很实用。 类型：设置图层的类型 一般：标准图层 遮罩层：将遮掩与其相连接的任何层上的对象 被遮罩层 文件夹：将消除该层包含的全部内容 引导层：引导预期相连的被引导层中的过渡动画。



重命名图层
在层名上双击 右键快捷菜单 “属性”，弹出 “属性”对话框
【图层示例.fla】
图层的管理（2）


改变图层顺序
“图层”面板上用鼠标进行拖拽


选择图层
每次只能编辑一个图层，图层只有成为当前层才能进行编辑。 当前层的名称旁边有个铅笔的图标。 三种选择图层的方法： 单击时间轴上该层的任意一帧；

帧的复制

帧的编辑与管理（3）

帧的转换

将帧转换为关键帧


菜单栏中“修改|时间轴|转换为关键帧”命令； 右键快捷菜单中“转换为关键帧”命令； 快捷键F6。
菜单栏中“修改|时间轴|转换为空白键帧”命令； 右键快捷菜单中“转换为空白关键帧”命令； 快捷键F7。 “清除关键帧”命令 快捷键Shift+F6
第六讲 制作简单 的动画
内容概要


认识时间轴 图层的使用

图层的管理、设置图层状态、图层属性 混合模式 帧的类型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记

帧的使用



使用绘图纸 课堂练习——创建逐帧动画
内容概要


认识时间轴 图层的使用

图层的管理、设置图层状态、图层属性 混合模式 帧的类型：普通帧、关键帧和空白关键帧 帧的编辑与管理： 插入、删除、延长、移动、复制、转换与清除 多个帧的选择、移动和翻转 帧标签：名称、标注和锚记

帧的使用



使用绘图纸 课堂练习——创建逐帧动画

帧标签



【帧的编辑.fla】
常用的帧操作命令的快捷键及功能如表4-1所示。
命令
创建补间动画 创建补间形状 插入帧 删除帧 插入关键帧 插入空白关键帧 清除关键帧 转换为关键帧 转换空白关键帧 剪切帧 复制帧 粘贴帧 Ctrl+Alt+X Ctrl+Alt+C Ctrl+Alt+V Alt+Backspac e Ctrl+Alt+A F5 Shift+F5 F6 F7 Shift+F6
【图层示例.fla】
设置图层状态



隐藏图层
编辑时可通过隐藏图层来减少不同图层间的干扰 被隐藏的图层将暂时无法进行编辑（不可见） 隐藏/取消隐藏图层的三种方法：


Biblioteka Baidu

单击图层名称右边的隐藏栏，可 隐藏或取消隐藏该图层 ； 用鼠标在图层的隐藏栏上下拖动， 可隐藏或取消隐藏多个图层； 单击“显示或隐藏所有图层”按钮， 可将所有图层隐藏或取消隐藏。

将帧转换为空白关键帧



将关键帧转换为普通帧

【帧的编辑.fla】
帧的编辑与管理（4）

帧的翻转


菜单栏中“修改|时间轴|翻转帧”命令； 右键快捷菜单中“翻转帧”命令。 名称：在动作脚本中要指定目 标帧时，可用帧标签来取代帧 号码。（不随帧的移动而改变） 注释：供制作者或其合作者阅 读，不随影片输出。 锚记：与浏览器中的“前进”和 “后退”按钮配合。


Flash需要存储每一个完整的帧，因此将显著增加文件量。
逐帧动画是最传统的动画创建方法，也是Flash动画的一种基本类 型。逐帧动画的制作非常复杂，它的每一帧都是关键帧。每一帧 都是由制作者亲手绘制确定的，而不是由Flash通过计算得到的。 与补间动画相比，逐帧动画的文件大小增大得很快。