时间轴、层与帧.ppt

《时间轴、层与帧.ppt》由会员分享，可在线阅读，更多相关《时间轴、层与帧.ppt（100页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、新编中文Flash 8基础教程第八章 时间轴、层与帧第一节第一节 时时 间间 轴轴第二节第二节 层层第三节第三节 帧帧本章小结本章小结习题八习题八新编中文Flash 8基础教程时间轴是Flash的核心，用于组织和控制动画内容在特定的时间出现在舞台上。在默认情况下，时间轴位于工作界面的顶部，如图8.1.1所示。第一节 时 间 轴新编中文Flash 8基础教程图8.1.1 时间轴新编中文Flash 8基础教程一、时间轴的组成一、时间轴的组成时间轴主要由播放指针、层、帧、绘图纸工具、播放时间、帧频、帧浏览选项等组成，如图8.1.2所示。图8.1.2 时间轴的组成新编中文Flash 8基础教程（1）播

2、放指针：由和一条垂直细线组成，用于指示某一帧为当前帧。（2）层：类似于堆叠在一起的透明纸，用于存放动画中的内容，其类型与操作将在第二节中具体介绍。（3）帧：是Flash动画的基本单位，用于代表不同的时刻。（4）绘图纸工具：用于查看动画在每个帧状态下的相对位置，如图8.1.3所示。新编中文Flash 8基础教程图8.1.3 使用绘图纸工具显示动画前后的效果新编中文Flash 8基础教程（5）播放时间：是第1帧与当前帧之间播放的时间间隔。（6）帧频：用于控制动画播放的速度，其单位为“fps”，数值越大，速度越快，反之速度越慢。（7）帧浏览选项：单击右上角的“帧浏览选项”按钮，将弹出如图8.1.4所

3、示的下拉菜单，用户可以从中选择需要的帧浏览选项。新编中文Flash 8基础教程图8.1.4 “帧浏览选项”下拉菜单新编中文Flash 8基础教程二、时间轴的操作二、时间轴的操作用户可以根据习惯调整时间轴的位置及尺寸，可以使其处于嵌入状态或浮动状态，也可以将其显示或隐藏。1改变时间轴的位置及尺寸按住并拖动时间轴的左上角，即中的任意位置，可以改变时间轴的位置，使其位于工作界面的下部或者两侧，如图8.1.5所示。新编中文Flash 8基础教程图8.1.5 改变时间轴的位置新编中文Flash 8基础教程将鼠标指针移动到时间轴的边缘，当其呈现形状时，按住并拖动鼠标可以调整时间轴的尺寸，如图8.1.6所示

4、。注意：如果有许多层，无法在时间轴中全部显示，用户可以使用时间轴右侧的滚动条来查看。新编中文Flash 8基础教程图8.1.6 改变时间轴的尺寸新编中文Flash 8基础教程2使时间轴处于嵌入状态或浮动状态以上介绍的时间轴均处于嵌入状态，如果要将它变成浮动状态，即作为一个独立的窗口显示出来，需要按住并拖动时间轴的左上角，然后在不靠近工作区边缘的位置释放鼠标左键，如图8.1.7所示。新编中文Flash 8基础教程图8.1.7 改变时间轴为浮动状态新编中文Flash 8基础教程3显示或隐藏时间轴如果用户觉得时间轴妨碍工作，可以单击“时间轴”按钮，将其隐藏，等需要时再显示，如图8.1.8所示。注意：

5、也可以选择“窗口”“时间轴”命令，将其暂时关闭，等需要时再打开。新编中文Flash 8基础教程图8.1.8 显示或隐藏时间轴新编中文Flash 8基础教程三、时间轴特效三、时间轴特效Flash 8中包含了许多时间轴特效，包括变形、转换、分散式直接复制、复制到网格、分离、展开、投影和模糊等，通过添加这些特效，用户可以执行最少的步骤创建复杂的动画效果。新编中文Flash 8基础教程1添加时间轴特效可以添加时间轴特效的对象有文本、图形、位图和元件等，当用户向某一对象添加时间轴特效时，Flash会自动创建一个新层，并将该对象及相关内容传输到该层。下面以变形效果为例为图片添加特效，操作步骤如下：新编中文

