时间轴和帧PPT课件

1、7.1.1 时间轴的组成时间轴的组成时间轴主要由层控制区域和时间控制区域组时间轴主要由层控制区域和时间控制区域组成（见图成（见图7.1.1），其中，呈垂直方向分布的层），其中，呈垂直方向分布的层就像堆叠在一起的多张幻灯胶片一样，每个层中就像堆叠在一起的多张幻灯胶片一样，每个层中都包含一个显示在舞台中的不同对象；呈水平方都包含一个显示在舞台中的不同对象；呈水平方向分布的帧分别代表不同的时刻，用于控制动画向分布的帧分别代表不同的时刻，用于控制动画的播放时间。的播放时间。第1页/共40页时间控制区域层控制区域图7.1.1 时间轴的组成第2页/共40页注意：如果一个动画有多个层，无法在时间注意：如果一

2、个动画有多个层，无法在时间轴中全部显示出来，可以通过拖动时间轴右侧的轴中全部显示出来，可以通过拖动时间轴右侧的滚动条来查看其他的层，如图滚动条来查看其他的层，如图7.1.2所示。所示。 图7.1.2 拖动滚动条查看其他层第3页/共40页7.1.2 时间轴的操作时间轴的操作在默认状态下，时间轴位于在默认状态下，时间轴位于Flash工作界面的上部，工作界面的上部，如图如图7.1.3所示。在实际应用中，时间轴的位置是可以所示。在实际应用中，时间轴的位置是可以改变的，用户可以将其移动到工作界面的下部或两侧，改变的，用户可以将其移动到工作界面的下部或两侧，甚至可以将其作为一个独立的窗口显示出来，如图甚至

3、可以将其作为一个独立的窗口显示出来，如图7.1.4所示。所示。第4页/共40页 图7.1.3 默认状态下的时间轴 图7.1.4 时间轴显示为一个窗口第5页/共40页如果将鼠标指针移动到时间轴的边缘，当如果将鼠标指针移动到时间轴的边缘，当其呈现形状时，按住鼠标左键并上下拖动，其呈现形状时，按住鼠标左键并上下拖动，可以调整时间轴的尺寸，如图可以调整时间轴的尺寸，如图7.1.5所示。所示。 图7.1.5 调整时间轴的尺寸第6页/共40页如果将鼠标指针移动到层控制区域和时间控制如果将鼠标指针移动到层控制区域和时间控制区域的中间，当其呈现形状时，按住鼠标左键并区域的中间，当其呈现形状时，按住鼠标左键并左

4、右拖动，可以调整时间轴两个组成区域的宽度，左右拖动，可以调整时间轴两个组成区域的宽度，如图如图7.1.6所示。所示。如果用户觉得时间轴防碍工作，可以选择如果用户觉得时间轴防碍工作，可以选择“窗窗口口”“时间轴时间轴”命令，将其暂时关闭，等需要时命令，将其暂时关闭，等需要时再打开。再打开。第7页/共40页图7.1.6 调整时间轴两个组成区域的宽度第8页/共40页帧是构成动画的基本单位，对动画的操作帧是构成动画的基本单位，对动画的操作实质上是对帧的操作，因此，在学习制作动画实质上是对帧的操作，因此，在学习制作动画之前，首先需要掌握帧的相关知识。之前，首先需要掌握帧的相关知识。7.2.1 帧的分类帧

5、的分类在在Flash中，帧分为关键帧、空白关键帧和中，帧分为关键帧、空白关键帧和普通帧普通帧3种类型，下面进行简单介绍。种类型，下面进行简单介绍。7.2 帧第9页/共40页（1）关键帧：关键帧指描述动画中的关）关键帧：关键帧指描述动画中的关键性动作或内容变化的帧，以黑色实心圆点键性动作或内容变化的帧，以黑色实心圆点来表示，每个关键帧中的内容都不同于前一来表示，每个关键帧中的内容都不同于前一个关键帧。个关键帧。提示：在提示：在Flash动画中，关键帧的多少决动画中，关键帧的多少决定了动画的细致程度，关键帧越多动画越细定了动画的细致程度，关键帧越多动画越细致。如果把补间动画中的所有帧都做成关键致。

6、如果把补间动画中的所有帧都做成关键帧，就成了逐帧动画。帧，就成了逐帧动画。第10页/共40页（2）空白关键帧：空白关键帧指没有内容）空白关键帧：空白关键帧指没有内容的关键帧，以空心圆圈来表示，如果在其中加入的关键帧，以空心圆圈来表示，如果在其中加入内容，它将转变为关键帧。内容，它将转变为关键帧。（3）普通帧：普通帧指处于两个关键帧之）普通帧：普通帧指处于两个关键帧之间的帧，以灰色方格来表示。用户可以在动画中间的帧，以灰色方格来表示。用户可以在动画中增加一些普通帧来延长动画的播放时间，如图增加一些普通帧来延长动画的播放时间，如图7.2.1所示。增加的普通帧原播放时间延长后的播所示。增加的普通帧原

