第3章_时间轴帧与图层

《第3章_时间轴帧与图层》由会员分享，可在线阅读，更多相关《第3章_时间轴帧与图层（23页珍藏版）》请在文档大全上搜索。

1、Flash项目实践教程（第三版）Part3第3章 时间轴、帧与图层目标概述学习要求本章将全面介绍Flash CS6 Professional中的时间轴、图层以及关键帧基本概念和应用方法，使学习者能够掌握Flash中时间轴、图层和帧基本概念和应用方法，为后面的动画制作奠定坚实的基础。学习目标 学习目标知识点了解理解掌握应用时间轴的基本概念（帧、帧频率、图层的基本概念） 案例1、案例2时间轴的作用 案例2帧的类型（关键帧、空白关键帧、属性关键帧、补间帧、静态帧） 案例1、案例2帧的操作方法（插入帧、选择帧、移动复制粘贴帧、删除帧、转换帧、帧居中、绘图纸工具的使用） 案例1、案例2图层的属性（图层名

2、称的设置、图层的类型、轮廓颜色、图层高度） 案例1、案例2图层的操作（创建图层、移动、复制、展开、折叠图层、删除图层、重命名图层、锁定或者解锁图层）案例1、案例2图层动画的制作（引导层动画、遮罩 动画的制作方法）案例1、案例2知识导航案例1：制作“瓢虫爬行”动画3.13.1案例概述案例效果本案例主要应用引导层的设置使瓢虫能按照指定的运动路径进行爬行，实现“瓢虫爬行”的动画效果。完成本案例能理解时间轴的基本概念，掌握帧的基本操作和引导层动画的制作方法。案例1制作“瓢虫爬行”动画“瓢虫与绿叶”的效果案例分析制作“瓢虫爬行”动画主要应用创建新层、导入位图、转换为元件、时间轴中的帧、添加引导层、创建传

3、统补间动画等知识来完成。通过本案例的制作，能够深刻理解时间轴中“图层与帧”的应用方法。 相关知识1. 时间轴从本质上讲，Flash动画是以图层为单位来进行组织、以时间轴中的帧为主线来实现的。在“时间轴”面板上，影片中的“图层”在时间轴左侧的列中，每个层中包含的帧则显示在该层名称右侧的一行中。时间轴中的层与帧的功能如图所示。案例1 绘制“五星红旗”案例1制作“瓢虫爬行”动画相关知识1. 时间轴（1）帧频率帧频率是动画播放的速度，以每秒播放的帧数 (fps) 为度量单位。24 fps的帧速率是新Flash文档的默认设置，通常在Web上提供最佳效果。（2）帧的类型Flash在时间轴中使用帧来组织和控

4、制文档的内容，在时间轴中放置帧的顺序将决定帧内对象在最终内容中的显示顺序。关键帧：是指时间轴中其元件实例首次出现在舞台上的帧。空白关键帧：空白关键帧是特殊的关键帧，以空心圆表示。它的作用是将前面的关键帧内容清除掉，而使画面的内容变为空白，即使动画中的对象消失掉。属性关键帧：属性关键帧是在补间范围中为补间目标对象显示定义一个或多个属性值的帧。定义的每个属性都有它自己的属性关键帧。补间帧：是作为补间动画的一部分的任何帧。Flash能补间，即自动填充属性关键帧之间的属性值，以便生成流畅的动画。静态帧：静态帧也称为普通帧，显示同一层上最后一个关键帧的内容。在时间轴上关键帧必须始终在普通帧的前面。案例1

5、制作“瓢虫爬行”动画相关知识1. 时间轴（3）图层的属性Flash CS6 Professional中的图层具有多种不同的属性。 名称：在此文本框中设置图层的名称。显示：设置图层内容是否显示在场景中。锁定：设置是否可以编辑层中的内容，即图层是否处于锁定状态。类型：设置图层的类型。一般：设置该图层为标准图层，这是Flash默认的图层类型。遮罩层：允许用户把当前层的类型设置为遮罩层，这种类型的层将遮掩与其相链接的任何层上的对象。 被遮罩：设置当前层为被遮罩层，这意味着它必须链接到一个遮罩层上。只有该层在遮罩层或另一个链接的被遮罩层正下方时，该选项才可用。 文件夹：设置当前图层为图层文件夹形式，将消