6、Flash 8基础教程（1）新建一个Flash文件。（2）选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，导入一张图片到舞台上。（3）选中图片，选择“插入”“时间轴特效”“变形/转换”“变形”命令，弹出如图8.1.9所示的“变形”对话框。左侧是设置区域，能够改变对象的默认值；右侧是预览区，用户在左侧对图形进行修改后，单击“更新预览”按钮即可预览到修改后的效果，如图8.1.10所示。新编中文Flash 8基础教程图8.1.9“变形”对话框新编中文Flash 8基础教程图8.1.10 预览效果新编中文Flash 8基础教程（4）设置完成后单击“确定”按钮即可，此时，时间轴面板如图8.1

7、.11所示。（5）按Ctrl+Enter键预览动画效果。图8.1.11 添加变形特效后的时间轴面板新编中文Flash 8基础教程2设置时间轴特效每一种时间轴特效都拥有自己的参数，用户可以根据需要进行设置，下面介绍各种时间轴特效的参数设置。（1）变形特效。该特效用于制作移动、缩放、旋转、淡入淡出等效果，其参数如图8.1.9所示，各选项的含义如下：1）效果持续时间：设置变形特效持续的时间。2）更改位置方式：设置对象在X轴与Y轴方向上的偏移量。新编中文Flash 8基础教程3）缩放比例：设置对象的缩放比例。4）旋转：设置对象的旋转角度和次数。5）更改颜色：应用或取消颜色的更改。6）最终颜色：设置对象

8、最终的颜色。7）最终的Alpha：设置对象最终的Alpha值，即透明度。8）移动减慢：设置对象速度变化的方式，当值为负数时，速度变化由慢到快；当值为正数时，速度变化由快到慢。新编中文Flash 8基础教程（2）转换特效。该特效用于制作向内擦除或向外擦除对象的效果。选中要添加转换特效的对象，选择“插入”“时间轴特效”“变形/转换”“转换”命令，弹出“转换”对话框，如图8.1.12所示。新编中文Flash 8基础教程图8.1.12 “转换”对话框新编中文Flash 8基础教程该对话框中各参数的含义如下：1）效果持续时间：设置转换特效持续的时间。2）方向：设置转换特效的方向。3）淡化：设置淡化效果。

9、4）涂抹：设置对象逐渐显示效果。5）移动减慢：设置对象速度变化的方式，当值为负数时，速度变化由慢到快；当值为正数时，速度变化由快到慢。新编中文Flash 8基础教程（3）分散式直接复制特效。该特效用于以指定的次数复制对象。选中要添加分散式直接复制特效的对象，选择“插入”“时间轴特效”“帮助”“分散式直接复制”命令，弹出“分散式直接复制”对话框，如图8.1.13所示。新编中文Flash 8基础教程图8.1.13 “分散式直接复制”对话框新编中文Flash 8基础教程该对话框中各参数的含义如下：1）副本数量：设置要复制的副本数量。2）偏移距离：设置对象在X轴与Y轴方向上的偏移量。3）偏移旋转：设置

10、偏移旋转的角度。4）偏移起始帧：设置偏移开始的帧编号。5）指数缩放比例：设置以指数方式缩放对象的缩放比例。6）更改颜色：应用或取消对副本颜色的更改。7）最终颜色：设置最后一个副本的颜色。8）最终的Alpha：设置最后一个副本的透明度。新编中文Flash 8基础教程（4）复制到网格特效。该特效用于按选定的列数和行数复制对象，并将复制的对象置于所创建的网格中。选中要添加复制到网格特效的对象，选择“插入”“时间轴特效”“帮助”“复制到网格”命令，弹出“复制到网格”对话框，如图8.1.14所示。新编中文Flash 8基础教程图8.1.14 “复制到网格”对话框新编中文Flash 8基础教程该对话框中各