7、播放时间延长后的播放时间放时间 第11页/共40页增加的普通帧原播放时间延长后的播放时间图7.2.1 通过增加普通帧来延长动画的播放时间第12页/共40页7.2.2 插入帧插入帧用户可以执行下列操作之一来插入帧。用户可以执行下列操作之一来插入帧。（1）将鼠标指针置于时间轴中要创建帧的位置，）将鼠标指针置于时间轴中要创建帧的位置，然后选择然后选择“插入插入”“时间轴时间轴”“帧帧”/“关键关键帧帧”/“空白关键帧空白关键帧”命令，如图命令，如图7.2.2所示。所示。（2）将鼠标指针置于时间轴中要创建帧的位置，）将鼠标指针置于时间轴中要创建帧的位置，单击鼠标右键，在弹出的快捷菜单中选择单击鼠标右键

8、，在弹出的快捷菜单中选择“插入插入帧帧”/“插入关键帧插入关键帧”/“插入空白关键帧插入空白关键帧”命令，如图命令，如图7.2.3所示。所示。第13页/共40页 图7.2.2 通过菜单命令插入帧 图7.2.3 通过快捷菜单命令插入帧第14页/共40页（3）将鼠标指针置于时间轴中要创建帧的位置，）将鼠标指针置于时间轴中要创建帧的位置，按按“F5”键插入普通帧；按键插入普通帧；按“F6”键插入关键帧；按键插入关键帧；按“F7”键插入空白关键帧，这种方法最为方便。键插入空白关键帧，这种方法最为方便。7.2.3 选取帧选取帧如果要对帧进行编辑，首先需要对帧进行选取，如果要对帧进行编辑，首先需要对帧进行

9、选取，即选取单个帧、连续的多个帧、不连续的多个帧或即选取单个帧、连续的多个帧、不连续的多个帧或所有帧，下面分别进行介绍。所有帧，下面分别进行介绍。第15页/共40页（1）如果要选取单个帧，直接在时间轴中单）如果要选取单个帧，直接在时间轴中单击该帧所在的位置即可，如图击该帧所在的位置即可，如图7.2.4所示。所示。（2）如果要选取连续的多个帧，可以在选取）如果要选取连续的多个帧，可以在选取单个帧之后，在按住单个帧之后，在按住“Shift”键的同时单击另外一键的同时单击另外一个帧，如图个帧，如图7.2.5所示。所示。第16页/共40页 图7.2.4 选取单个帧 图7.2.5 选取连续的多个帧第17

10、页/共40页（3）如果要选取不连续的多个帧，可以在选）如果要选取不连续的多个帧，可以在选取单个帧之后，在按住取单个帧之后，在按住“Ctrl”键的同时单击其他帧，键的同时单击其他帧，如图如图7.2.6所示。所示。（4）如果要选取所有帧，可以在选取单个帧）如果要选取所有帧，可以在选取单个帧之后，单击鼠标右键，在弹出的快捷菜单中选择之后，单击鼠标右键，在弹出的快捷菜单中选择“选择所有帧选择所有帧”命令，如图命令，如图7.2.7所示。所示。第18页/共40页 图7.2.6 选取不连续的多个帧 图7.2.7 选取所有帧第19页/共40页7.2.4 删除帧删除帧在使用在使用Flash制作动画的过程中，经常

11、需要删制作动画的过程中，经常需要删除帧，操作步骤如下：除帧，操作步骤如下：（1）选取要删除的帧。）选取要删除的帧。（2）选择）选择“编辑编辑”“时间轴时间轴”“删除帧删除帧”命令，将选取的帧删除，其后的帧将同时自动左命令，将选取的帧删除，其后的帧将同时自动左移，如图移，如图7.2.8所示。所示。第20页/共40页 删除前 删除后图7.2.8 删除帧前、后的效果第21页/共40页7.2.5 移动帧移动帧在使用在使用Flash制作动画的过程中，经常需要移动制作动画的过程中，经常需要移动帧到其他位置，操作步骤如下：帧到其他位置，操作步骤如下：（1）选取要移动的帧。）选取要移动的帧。（2）将鼠标指针置

12、于选取的帧上，当其下方出）将鼠标指针置于选取的帧上，当其下方出现一个虚线方框时，按住鼠标左键不放并拖动，如现一个虚线方框时，按住鼠标左键不放并拖动，如图图7.2.9所示。所示。（3）当移动到目标位置时，释放鼠标左键即可，）当移动到目标位置时，释放鼠标左键即可，如图如图7.2.10所示。所示。 第22页/共40页 图7.2.9 移动帧的过程 图7.2.10 移动帧到目标位置第23页/共40页7.2.6 创建帧标签创建帧标签通常情况下，动画有多个关键帧，如果没有帧标通常情况下，动画有多个关键帧，如果没有帧标签，则在编辑过程中不容易对其进行定位。为了便于签，则在编辑过程中不容易对其进行定位。为了便于