6、除该层包含的全部内容。引导层：设置该层为引导层，这种类型的层可以引导与其相链接的被引导层中的过渡动画。被引导：设置该图层为被引导层，即它被链接到运动引导层。只有当该层在遮罩层或另一个被链接的被引导层正下方时，该选项才出现。轮廓颜色：用于设置该图层上对象的轮廓颜色。图层高度：可设置图层的高度。案例1制作“瓢虫爬行”动画相关知识2.帧的操作（1）在时间轴中插入帧在动画制作的时候，通常会制作跨越许多帧的静态图像或延长动画，这就需要在这个层中插入更多的帧，使其在所有时间都被显示。（2） 在时间轴中选择帧在基于帧的选择（默认情况）中，可以在时间轴中选择单个帧。在基于整体范围的选择中，在单击一个关键帧到下

7、一个关键帧之间的任何帧时，整个帧序列都将被选中。（3） 复制、粘贴帧或帧序列选择帧或序列并选择“编辑”“时间轴”“复制帧”。选择要替换的帧或序列，然后选择“编辑”“时间轴”“粘贴帧”。或按住Alt键再单击，并将关键帧拖到要粘贴的位置。（4）删除帧或帧序列选择帧或序列并选择“编辑”“时间轴”“删除帧”或者右击帧或序列，从上下文菜单中选择“删除帧”。案例1制作“瓢虫爬行”动画相关知识2.帧的操作（5） 移动关键帧或帧序列及其内容将关键帧或序列拖到目标位置。（6） 更改静态帧序列的长度在按住Ctrl键的同时向左或向右拖动范围的开始或结束帧，可以更改静态帧序列的长度。（7） 将关键帧转换为帧选择关键帧

8、并选择“编辑”“时间轴”“清除关键帧”或者右击关键帧并从上下文菜单中选择“清除关键帧”。（8） 帧居中在编辑状态时，我们可以在时间轴上看到有一红色的播放指针，它可以指示当前所在帧。（9）“绘图纸”功能：绘图纸外观。单击该按钮，将显示播放指针所在帧内容的同时显示其前后数帧的内容。播放指针周围会出现方括号形状的标记，其中所包含的帧都会显示出来，这将有利于观察不同帧之间的图形变化过程。：绘图纸外观轮廓。单击该按钮，除当前播放指针下的关键帧以原色显示外，其他帧将显示出对象的轮廓线。：编辑多个帧。单击该按钮，将显示“洋葱皮”标记之间每一帧的内容，使每一帧都可以编辑，而不管是不是当前帧。案例1制作“瓢虫爬

9、行”动画相关知识案例1 绘制“五星红旗”3. 铅笔工具 使用铅笔工具可以绘制线条和形状，绘画的方式与使用真实铅笔大致相同。 案例1制作“瓢虫爬行”动画案例2：制作“遮罩文字”动画3.23.2案例概述案例效果本案例主要通过“文字工具”和遮罩动画完成“遮罩文字”的动画效果。案例2制作“遮罩文字”动画“遮罩文字”的效果案例分析创建简单“遮罩文字动画”的动画过程。通过本案例的制作，可以深刻理解时间轴中“图层”的应用方法，制作完成“遮罩文字”动画效果。相关知识1. 创建图层或文件夹创建一个图层或文件夹之后，该图层或文件夹将出现在所选图层的上方。新添加的图层将成为活动图层。执行下列操作之一：（1）单击图层

10、底部的“插入图层”按钮 或“新建文件夹”按钮 。（2）右击一个图层名称，然后选择快捷菜单中的“插入图层”或“插入文件夹”。2. 选择图层或文件夹执行下列操作之一：（1）单击图层或文件夹的名称。（2）单击要选择的图层的任意一个帧或在舞台中选择要选择的图层上的一个对象。 （3）要选择连续的几个图层或文件夹，可按住Shift键单击它们的名称。（4）若要选择几个不连续的图层或文件夹，可按住Ctrl键单击时间轴中它们的名称。案例1 绘制“五星红旗”案例2制作“遮罩文字”动画相关知识3. 移动、展开、折叠图层或文件夹（1）要将图层或文件夹移动到文件夹中，可将该图层或文件夹的名称拖到目标文件夹的名称中。（2