11、参数的含义如下：1）网格尺寸：设置网格的行数和列数。2）网格间距：设置网格的行间距和列间距。（5）分离特效。该特效用于使对象产生裂开、旋转和弯曲的效果。选中要添加分离特效的对象，选择“插入”“时间轴特效”“效果”“分离”命令，弹出“分离”对话框，如图8.1.15所示。新编中文Flash 8基础教程图8.1.15 “分离”对话框新编中文Flash 8基础教程该对话框中各参数的含义如下：1）效果持续时间：设置分离特效持续的时间。2）分离方向：设置分离特效的方向。3）弧线大小：设置对象在X轴与Y轴方向上的偏移量。4）碎片旋转量：设置碎片的旋转角度。5）碎片大小更改量：设置碎片在X轴与Y轴方向上的大小

12、更改量。6）最终的Alpha：设置分离特效最终的透明度。新编中文Flash 8基础教程（6）展开特效。该特效用于将对象展开、压缩或者两者皆是。选中要添加展开特效的对象，选择“插入”“时间轴特效”“效果”“展开”命令，弹出“展开”对话框，如图8.1.16所示。新编中文Flash 8基础教程图8.1.16 “展开”对话框新编中文Flash 8基础教程该对话框中各参数的含义如下：1）效果持续时间：设置展开特效持续的时间。2）展开、压缩和两者皆是：设置展开特效的运动形式。3）移动方向：设置展开特效的运动方向。4）组中心转换方式：设置运动中心在X轴和Y轴方向上的偏移量。5）碎片偏移：设置碎片的偏移量。6

13、）碎片大小更改量：设置碎片大小的更改量。新编中文Flash 8基础教程（7）投影特效。该特效用于使对象产生投影效果。选中要添加投影特效的对象，选择“插入”“时间轴特效”“效果”“投影”命令，弹出“投影”对话框，如图8.1.17所示。新编中文Flash 8基础教程图8.1.17 “投影”对话框新编中文Flash 8基础教程该对话框中各参数的含义如下：1）颜色：设置投影的颜色。2）Alpha透明度：设置投影的透明度。3）阴影偏移：设置投影在X轴和Y轴方向上的偏移量。（8）模糊特效。该特效用于创建运动模糊的效果。选中要添加模糊特效的对象，选择“插入”“时间轴特效”“效果”“模糊”命令，弹出“模糊”对

14、话框，如图8.1.18所示。新编中文Flash 8基础教程图8.1.18 “模糊”对话框新编中文Flash 8基础教程该对话框中各参数的含义如下：1）效果持续时间：设置模糊特效持续的时间。2）分辨率：设置对象的显示质量。3）缩放比例：设置对象的缩放比例。4）允许水平模糊：设置对象在水平方向上产生模糊效果。5）允许垂直模糊：设置对象在垂直方向上产生模糊效果。6）移动方向：设置模糊运动的方向。新编中文Flash 8基础教程3编辑时间轴特效如果用户对已经设置好的时间轴特效不满意，可以重新进行编辑，操作步骤如下：（1）选中要重新编辑时间轴特效的对象。（2）选择“修改”“时间轴特效”“编辑特效”命令，或

15、者单击属性面板中的“编辑”按钮，如图8.1.19所示。图8.1.19 属性面板新编中文Flash 8基础教程4删除时间轴特效删除时间轴特效的操作步骤如下：（1）选中要删除时间轴特效的对象。（2）选择“修改”“时间轴特效”“删除特效”命令，或者单击鼠标右键，在弹出的快捷菜单中选择“时间轴特效”“删除特效”命令。新编中文Flash 8基础教程为了更好地创建与管理动画，Flash引入了层的概念。对于新建的 Flash 文件，在默认情况下只有一个层。随着复杂程度的增加，用户可以根据需要新建若干层，然后将不同类型的对象置于不同的层中。第二节 层新编中文Flash 8基础教程一、层的类型一、层的类型根据用

16、途的不同，可以将层分为普通层、引导层和遮罩层3种类型。（1）普通层：即系统默认层，用于存放元件、位图、矢量图和声音等对象，以图标显示。（2）引导层：用于设置对象的运动轨迹，以图标显示，如图8.2.1所示。引导层中的对象不随动画输出，因此不会增加文件的大小。新编中文Flash 8基础教程图8.2.1 引导层新编中文Flash 8基础教程（3）遮罩层：用于遮盖与之相链接的层中的对象，以图标显示，如图8.2.2所示。与引导层一样，遮罩层中的对象也不随动画输出。图8.2.2 遮罩层新编中文Flash 8基础教程二、层的操作二、层的操作下面介绍层的有关操作，包括创建层、重命名层、选择层、改变层的顺序、锁