13、识别、控制和定位帧，可以为关键帧创建帧标签，操识别、控制和定位帧，可以为关键帧创建帧标签，操作步骤如下：作步骤如下：（1）选中要创建帧标签的关键帧。）选中要创建帧标签的关键帧。第24页/共40页（2）在属性面板的）在属性面板的“帧标签帧标签”文本框中输入文本框中输入标签的名称，例如标签的名称，例如“aa”（见图（见图7.2.11），设置完毕），设置完毕后，所设置的标签名称将出现在该帧上，并且有小后，所设置的标签名称将出现在该帧上，并且有小红旗标志，如图红旗标志，如图7.2.12所示。所示。图7.2.11 输入标签的名称图7.2.12 设置标签名称第25页/共40页帧标签有名称、注释和锚记帧标签

14、有名称、注释和锚记3种类型，用户种类型，用户可以根据实际需要，在可以根据实际需要，在“标签类型：标签类型：”下拉列下拉列表中进行选择，不同的标签类型在时间轴中会表中进行选择，不同的标签类型在时间轴中会有不同的显示，如图有不同的显示，如图7.2.13所示。所示。提示：帧标签作为文件的一部分，它的长提示：帧标签作为文件的一部分，它的长短将影响文件的大小，因此应采用比较短的帧短将影响文件的大小，因此应采用比较短的帧标签，以缩小文件。标签，以缩小文件。第26页/共40页创建注释标签创建锚记标签图7.2.13 创建注释标签和锚记标签第27页/共40页在在Flash动画的制作过程中，如果要同时查动画的制作

15、过程中，如果要同时查看多个帧的内容，可以使用洋葱皮工具，看多个帧的内容，可以使用洋葱皮工具，下面介绍洋葱皮工具中各按钮的功能。下面介绍洋葱皮工具中各按钮的功能。7.3 洋葱皮工具第28页/共40页（1）“绘图纸外观绘图纸外观”按钮：单击该按钮，按钮：单击该按钮，将启动洋葱皮功能，并以正常颜色显示当前帧的将启动洋葱皮功能，并以正常颜色显示当前帧的内容，以半透明颜色显示其他各帧的内容（见图内容，以半透明颜色显示其他各帧的内容（见图7.3.1），用户可以按住鼠标左键拖动括弧，改变），用户可以按住鼠标左键拖动括弧，改变帧的显示范围，如图帧的显示范围，如图7.3.2所示。所示。第29页/共40页 图7.

16、3.1 “绘图纸外观”效果 图7.3.2 改变帧的显示范围第30页/共40页（2）“绘图纸外观轮廓绘图纸外观轮廓”按钮：单击该按钮，按钮：单击该按钮，以轮廓形态显示当前帧以外各帧的内容，如图以轮廓形态显示当前帧以外各帧的内容，如图7.3.3所所示。示。（3）“编辑多个帧编辑多个帧”按钮：单击该按钮，显示按钮：单击该按钮，显示括弧内所有关键帧的内容，由括弧内所有关键帧的内容，由Flash运算产生的帧则不运算产生的帧则不予显示，如图予显示，如图7.3.4所示。所示。第31页/共40页 图7.3.3 “绘图纸外观轮廓”效果 图7.3.4 “编辑多个帧”效果第32页/共40页（4）“修改绘图纸标记修改

17、绘图纸标记”按钮：单击该按钮，按钮：单击该按钮，弹出如图弹出如图7.3.5所示的下拉菜单，对其中的各选项说明所示的下拉菜单，对其中的各选项说明如下：如下：1）“总是显示标记总是显示标记”：选择该命令，无论是否启：选择该命令，无论是否启动洋葱皮功能，都会在时间轴上显示括弧，即洋葱皮动洋葱皮功能，都会在时间轴上显示括弧，即洋葱皮标记。标记。2）“锚定绘图纸锚定绘图纸”：选择该命令，将洋葱皮标记：选择该命令，将洋葱皮标记锁定在当前位置。锁定在当前位置。3）“绘图纸绘图纸2”：选择该命令，在当前帧左右两边：选择该命令，在当前帧左右两边各显示两帧，如图各显示两帧，如图7.3.6所示。所示。第33页/共4

18、0页 图7.3.5 “修改绘图纸标记”下拉菜单 图7.3.6 “绘图纸2”效果第34页/共40页4）“绘图纸绘图纸5”：选择该命令，在当前帧左：选择该命令，在当前帧左右两边各显示右两边各显示5帧，如图帧，如图7.3.7所示。所示。5）“绘制全部绘制全部”：选择该命令，显示整个：选择该命令，显示整个动画中所有帧的运动轨迹，如图动画中所有帧的运动轨迹，如图7.3.8所示。所示。 图7.3.7 “绘图纸5”效果 图7.3.8 “绘制全部”效果第35页/共40页本章主要介绍了时间轴和帧，包括时间轴本章主要介绍了时间轴和帧，包括时间轴的组成与操作，帧的分类、插入、选取、删除的组成与操作，帧的分类、插入、选取、删除和移动，创建帧标签以及洋葱皮