第3章_时间轴帧与图层

4. 重命名图层或文件夹
养成良好的习惯，始终命名每个图层，并为图层指定一个有意义的名称，以指示该图层上
内容的类型。
5. 复制图层或文件夹
（1）要复制图层或文件夹的内容，可选择图层或文件夹。然后选择“编辑”→“时间
轴”→“复制帧”。
（2）单击新图层，然后选择“编辑”→“时间轴”→“粘贴帧”，便可将图层或文件夹 的内容复制了。
创建简单“遮罩文字动画”的动画过程。通过本案例的制作，可以深刻理解时间轴中“图 层”的应用方法，制作完成“遮罩文字”动画效果。
案例2 1制作“遮罩文字”动画 绘制“五星红旗”
相关知识
1. 创建图层或文件夹
创建一个图层或文件夹之后，该图层或文件夹将出现在所选图层的上方。新添加的图层将 成为活动图层。执行下列操作之一： （1）单击图层底部的“插入图层”按钮 或“新建文件夹”按钮 。 （2）右击一个图层名称，然后选择快捷菜单中的“插入图层”或“插入文件夹”。
Flash项目实践教程（第三版）
Part3
第3章 时间轴、帧与图层
学习目标
目标概述
本章将全面介绍Flash CS6 Professional中的时间轴、图层以及关键帧基本概念和应用方
法，使学习者能够掌握Flash中时间轴、图层和帧基本概念和应用方法，为后面的动画制 作奠定坚实的基础。
学习目标 知识点
相关知识
3. 移动、展开、折叠图层或文件夹
（1）要将图层或文件夹移动到文件夹中，可将该图层或文件夹的名称拖到目标文件夹的 名称中。
（2）要更改图层或文件夹的顺序，可将一个或多个图层或文件夹拖到所需位置。
（3）要展开或折叠文件夹或所有文件夹，可单击该文件夹名称左侧的三角形；或右击， 选择快捷菜单中的“展开所有文件夹”或“折叠所有文件夹”。
7. 锁定或解锁一个或多个图层或文件夹
（1）要锁定图层或文件夹，可以单击该图层或文件夹名称右侧的“锁定”列。要解锁该 图层或文件夹，可再次单击“锁定”列。 （2）要锁定所有图层和文件夹，可以单击挂锁图标。要解锁所有图层和文件夹，可再次 单击它。 （3）要锁定或解锁多个图层或文件夹，可以在“锁定”列中拖动。 （4）若要锁定所有其他图层或文件夹，可以按住Alt键单击图层或文件夹名称右侧的“锁 定”列。要解锁所有图层或文件夹，可再次按住Alt键单击“锁定”列。
案例2制作“遮罩文字”动画
6. 删除图层或文件夹
相关知识
要选择图层或文件夹，可以单击该图层或图层文件夹的名称，或者单击图层中的任意一个 帧。执行下列操作之一： （1）单击时间轴中的“删除图层”按钮 或将图层或文件夹拖到“删除图层”按钮 （2）右击该图层或文件夹的名称，然后选择快捷菜单中的“删除图层”或“删除文件 夹”。 。
则取消轮廓模式。
（2）单击“显示所有图层的轮廓”图标 ，可以将所有图层以轮廓模式显示；再次单击轮 廓模式图标则取消轮廓模式。
案例 本 章 1小 绘制“五星红旗” 结
本章小结
本章全面介绍了图层、时间轴、帧等有关术语。介绍了图层的属性、图层与帧的操作方法，
还介绍了图层的管理、图层的编辑，并通过“引导层动画”及“遮罩层动画”案例的制作， 进一步熟悉了动画制作中图层与时间轴的功能及用法，为后面动画的制作奠定了坚实的基 础。
（3） 复制、粘贴帧或帧序列
选择帧或序列并选择“编辑”→“时间轴”→“复制帧”。选择要替换的帧或序列，然后 选择“编辑”→“时间轴”→“粘贴帧”。或按住Alt键再单击，并将关键帧拖到要粘贴 的位置。
（4）删除帧或帧序列
选择帧或序列并选择“编辑”→“时间轴”→“删除帧”或者右击帧或序列，从上下文菜 单中选择“删除帧”。
案例1制作“瓢虫爬行”动画
相关知识
2.帧的操作
（1）在时间轴中插入帧 在动画制作的时候，通常会制作跨越许多帧的静态图像或延长动画，这就需要在这个层中
插入更多的帧，使其在所有时间都被显示。
（2） 在时间轴中选择帧 在基于帧的选择（默认情况）中，可以在时间轴中选择单个帧。在基于整体范围的选择中， 在单击一个关键帧到下一个关键帧之间的任何帧时，整个帧序列都将被选中。
谢 谢！
时间轴的基本概念（帧、帧频率、图层的基本概念）
了解
理解
掌握
应用
案例1、案例2 案例2 案例1、案例2 案例1、案例2 案例1、案例2 案例1、案例2 案例1、案例2
学习要求
时间轴的作用 帧的类型（关键帧、空白关键帧、属性关键帧、补间 帧、静态帧） 帧的操作方法（插入帧、选择帧、移动复制粘贴帧、 删除帧、转换帧、帧居中、绘图纸工具的使用） 图层的属性（图层名称的设置、图层的类型、轮廓颜 色、图层高度） 图层的操作（创建图层、移动、复制、展开、折叠图 层、删除图层、重命名图层、锁定或者解锁图层） 图层动画的制作（引导层动画、遮罩 动画的制作方法）
案例1制作“瓢虫爬行”动画
相关知识
2.帧的操作
（5） 移动关键帧或帧序列及其内容 将关键帧或序列拖到目标位置。 （6） 更改静态帧序列的长度 在按住Ctrl键的同时向左或向右拖动范围的开始或结束帧，可以更改静态帧序列的长度。 （7） 将关键帧转换为帧 选择关键帧并选择“编辑”→“时间轴”→“清除关键帧”或者右击关键帧并从上下文菜 单中选择“清除关键帧”。 （8） 帧居中 在编辑状态时，我们可以在时间轴上看到有一红色的播放指针，它可以指示当前所在帧。 （9）“绘图纸”功能 ：绘图纸外观。单击该按钮，将显示播放指针所在帧内容的同时显示其前后数帧的内容。 播放指针周围会出现方括号形状的标记，其中所包含的帧都会显示出来，这将有利于观察 不同帧之间的图形变化过程。 ：绘图纸外观轮廓。单击该按钮，除当前播放指针下的关键帧以原色显示外，其他帧将显 示出对象的轮廓线。 ：编辑多个帧。单击该按钮，将显示“洋葱皮”标记之间每一帧的内容，使每一帧都可以 编辑，而不管是不是当前帧。
相关知识
1. 时间轴
（1）帧频率 帧频率是动画播放的速度，以每秒播放的帧数 (fps) 为度量单位。24 fps的帧速率是新
Flash文档的默认设置，通常在Web上提供最佳效果。
（2）帧的类型 Flash在时间轴中使用帧来组织和控制文档的内容，在时间轴中放置帧的顺序将决定帧内 对象在最终内容中的显示顺序。
补间帧：是作为补间动画的一部分的任何帧。Flash能补间，即自动填充属性关键帧之间 的属性值，以便生成流畅的动画。 静态帧：静态帧也称为普通帧，显示同一层上最后一个关键帧的内容。在时间轴上关键帧
必须始终在普通帧的前面。
案例1制作“瓢虫爬行”动画
1. 时间轴
相关知识
（3）图层的属性 Flash CS6 Professional中的图层具有多种不同的属性。 ①名称：在此文本框中设置图层的名称。 显示：设置图层内容是否显示在场景中。 锁定：设置是否可以编辑层中的内容，即图层是否处于锁定状态。 ②类型：设置图层的类型。 一般：设置该图层为标准图层，这是Flash默认的图层类型。 遮罩层：允许用户把当前层的类型设置为遮罩层，这种类型的层将遮掩与其相链接的任何 层上的对象。 被遮罩：设置当前层为被遮罩层，这意味着它必须链接到一个遮罩层上。 只有该层在遮罩层或另一个链接的被遮罩层正下方时，该选项才可用。 文件夹：设置当前图层为图层文件夹形式，将消除该层包含的全部内容。 引导层：设置该层为引导层，这种类型的层可以引导与其相链接的被引导层中的过渡动画。 被引导：设置该图层为被引导层，即它被链接到运动引导层。只有当该层在遮罩层或另一 个被链接的被引导层正下方时，该选项才出现。 ③轮廓颜色：用于设置该图层上对象的轮廓颜色。 ④图层高度：可设置图层的高度。
案例1制作“瓢虫爬行”动画 绘制“五星红旗”
相关知识
1. 时间轴
从本质上讲，Flash动画是以图层为单位来进行组织、以时间轴中的帧为主线来实现的。 在“时间轴”面板上，影片中的“图层”在时间轴左侧的列中，每个层中包含的帧则显示 在该层名称右侧的一行中。时间轴中的层与帧的功能如图所示。
案例1制作“瓢虫爬行”动画
案例2制作“遮罩文字”动画
相关知识
8. 图层的轮廓
在对象编辑中，通过显示对象为轮廓的方法，方便地察看对象。在线框模式下，该层的所 有对象都以一种颜色显示。图层轮廓的颜色可在“图层属性”中自行设置，也可以由
Flash以随机的方式给图层分配一种轮廓颜色。每个对象的轮廓颜色和其所在图层右侧的
“将所有图层显示为轮廓”图标 的颜色相同。 调出轮廓显示的方法如下： （1）单击图层名称右边的显示模式栏即可将图层转换为轮廓模式；再次单击显示模式栏
案例 思 考 1与 绘制“五星红旗” 练习
思考与练习
1. 什么是图层？图层的作用是什么？图层有几种？怎样编辑图层？
2. 结合前面所学内容练习图层、普通引导层与运动引导层的转换。 3. 结合所讲内容，练习制作一个应用文字作为遮罩层的例子。
案例 拓 展 1训 绘制“五星红旗” 练
拓展训练
训练1：制作“跳动的小球”动画
知识导航
3.1
案例1：制作“瓢虫爬行”动画
案例1制作“瓢虫爬行”动画
案例概述
本案例主要应用引导层的设置使瓢虫能按照指定的运动路径进行爬行，实现“瓢虫爬行” 的动画效果。完成本案例能理解时间轴的基本概念，掌握帧的基本操作和引导层动画的制 作方法。
案例效果
“瓢虫与绿叶”的效果
案例分析
制作“瓢虫爬行”动画主要应用创建新层、导入位图、转换为元件、时间轴中的帧、添加 引导层、创建传统补间动画等知识来完成。通过本案例的制作，能够深刻理解时间轴中 “图层与帧”的应用方法。
拓展训练 训练2：制作“万花筒效果”动画
任务要求：
使用一幅图片，利用遮罩动画制作眼花缭乱的“万花筒效果”。要求如下：
1.设置舞台的大小为400×300像素，准备一幅图片，导入到库中转换图形元件。 3.利用图形元件实例和遮罩动画创建45度扇形影片剪辑元件。 4.在场景中使用影片剪辑元件实例摆放成一个圆形，创建“万花筒效果”动画。 动画效果： 效果如图 所示。
2. 选择图层或文件夹
执行下列操作之一：
（1）单击图层或文件夹的名称。 （2）单击要选择的图层的任意一个帧或在舞台中选择要选择的图层上的一个对象。 （3）要选择连续的几个图层或文件夹，可按住Shift键单击它们的名称。
（4）若要选择几个不连续的图层或文件夹，可按住Ctrl键单击时间轴中它们的名称。
案例2制作“遮罩文字”动画
关键帧：是指时间轴中其元件实例首次出现在舞台上的帧。
空白关键帧：空白关键帧是特殊的关键帧，以空心圆表示。它的作用是将前面的关键帧内 容清除掉，而使画面的内容变为空白，即使动画中的对象消失掉。 属性关键帧：属性关键帧是在补间范围中为补间目标对象显示定义一个或多个属性值的帧。
定义的每个属性都有它自己的属性关键帧。
任务要求： 创建“球”元件，制作球上下跳动的效果。要求如下： 1.设置舞台的大小为500×400像素。 2.绘制一个“球”并转换为图形元件。 3.制作小球上下弹跳的补间动画。 4.创建“小球阴影”的图形元件，通过调整Alpha设置制作阴影动画。 动画效果：
效果如图 所示。
案例 拓 展 1训 绘制“五星红旗” 练
案例1制作“瓢虫爬行”动画 绘制“五星红旗”
相关知识
3. 铅笔工具
使用铅笔工具可以绘制线条和形状，绘画的方式与使用真实铅笔大致相同。
3.2
案例2：制作“遮罩文字”动画
案例2制作“遮罩文字”动画
案例概述
本案例主要通过“文字工具”和遮罩动画完成“遮罩文字”的动画效果。
案析