17、定与解锁层、隐藏与显示层、以轮廓方式显示层、以层文件夹形式组织层。1创建层对于新建的Flash文件，系统默认有一个层，即“图层1”，如果要创建新层，可以使用以下方法：新编中文Flash 8基础教程（1）单击时间轴中的“插入图层”按钮。（2）选择“插入”“时间轴”“图层”命令。（3）将鼠标指针置于层名区上，单击鼠标右键，在弹出的快捷菜单中选择“插入图层”命令。在Flash中，层按照创建的先后顺序，由下至上叠加，并且自动命名为“图层2”、“图层3”等，如图8.2.3所示为添加层前后的效果。新编中文Flash 8基础教程图8.2.3 添加层前后的效果新编中文Flash 8基础教程2重命名层一个复杂的

18、Flash动画，可能要创建几十甚至几百个层，如果沿用默认的名称，将难以区分和记忆每一层的内容，因此，需要根据层中的内容重命名层，操作步骤如下：（1）选中要重命名的层。（2）双击该层的名称，使其进入可编辑状态。（3）输入新的名称，例如“声音”。（4）输入完毕后，在非白色区域单击鼠标左键，如图8.2.4所示。新编中文Flash 8基础教程图8.2.4 重命名层新编中文Flash 8基础教程3选择层选择层也就是激活层，使该层成为当前可操作的层，操作方法如下：（1）在时间轴中单击要选择层的名称。（2）在时间轴中单击要选择层所包含的帧。（3）在舞台中选择该层中的某个对象。新编中文Flash 8基础教程注

19、意：处于选择状态的层，在时间轴中将以蓝色反白显示，并且在层名的右侧将出现一个铅笔图标。有时为了编辑的需要，可能要同时选择多个层，遇到这种情况，可以利用Shift键或Ctrl键来完成。当用户选择第一个层后，在按住Shift键的同时，单击要选择的最后一层，可以选择连续的多个层；在按住Ctrl键的同时，单击不相邻的层，可以选择不连续的多个层，如图8.2.5所示。新编中文Flash 8基础教程图8.2.5 选择多个层新编中文Flash 8基础教程4改变层的顺序层的顺序会直接影响层中对象的重叠形式，即处于上面层中的内容会遮挡住下面层中的内容，如图8.2.6所示。图8.2.6 层的遮挡关系新编中文Flas

20、h 8基础教程改变层顺序的操作步骤如下：（1）选择要改变顺序的层。（2）按住鼠标左键并拖动。注意：在拖动过程中，会出现一条虚线，显示层的移动。（3）在需要的位置释放鼠标左键即可，如图8.2.7所示。新编中文Flash 8基础教程图8.2.7 改变层的顺序新编中文Flash 8基础教程5锁定与解锁层当对某一层的操作已经完成，为了避免由于误操作而导致辛苦的工作付诸东流，用户可以将该层锁定。直接单击该层与“锁定/解除锁定所有图层”按钮交叉的图标，使其变为图标即可，如图8.2.8所示。新编中文Flash 8基础教程图8.2.8 锁定层新编中文Flash 8基础教程如果要编辑锁定层中的内容，单击层与“锁

21、定/解除锁定所有图层”按钮交叉的图标，将其变为图标即可。注意：如果锁定的是当前层，则该层中的图标将变成图标，表示该层同时处于不可编辑状态，如图8.2.9所示。另外，单击“锁定/解除锁定所有图层”按钮，可以同时锁定所有层或者解除对所有层的锁定，如图8.2.10所示。新编中文Flash 8基础教程图8.2.9 锁定当前层 图8.2.10 锁定所有层新编中文Flash 8基础教程6隐藏与显示层当用户对某层进行编辑时，有些层可能会影响到用户的操作，那么就需要将这些层进行隐藏，单击该层与“显示/隐藏所有图层”按钮交叉的图标，将其变为图标即可，如图8.2.11所示。新编中文Flash 8基础教程图8.2.

