时间轴面板

学电脑从入门到精通
清华大学出版社
7
中文版Flash CS6动画制作从入门到精通
5.2.2 图层的显示状态
图层的后方包括3个图标，分别是“显示或隐藏图层”、 “锁定或解除锁定图层”和“显示图层轮廓”，代表了 图层的不同显示状态。
1．显示和隐藏图层 2．锁定和解锁图层 3．显示图层轮廓
学电脑从入门到精通
5.3.3 图层属性
图层有很多种不同的状态，所以除了可直接在图层 区中对图层进行操作外，还可以在“图层属性”对 话框中对图层的属性进行编辑。
Hale Waihona Puke Baidu
学电脑从入门到精通
清华大学出版社
23
Flash CS6 动画制作从入门到精通
5.4 帧
5.4.1
帧的基本类型
帧的控制按钮
5.4.2
中文版Flash CS6动画制作从入门到精通
5.4.1 帧的基本类型
不同的帧可以存储不同的内容，这些内容虽然都是静 止的，但如果连贯的画面依次放置到帧中，再按照顺 序依次播放这些帧，便形成了最基本的Flash动画。
学电脑从入门到精通
清华大学出版社
25
中文版Flash CS6动画制作从入门到精通
5.4.2 帧的控制按钮
由于帧有多种类型，而且在时间轴中比较细小，为了能准 确地控制每一帧，在帧区的下方提供了一些帧的控制按钮。 使用这些按钮，可以进行选择帧、设置帧外观以及设置帧 频等操作。
5.1.1
“时间轴”面板的简介
5.1.2
时间轴的外观
中文版Flash CS6动画制作从入门到精通
5.1.1 时间轴面板的简介
“时间轴”面板是Flash的一大特点。在以往的动画 制作中，通常需要制作出每一帧的图像，然后通过快 速播放各张图像来达到动画效果。而在Flash的“时 间轴”面板中，只需对时间轴上的关键帧进行制作， Flash就会自动生成运动中的动画帧。并且可以通过 添加ActionScript语句，制作多种不同的动画，从而 有效提高了动画制作的效率。
一个完整的Flash动画是由多个帧共同组成的，在不同的帧 中放置不同的图像，然后再依次播放这些图像，便能形成 一个完整的Flash动画。本例将一个Flash文档中不同帧中 的内容进行编辑，使其形成连贯的动画效果
2．锁定和解锁图层
图层的锁定和解锁，与显示和隐藏图层的操作类 似。单击“锁定或解锁所有图层”图标，或单击 单击具体图层后方的第二个小黑点即可。
学电脑从入门到精通
清华大学出版社
10
中文版Flash CS6动画制作从入门到精通
3．显示图层轮廓
显示图层轮廓是指将场景中的对象以轮廓线的形 式进行查看。当场景中元素较多时，通过这种形 式可以轻松地分辨出不同的元素。
1．新建图层 4．移动图层
2．选择图层
5．复制图层
3．重命名图层
6．删除图层
学电脑从入门到精通
清华大学出版社
13
中文版Flash CS6动画制作从入门到精通
4.3.2 使用Deco绘制图形
在一个场景中可以多次使用不同款Deco工具的刷子， 组合出一些比较复杂的图形效果。
学电脑从入门到精通
清华大学出版社
学电脑从入门到精通
清华大学出版社
16
中文版Flash CS6动画制作从入门到精通
2．选择图层
编辑图层或图层中的内容时，需要先选择该图层。一 个完整的动画一般是由多个图层构成的，有些复杂的 动画甚至包含几十个图层，对这些Flash动画进行编辑 操作时，尤其需要注意图层的选择操作。
学电脑从入门到精通
清华大学出版社
学电脑从入门到精通
清华大学出版社
33
中文版Flash CS6动画制作从入门到精通
5.5.2 帧的属性设置
除了对帧本身进行操作外，还有一些属性的设置， 也是必不可少的操作。设置的内容主要包括标签、 帧频、外观等。
学电脑从入门到精通
清华大学出版社
34
Flash CS6 动画制作从入门到精通
5.6 基础实例——制作森林中的猫
学电脑从入门到精通
清华大学出版社
20
中文版Flash CS6动画制作从入门到精通
6．删除图层
删除图层的方法主要有如下3种：
• 选择需要删除的图层，单击图层区域中的“删除”
按钮 ，即可删除图层。
• 选择需要删除的图层，单击鼠标右键，在弹出的快
捷菜单中选择“删除图层”命令，即可删除选择的 图层。
• 选择需要删除的图层，将其拖动到“删除”按钮 上，
学电脑从入门到精通
清华大学出版社
32
中文版Flash CS6动画制作从入门到精通
5．翻转帧
翻转帧是指将“时间轴”面板中的帧位置进行左右翻 转交换，即将在第1帧中的内容移至第10帧，第10帧中 的内容移到第1帧，„„。 制作循环动作动画时，应用此命令可以减少很多重复 步骤的制作。
选择一个或多个图层中的多个帧，再选择【修改】/【时间轴】 /【翻转帧】命令，或单击鼠标右键，在弹出的快捷菜单中选 择“翻转帧”命令。
学电脑从入门到精通
清华大学出版社
4
中文版Flash CS6动画制作从入门到精通
5.1.2 时间轴的外观
“时间轴”面板是制作动画的关键面板，所以 在制作动画之前，应该认识该面板，并对该面 板的各个组成部分有一定的了解。
学电脑从入门到精通
清华大学出版社
5
Flash CS6 动画制作从入门到精通
5.2 认识图层
清华大学出版社
8
中文版Flash CS6动画制作从入门到精通
1．显示和隐藏图层
显示和隐藏图层是最常用的图层显示状态，尤其 是在制作一个包含多个图层的Flash动画时，经常 需要隐藏部分图层，以方便编辑不同图层中的元 素。
学电脑从入门到精通
清华大学出版社
9
中文版Flash CS6动画制作从入门到精通
学电脑从入门到精通
清华大学出版社
30
中文版Flash CS6动画制作从入门到精通
3．复制、粘贴和移动帧
选择帧后，直接按Ctrl+C或Ctrl+X键，复制或剪切的不是 帧本身，而是帧中包含的内容，即场景中的内容。且选择 多帧后，只能复制或剪切最后选择的一帧。
复制帧：选择需要复制的帧，选择【编辑】/【时间轴】/【复制 帧】命令，或单击鼠标右键，在弹出的快捷菜单中选择“复制帧” 命令将其复制。
4．移动图层
移动图层主要是修改不同图层中各个元素的上下 级关系。因为上面图层中的内容会显示在下面图 层内容的上方，所以图层位置的不同，其显示的 结果也可能不同。
学电脑从入门到精通
清华大学出版社
19
中文版Flash CS6动画制作从入门到精通
5．复制图层
选择图层后直接按“Ctrl+C”键，并不能复制该图层，而 是会复制该图层帧中包含的元素。 如果需要复制一个图层中所有的内容，也可以直接复制图 层，这样将会把图层中所包含的内容也一同复制。复制图 层主要有以下几种方法： 选择需要复制的图层，并在该图 层上单击鼠标右键，在弹出的快捷菜单中选择“拷贝图层” 命令，然后再在需要粘贴的位置单击鼠标右键，在弹出的 快捷菜单中选择“粘贴图层”命令。 选择需要复制的图层，在该图层上单击鼠标右键，在弹出 的快捷菜单中选择“复制图层”命令，此时将会直接把该 图层复制到图层区中，而不用再执行粘贴的操作。 选择需要复制的图层，然后将其拖动到“新建图层”按钮 上，再释放鼠标即可。
1．插入帧
2．选择帧
3．复制、粘贴和移动帧
4．删除与清除帧
5．翻转帧
学电脑从入门到精通
清华大学出版社
28
中文版Flash CS6动画制作从入门到精通
1．插入帧
•用菜单命名插入帧：将鼠标光标定位在需要插入帧的位置，选择
【插入】/【时间轴】命令，在弹出的子菜单中选择相应命令，即 可插入相应帧。
•用快捷菜单插入帧：将鼠标光标定位在需要插入帧的上方，单击
5.2.1
图层的类型
5.2.2
图层的显示状态
中文版Flash CS6动画制作从入门到精通
5.2.1 图层的类型
图层有助于在文档中组织各个元素，一个Flash文档至少应包含 一个图层。 当有多个图层时，上面图层的内容会覆盖在下面图 层的上方。可以把图层看作堆叠在一起的多个透明玻璃，每个 玻璃中都包含有不同的内容，所以可以在一个图层上绘制编辑 一个对象，而完全不会影响到其他图层中的内容。
14
Flash CS6 动画制作从入门到精通
4.4 色彩的填充
4.4.1 颜料桶工具
4.4.2 对图形进行纯色填充
4.4.3 滴管工具
4.4.4 渐变填充
中文版Flash CS6动画制作从入门到精通
1．新建图层
新建的Flash文档会自动创建一个名为“图层1”的空白图 层。若需要更多的图层，需要新建图层。 单击“新建图层”按钮，新建的图层自动以“图层”加 序号组成，如“图层2”、“图层3”等。 将鼠标光标移动到需要创建图层的上方，单击鼠标右键， 在弹出的快捷菜单中选择“插入图层”命令。 在菜单栏中选择【插入】/【时间轴】/【图层】命令。
鼠标右键，在弹出的快捷菜单中选择需要插入帧的类型，即可插入 相应帧。
•快捷键插入帧：将鼠标光标定位在需要插入普通帧的上方，按
“F5”键可插入普通帧；按“F6”键可插入关键帧；按“F7”键可 插入空白关键帧。
学电脑从入门到精通
清华大学出版社
29
中文版Flash CS6动画制作从入门到精通
2．选择帧
选择帧的方法与选择图层的方法类似。 •直接选择帧：将鼠标光标移动到需要选择帧的上方，单击鼠标左
再释放鼠标即可。
学电脑从入门到精通
清华大学出版社
21
中文版Flash CS6动画制作从入门到精通
5.3.2 组织图层
将不同的元素分别放置于不同的图层中，有利于 对元素进行管理。而将这些图层有规律的放入到 图层文件夹中，可以使图层的组织更加有序。
学电脑从入门到精通
清华大学出版社
22
中文版Flash CS6动画制作从入门到精通
Flash CS6 动画制作从入门到精通
第5章 时间轴面板
·清华大学出版社 ·
中文版Flash CS6动画制作从入门到精通
本章导读
时间轴简介 帧的编辑
5
内容 导读
认识帧的基 本类型
2
认识图层
4
3
图层的类型
学电脑从入门到精通
清华大学出版社
2
Flash CS6 动画制作从入门到精通
5.1 认识时间轴面板
粘贴帧：选择目标帧，选择【编辑】/【时间轴】/【粘贴帧】命 令，或单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令。 移动帧：通过编辑菜单或右键菜单中的“剪切帧”命令，将帧剪 切后再进行粘贴操作。也可以选择帧后按住鼠标左键不放，直接拖 动帧。
学电脑从入门到精通 清华大学出版社
31
中文版Flash CS6动画制作从入门到精通
学电脑从入门到精通
清华大学出版社
11
Flash CS6 动画制作从入门到精通
5.3 管理图层
5.3.1 5.3.2 5.3.3
图层的操作
组织图层
图层属性
学电脑从入门到精通
清华大学出版社
中文版Flash CS6动画制作从入门到精通
5.3.1 图层的操作
图层的基本操作包括新建图层、选择图层、移动 图层、重命名图层、查看图层等，这些操作是制 作Flash动画至关重要的操作。
17
中文版Flash CS6动画制作从入门到精通
3．重命名图层
默认情况下，新建的图层将以“图层1”、“图层2”、 “图层3”的名字自动被命名，在图层较少时不影响操作， 但是如果图层过多，则需要适当地对图层进行重命名，以 便能清楚地了解每个图层中所包含的内容。
学电脑从入门到精通
清华大学出版社
18
中文版Flash CS6动画制作从入门到精通
键，即可选择该帧。
•选择不相邻的帧：按住“Ctrl”键的同时，单击要选择的帧，即
可选择不连续的多个帧。
•选择连续的帧：选择一帧后，按住“Shift”键的同时，单击要选
择连续帧的最后帧，即可选择两帧之间的所有帧。
•选择所有帧：在帧上单击鼠标右键，在弹出的快捷菜单中选择
“选择所有帧”命令，即可选择所有帧。
4．删除与清除帧
使用鼠标拖动帧的过程中，按住Alt键不放，可复制帧。
清除帧与删除帧不同，删除帧可删除帧本身（包括帧中的内 容），而清除帧只删除该帧中包含的内容，并不删除帧本身。 对关键帧执行清除帧操作，会删除帧中的内容，使其变为空白 关键帧。
删除帧：选择不需要的帧，在其上方单击鼠标右键，在弹出的快捷 菜单中选择“删除帧”命令，或选择【编辑】/【时间轴】/【删除 帧】命令。 清除帧：使用右键菜单或【编辑】/【清除帧】命令，或选择帧后 直接按Delete键。
学电脑从入门到精通
清华大学出版社
26
Flash CS6 动画制作从入门到精通
5.5 帧的编辑
5.5.1
帧的基本操作
帧的属性设置
5.5.2
学电脑从入门到精通
清华大学出版社
中文版Flash CS6动画制作从入门到精通
5.5.1 帧的基本操作
在制作Flash动画的过程中，经常需要对帧进行 各类操作，主要包括插入帧、选择帧、移动帧、 复制帧、翻转帧、清除帧和删除帧等。