11、）要更改图层或文件夹的顺序，可将一个或多个图层或文件夹拖到所需位置。（3）要展开或折叠文件夹或所有文件夹，可单击该文件夹名称左侧的三角形；或右击，选择快捷菜单中的“展开所有文件夹”或“折叠所有文件夹”。4. 重命名图层或文件夹养成良好的习惯，始终命名每个图层，并为图层指定一个有意义的名称，以指示该图层上内容的类型。5. 复制图层或文件夹（1）要复制图层或文件夹的内容，可选择图层或文件夹。然后选择“编辑”“时间轴”“复制帧”。（2）单击新图层，然后选择“编辑”“时间轴”“粘贴帧”，便可将图层或文件夹的内容复制了。案例2制作“遮罩文字”动画相关知识6. 删除图层或文件夹要选择图层或文件夹，可以单击

12、该图层或图层文件夹的名称，或者单击图层中的任意一个帧。执行下列操作之一：（1）单击时间轴中的“删除图层”按钮 或将图层或文件夹拖到“删除图层”按钮 。（2）右击该图层或文件夹的名称，然后选择快捷菜单中的“删除图层”或“删除文件夹”。7. 锁定或解锁一个或多个图层或文件夹（1）要锁定图层或文件夹，可以单击该图层或文件夹名称右侧的“锁定”列。要解锁该图层或文件夹，可再次单击“锁定”列。（2）要锁定所有图层和文件夹，可以单击挂锁图标。要解锁所有图层和文件夹，可再次单击它。（3）要锁定或解锁多个图层或文件夹，可以在“锁定”列中拖动。（4）若要锁定所有其他图层或文件夹，可以按住Alt键单击图层或文件夹名

13、称右侧的“锁定”列。要解锁所有图层或文件夹，可再次按住Alt键单击“锁定”列。案例2制作“遮罩文字”动画相关知识8. 图层的轮廓在对象编辑中，通过显示对象为轮廓的方法，方便地察看对象。在线框模式下，该层的所有对象都以一种颜色显示。图层轮廓的颜色可在“图层属性”中自行设置，也可以由Flash以随机的方式给图层分配一种轮廓颜色。每个对象的轮廓颜色和其所在图层右侧的“将所有图层显示为轮廓”图标 的颜色相同。调出轮廓显示的方法如下：（1）单击图层名称右边的显示模式栏即可将图层转换为轮廓模式；再次单击显示模式栏则取消轮廓模式。（2）单击“显示所有图层的轮廓”图标 ，可以将所有图层以轮廓模式显示；再次单击

14、轮廓模式图标则取消轮廓模式。案例2制作“遮罩文字”动画本章小结案例1 绘制“五星红旗”本章全面介绍了图层、时间轴、帧等有关术语。介绍了图层的属性、图层与帧的操作方法，还介绍了图层的管理、图层的编辑，并通过“引导层动画”及“遮罩层动画”案例的制作，进一步熟悉了动画制作中图层与时间轴的功能及用法，为后面动画的制作奠定了坚实的基础。本 章 小 结思考与练习案例1 绘制“五星红旗”1. 什么是图层？图层的作用是什么？图层有几种？怎样编辑图层？2. 结合前面所学内容练习图层、普通引导层与运动引导层的转换。3. 结合所讲内容，练习制作一个应用文字作为遮罩层的例子。思 考 与 练 习拓展训练案例1 绘制“五

15、星红旗”训练1：制作“跳动的小球”动画任务要求：创建“球”元件，制作球上下跳动的效果。要求如下：1.设置舞台的大小为500400像素。2.绘制一个“球”并转换为图形元件。3.制作小球上下弹跳的补间动画。4.创建“小球阴影”的图形元件，通过调整Alpha设置制作阴影动画。动画效果：效果如图 所示。拓 展 训 练拓展训练案例1 绘制“五星红旗”训练2：制作“万花筒效果”动画任务要求：使用一幅图片，利用遮罩动画制作眼花缭乱的“万花筒效果”。要求如下：1.设置舞台的大小为400300像素，准备一幅图片，导入到库中转换图形元件。3.利用图形元件实例和遮罩动画创建45度扇形影片剪辑元件。4.在场景中使用影片剪辑元件实例摆放成一个圆形，创建“万花筒效果”动画。动画效果：效果如图 所示。拓 展 训 练谢 谢！