22、11 隐藏层新编中文Flash 8基础教程对于隐藏层中的所有对象，在舞台中将不予显示。如果要编辑隐藏层中的内容，单击该层与“显示/隐藏所有图层”按钮交叉的图标，将其变为图标即可。技巧：单击“显示/隐藏所有图层”按钮，可以同时隐藏所有层或者将它们重新显示，如图8.2.12所示。新编中文Flash 8基础教程图8.2.12 同时隐藏或显示所有层新编中文Flash 8基础教程7以轮廓方式显示层在默认情况下，层中的内容以完整的实体显示，如图8.2.13所示。但有时为了便于查看对象的边缘，需要以轮廓方式显示层，此时，Flash将只显示对象的轮廓，如图8.2.14所示。新编中文Flash 8基础教程图8.

23、2.13 以实体方式显示对象 图8.2.14 以轮廓方式显示对象新编中文Flash 8基础教程若要以轮廓方式显示层，直接单击该层与“显示所有图层的轮廓”按钮交叉的图标，使其变为图标即可，如图8.2.15所示。技巧：单击“显示所有图层的轮廓”按钮，可以同时以轮廓方式显示所有层。新编中文Flash 8基础教程图8.2.15 层的两种显示方式新编中文Flash 8基础教程8以层文件夹形式组织层层文件夹能有效地组织层，从而便于用户编辑和调试动画，创建层文件夹的操作步骤如下：（1）执行下列操作之一，创建空的层文件夹。1）选择“插入”“时间轴”“图层文件夹”命令。2）单击时间轴面板中的“插入图层文件夹”按

24、钮。3）将鼠标指针置于某个层名上，单击鼠标右键，在弹出的快捷菜单中选择“插入文件夹”命令。新编中文Flash 8基础教程（2）为层文件夹命名，例如，若要存放图片，可命名为“image”；若要存放声音，可命名为“sound”。（3）按住并拖动相关层到层文件夹中。提示：如果要展开层文件夹，单击文件夹左侧的小三角即可，如图8.2.16所示。新编中文Flash 8基础教程图8.2.16 展开层文件夹新编中文Flash 8基础教程Flash动画与我们平时看到的电影和电视一样，是通过连续播放若干个静止的画面来产生动画效果的，这些静止的画面叫作帧，它类似于电影底片上每一格的画面。一般来说，每秒钟的电影包含2

25、4个或者更多的画面，动画才能流畅。第三节 帧新编中文Flash 8基础教程一、帧的类型一、帧的类型帧是构成Flash动画的基础，根据它的特点与用途，可以分为关键帧、普通帧、空白关键帧等多种类型。（1）关键帧：用于描述关键画面的帧，在时间轴上显示为实心圆，如图8.3.1所示。（2）普通帧：即通常所说的帧，用于延长动画的播放时间，在时间轴上显示为灰色的方格，如图8.3.2所示。（3）空白关键帧：即没有内容的关键帧，在时间轴上显示为空心圆，如图8.3.3所示。新编中文Flash 8基础教程图8.3.1 关键帧 图8.3.2 普通帧 图8.3.3 空白关键帧（4）形状补间帧：指在两个关键帧之间用浅绿色

26、填充并由箭头连接的帧，表示对象产生了形状补间动画，如图8.3.4所示。（5）运动补间帧：指在两个关键帧之间用浅蓝色填充并由箭头连接的帧，表示对象产生了运动补间动画，如图8.3.5所示。新编中文Flash 8基础教程图8.3.4 形状补间帧 图8.3.5 运动补间帧（6）错误补间帧：指在两个关键帧之间由虚线连接的帧，表示补间动画发生了错误，如图8.3.6所示。（7）动作帧：指由“”字母标识的关键帧，表示该帧中添加了动作，如图8.3.7所示。新编中文Flash 8基础教程图8.3.6 错误补间帧 图8.3.7 动作帧（8）名称帧：指由小红旗开始，后面跟有文字的帧，常用于帧的跳转，如图8.3.8所示

27、。（9）注释帧：指由绿色的双斜杠开始，后面跟有文字的帧，表示注释，如图8.3.9所示。（10）锚记帧：指由开始，后面跟有文字的帧，如图8.3.10所示。新编中文Flash 8基础教程图8.3.8 名称帧 图8.3.9 注释帧 图8.3.10 锚记帧新编中文Flash 8基础教程二、帧的操作二、帧的操作下面介绍帧的有关操作，包括选择帧、移动帧、复制与粘贴帧、改变帧的外观以及设置帧标签。1选择帧根据选择范围的不同，帧的选择有以下4种情况：（1）选择单个帧。在时间轴上单击帧所在的位置即可，如图8.3.11所示。新编中文Flash 8基础教程 图8.3.11 选择单个帧 新编中文Flash 8基础教程

28、（2）选择多个连续的帧。在按住Shift键的同时，单击要选择的第1帧，然后单击最后一帧即可，如图8.3.12所示。图8.3.12 选择多个连续的帧新编中文Flash 8基础教程（3）选择多个不连续的帧。在按住Ctrl键的同时，单击要选择的帧即可，如图8.3.13所示。图8.3.13 选择多个不连续的帧新编中文Flash 8基础教程（4）选择所有帧。选择某一帧后，单击鼠标右键，在弹出的快捷菜单中选择“选择所有帧”命令即可，如图8.3.14所示。图8.3.14 选择所有帧新编中文Flash 8基础教程2移动帧移动帧的操作步骤如下：（1）使用上面介绍的方法，选择要移动的帧。（2）按住鼠标左键不放并拖

29、动，此时，鼠标指针将呈现形状。（3）当移动到目标位置时，释放鼠标左键即可，如图8.3.15所示。新编中文Flash 8基础教程图8.3.15 移动帧新编中文Flash 8基础教程3复制与粘贴帧复制与粘贴帧的操作步骤如下：（1）选择单个帧或多个帧。（2）单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令。（3）在需要的位置单击鼠标右键，然后在弹出的快捷菜单中选择“粘贴帧”命令。新编中文Flash 8基础教程4改变帧的外观单击时间轴右上角的“帧浏览选项”按钮，弹出如图8.3.16所示的下拉菜单，用户可以选择其中的命令改变帧的外观，如图8.3.17所示为选择“预览”命令时的效果。新编中文Flash

30、8基础教程图8.3.16 “帧浏览选项”下拉菜单 图8.3.17 选择“预览”命令时的效果新编中文Flash 8基础教程5设置帧标签设置帧标签是为了更好地辨认及控制帧，其操作步骤如下：（1）选择要创建帧标签的关键帧。（2）在属性面板的“帧标签”文本框中输入标签的名称，例如“aa”（见图8.3.18），设置完毕后，所设置的标签名称将出现在该帧上，并且有小红旗标志，如图8.3.19所示。新编中文Flash 8基础教程图8.3.18 输入标签的名称图8.3.19 创建帧标签新编中文Flash 8基础教程帧标签有3种类型：名称、注释和锚记，用户可以通过“标签类型”下拉列表进行选择（见图8.3.20），

31、由于其表示形式在前面已做介绍，这里就不再赘述。注意：帧标签的长短将影响文件的大小，因此应该采用比较短的帧标签。新编中文Flash 8基础教程图8.3.20 “标签类型”下拉列表新编中文Flash 8基础教程本章主要讲解了时间轴、层和帧的有关知识，包括时间轴的组成与操作、层的类型与操作、帧的类型与操作等。熟练掌握本章内容，能为动画制作奠定坚实的基础。本章小结新编中文Flash 8基础教程一、填空题一、填空题（1）_是Flash的核心，用于组织和控制动画内容在特定的时间出现在舞台上。（2）Flash动画与我们平时看到的电影和电视一样，通过连续播放若干个静止的画面来产生动画效果，这些静止的画面叫作_。习 题 八新编中文Flash 8基础教程二、选择题二、选择题（1）在默认状态下，时间轴（）。A位于Flash工作界面的底部B位于Flash工作界面的顶部C位于Flash工作界面的两侧D作为一个独立的窗口显示新编中文Flash 8基础教程（2）在Flash 8中，层包括（）几种类型。A普通层B引导层C遮罩层D运动层（3）帧分为（）等多种类型。A关键帧B普通帧 C空白关键帧D注释帧新编中文Flash 8基础教程三、上机操作题三、上机操作题（1）在舞台中创建文本，并对其应用不同的时间轴特效。（2）练习帧的插入、选择、移动等操作。