2.3 图层和帧的应用
本节介绍图层和帧的应用，包括时间轴的介绍，以及图层操作和帧操作。
2.3.1 时间轴
在Animate CC 2017软件中，动画的制作是通过“时间轴”面板进行操作的，在时间轴的左侧为层操作区，右侧为帧操作区，如图2-79所示。时间轴是Animate CC 2017动画制作的核心部分，可以通过执行菜单中的“窗口|时间轴”（组合键〈Ctrl+Alt+T〉）命令，对其进行隐藏或显示。
图2-79 “时间轴”面板
2.3.2 图层操作
与Photoshop相同，Animate CC 2017图层也好比一张张透明的纸。首先需要在一张张透明的纸上分别作画，然后再将它们按一定的顺序进行叠加，以便各层操作相互独立，互不影响。
Animate CC 2017软件的图层位于“时间轴”面板的左侧，其结构如图2-80所示。在最顶层的对象将始终显示于舞台的最上方，图层的排列顺序决定了舞台中对象的显示情况。在舞台中每个层的对象可以设置任意数量，如果“时间轴”面板中图层数量过多，可以通过上下拖动右侧的滑动条来观察被隐藏的图层。
图2-80 “时间轴”面板左侧的图层结构
1．创建图层与图层文件夹
默认情况下，新建的空白Animate CC 2017文档仅有一个图层，默认名称为“图层1”。在动画制作过程中，用户可以根据需要自由创建图层，合理、有效地创建图层可以大大提高工作效率。
除了可以自由创建图层外，Animate CC 2017软件还提供了图层文件夹的功能，它以树形结构排列，可以将多个图层分配到同一个图层文件夹中，也可以将多个图层文件夹分配到同一个图层文件夹中，从而有助于对图层进行管理。对于场景比较复杂的动画而言，合理有效地组织图层与图层文件夹是极为重要的。创建图层和图层文件夹的方法有以下3种。
（1）通过按钮创建
单击“时间轴”面板下方的
（新建图层）按钮可以创建新图层，每单击一次便会创建一个普通图层，如图2-81所示；单击“时间轴”面板下方的
（新建文件夹）按钮可以创建图层文件夹，同样，每单击一次便会创建一个图层文件夹，如图2-82所示。
图2-81 单击“新建图层”按钮新建图层
图2-82 单击“新建文件夹”按钮新建文件夹
（2）通过菜单命令创建
执行菜单中的“插入|时间轴|图层”命令或“插入|时间轴|图层文件夹”命令，同样可以创建图层和图层文件夹。
（3）通过“时间轴”面板右键菜单创建
在“时间轴”面板左侧的图层处单击鼠标右键，从弹出的快捷菜单中选择“插入图层”命令或“插入文件夹”命令，同样可以创建图层和图层文件夹。
2．重命名图层或图层文件夹名称
在“时间轴”面板中新建图层或图层文件夹后，系统会自动依次命名为“图层1”“图层2”……和“文件夹1”“文件夹2”……。为了方便管理，用户可以根据需要自行设置名称，但是一次只能重命名一个图层或图层文件夹。重命名图层或图层文件夹名称的方法很简单，首先在“时间轴”面板的某个图层（或图层文件夹）的名称处快速双击，使其进入编辑状态，然后输入新的图层名称或图层文件夹名称，再按〈Enter〉键即可完成重命名操作。
3．选择图层与图层文件夹
选择图层与图层文件夹是Animate CC 2017图层编辑中最基本的操作，如果要对某个图层或图层文件夹进行编辑，必须先选择它。在Animate CC 2017软件中选择图层与图层文件夹的操作方法相同，可以只选择一个图层（或图层文件夹），也可以选择多个连续或不连续的图层（或图层文件夹）。选择的图层（或图层文件夹）会以蓝色背景显示。
（1）选择单个图层或图层文件夹
在“时间轴”面板左侧的图层（或图层文件夹）名称处单击，即可将该图层（或图层文件夹）直接选中，如图2-83所示。
（2）选择多个连续的图层或图层文件夹
在“时间轴”面板中选择第一个图层（或图层文件夹），然后在按住〈Shift〉键的同时选择最后一个图层（或图层文件夹），即可将第一个与最后一个图层（或图层文件夹）中的所有图层（或图层文件夹）全部选中，如图2-84所示。
（3）选择多个不连续的图层或图层文件夹
在“时间轴”面板中，按住〈Ctrl〉键的同时单击图层（或图层文件夹）名称，可以进行间隔选择不连续的图层（或图层文件夹），如图2-85所示。
图2-83 选择单个图层
图2-84 选择多个连续的图层
图2-85 选择多个不连续的图层
4．调整图层与图层文件夹顺序
在“时间轴”面板中创建图层或图层文件夹时，会按自下向上的顺序进行添加。当然，在动画制作的过程中，用户可以根据需要通过拖动的方法更改图层（或图层文件夹）的排列顺序，并且可以将图层与图层文件夹放置到同一个图层文件夹中。
5．显示或隐藏图层与图层文件夹
默认情况下，创建的图层与图层文件夹处于显示状态。但是在制作复杂动画时，有时为了便于观察，可以将某个或者某些图层（或图层文件夹）进行隐藏，而且在进行swf动画文件的发布设置中，还可以选择是否包括隐藏图层。
（1）显示或隐藏全部图层
在“时间轴”面板中，单击上方的
（显示或隐藏所有图层）图标，如图2-86所示，可以将所有图层（或图层文件夹）全部显示或隐藏。如果所有的图层（或图层文件夹）右侧的黑点
图标显示为叉子
图标，如图2-87所示，表示隐藏所有图层（或图层文件夹）；再次单击显示或隐藏所有图层图标，叉子
图标显示为黑点
图标，表示显示所有图层（或图层文件夹）。
（2）显示或隐藏单个图层
在“时间轴”面板中，如果要对某个图层（或图层文件夹）进行隐藏或显示，可以单击需要隐藏或显示的图层（或图层文件夹）名称右侧
图标下方的黑点
图标，此时黑点
图标显示为红叉
图标，如图2-88所示，表示隐藏该图层（或图层文件夹）；再次单击，红叉
图标显示为黑点
图标，表示显示该图层（或图层文件夹）。
提示：在进行图层（或图层文件夹）的显示与隐藏操作时，除了可以使用上面的方法外，还可以在“时间轴”面板中按住〈Alt〉键的同时单击图层（或图层文件夹）
（显示或隐藏所有图层）图标下方的黑点
图标，此时可将所选图层以外的其他图层和图层文件夹进行隐藏。再次按住〈Alt〉键单击该图层，又可将它们进行显示。
图2-86 单击“显示或隐藏所有图层”图标
图2-87 隐藏所有图层
图2-88 隐藏单个图层
6．锁定与解除锁定图层与图层文件夹
默认情况下，创建的图层与图层文件夹处于解除锁定状态，如果工作区域中的对象很多，用户在编辑其中的某个对象时就可能出现影响到其他对象的误操作，针对这一情况可以将不需要的图层与图层文件夹暂时锁定，图层与图层文件夹的锁定和解除锁定操作相同。
（1）锁定或解除锁定所有图层
在“时间轴”面板中，单击图层上方的
（锁定或解除锁定所有图层）图标，如图2-89所示，此时该图标下方的黑点
图标显示为
图标，如图2-90所示，表示全部图层都被锁定。再次单击
图标，则所有图层全部被解除锁定。
（2）锁定或解锁单个图层
如果需要锁定单个图层，可以在锁定的图层名称右侧
（锁定或解除锁定所有图层）图标下方的黑色
图标处单击，当黑点
图标显示为
图标时，表示该层被锁定，如图2-91所示。如果要将该图层解除锁定，可以再次单击该图层的
图标，将其显示为
图标。
图2-89 单击“锁定或解除锁定所有图层”图标
图2-90 锁定所有图层
图2-91 锁定单个图层
7．图层与图层文件夹对象的轮廓显示
在“时间轴”面板中，如果要对图层或图层文件夹进行操作，除了可以显示与隐藏、锁定与解除锁定外，还可以将系统默认创建的以实体状态显示的动画对象根据其轮廓的颜色进行显示，如图2-92所示。
图2-92 对象的实体显示与轮廓显示
a）显示实体对象 b）显示对象轮廓
（1）将全部图层显示为轮廓
在“时间轴”面板中，单击上方的
（将所有图层显示为轮廓）图标，如图2-93所示，可以将所有图层与图层文件夹的对象显示为轮廓，如图2-94所示。
（2）单个图层对象轮廓显示
在“时间轴”面板中，如果需要将单个图层显示为轮廓，可以单击该图层右侧的
（将所有图层显示为轮廓）图标，当其显示为
图标时，表示当前图层的对象以轮廓显示，如图2-95所示。
图2-93 单击“将所有图层显示为轮廓”图标
图2-94 轮廓显示所有图层
图2-95 轮廓显示单个图层
8．删除图层与图层文件夹
在使用Animate CC 2017软件制作动画时难免会创建出一些多余的图层，此时，可以通过单击“时间轴”面板下方的
（删除）按钮对其进行删除。
9．图层属性的设置
除了可以使用前面介绍的方法进行图层的隐藏或显示、锁定或解除锁定，以及是否以轮廓显示等属性设置外，在Animate CC 2017中还可以通过“图层属性”对话框对图层属性进行综合设置。执行菜单中的“修改|时间轴|图层属性”命令，或在“时间轴”面板的某个图层处单击鼠标右键，从弹出的快捷菜单中选择“属性”命令，都会弹出如图2-96所示的“图层属性”对话框。
图2-96 “图层属性”对话框
●名称：用于图层的重命名，可通过在右侧的文本框中输入文字进行设置。其中，“锁定”用于设置锁定或解除锁定图层，勾选为锁定状态，不勾选为解除锁定状态。
●可见性：用于设置图层的显示状态，有“可见”“透明”“不可见”3个选项可供选择。
●类型：用于设置图层的种类，有“一般”“遮罩层”“被遮罩”“文件夹”和“引导层”5个选项可供选择。
●轮廓颜色：用于设置当前图层中对象的轮廓线颜色以及是否以轮廓显示，从而帮助用户快速区分对象所在的图层。单击右侧的
按钮，将弹出一个颜色设置调色板，在其中可以直接选取一种颜色作为绘制轮廓的颜色。勾选下方的“将图层视为轮廓”复选框，可以将当前图层中的内容以轮廓显示。
●图层高度：用于设置图层的高度，在弹出的下拉列表中有100%、200%和300%共3个选项可供选择。
2.3.3 帧操作
实际上，制作一个Animate CC 2017动画的过程其实也就是对每一帧进行操作的过程。用户通过在“时间轴”面板右侧的帧操作区中进行各项帧操作，可以制作出丰富多彩的动画效果，其中，每一帧代表一个画面。
1．创建帧、关键帧与空白关键帧
在Animate CC 2017中，帧的类型主要有普通帧、关键帧和空白关键帧3种。在默认情况下，新建Animate CC 2017文档包含一个图层和一个空白关键帧。用户可以根据需要，在“时间轴”面板中创建任意多个普通帧、关键帧与空白关键帧。图2-97为普通帧、关键帧与空白关键帧在时间轴中的显示状态。
图2-97 普通帧、关键帧与空白关键帧在时间轴中的显示状态
（1）创建普通帧
普通帧用于延续上一个关键帧或者空白关键帧的内容，并且前一关键帧与该帧之间的内容完全相同，改变其中的任意一帧，其后的各帧也会发生改变，直到下一个关键帧为止。在Animate CC 2017中创建普通帧有以下两种方法。
●执行菜单中的“插入|时间轴|帧”命令，或按快捷键〈F5〉，即可插入一个普通帧。
●在“时间轴”面板中需要插入普通帧的地方单击鼠标右键，从弹出的快捷菜单中选择“插入帧”命令，同样可以插入一个普通帧。
（2）创建关键帧
关键帧是指与前一帧有更改变换的帧。Animate CC 2017可以在关键帧之间创建补间或填充帧，从而生成流畅的动画。创建关键帧的方法有以下两种。
●执行菜单中的“插入|时间轴|关键帧”命令，或按快捷键〈F6〉，即可插入一个关键帧。
●在“时间轴”面板中需要插入关键帧的地方单击鼠标右键，从弹出的快捷菜单中选择“插入关键帧”命令，同样可以插入一个关键帧。
（3）创建空白关键帧
空白关键帧是一种特殊的关键帧类型，在空白关键帧状态下，舞台中没有任何对象存在，当用户在舞台中自行加入对象后，该帧将自动转换为关键帧。反之，将关键帧中的对象全部删除，则该帧又会转换为空白关键帧。
2．选择帧
选择帧是对帧进行各种操作的前提，选择相应帧的同时也就选择了该帧在舞台中的对象。在Animate CC 2017动画制作过程中，用户可以选择同一图层中的单帧或多帧，也可以选择不同图层的单帧或多帧，选中的帧会以蓝色背景进行显示。选择帧有以下5种方法。
（1）选择同一图层的单帧
在“时间轴”面板右侧的时间线上单击，即可选中单帧，如图2-98所示。
（2）选择同一图层相邻的多帧
在“时间轴”面板右侧的时间线上单击，选择单帧，然后在按住〈Shift〉键的同时，再次单击，即可将两次单击的帧以及它们之间的帧全部选中，如图2-99所示。
图2-98 选择同一图层的单帧
图2-99 选择同一图层相邻的多帧
（3）选择相邻图层的单帧
单击选择“时间轴”面板上的单帧后，在按住〈Shift〉键的同时单击不同图层的相同单帧，即可将相邻图层的同一帧进行选择，如图2-100所示。此外，在选择单帧的同时向上或向下拖动，同样可以选择相邻图层的单帧。
（4）选择相邻图层的多个相邻帧
单击选择“时间轴”面板上的单帧后，在按住〈Shift〉键的同时单击相邻图层的不同帧，即可选择不同图层的多帧，如图2-101所示。此外，在选择多帧的同时向上或向下拖动鼠标，同样可以选择相邻图层的多帧。
图2-100 选择多个相邻图层的单帧
图2-101 选择多个相邻图层的相邻多帧
（5）选择不相邻的多帧
在“时间轴”面板右侧的时间线上单击，选择单帧，然后在按住〈Ctrl〉键的同时再次单击其他帧，即可选择不相邻的帧，如图2-102所示。
图2-102 选择多个图层不相邻的单帧
3．剪切帧、复制帧和粘贴帧
在Animate CC 2017中不仅可以剪切、复制和粘贴舞台中的动画对象，还可以剪切、复制、粘贴图层中的动画帧，这样就可以将一个动画复制到多个图层中，或者复制到不同的文档中，从而使动画制作更加轻松快捷，大大提高了工作效率。
（1）剪切帧
剪切帧是将选择的各动画帧剪切到剪贴板中，以作备用。在Animate CC 2017中，剪切帧的方法主要有以下两种。
● 选择各帧，然后执行菜单中的“编辑|时间轴|剪切帧”命令，或者按组合键〈Ctrl+Alt+X〉，即可剪切选择的帧。
●选择各帧，然后在“时间轴”面板中单击鼠标右键，从弹出的快捷菜单中选择“剪切帧”命令，同样可以将选择的帧进行剪切。
（2）复制帧
复制帧是将选择的各帧复制到剪贴板中，以作备用。与剪切帧的不同之处在于原来的帧内容依然存在。在Animate CC 2017中，复制帧的常用方法有以下三种。
● 选择各帧，然后执行菜单中的“编辑|时间轴|复制帧”命令，或者按组合键〈Ctrl+Alt+C〉，即可复制选择的帧。
●选择各帧，然后在“时间轴”面板中单击鼠标右键，从弹出的快捷菜单中选择“复制帧”命令，同样可以复制选择的帧。
●选择需要复制的帧，此时光标显示为
图标，然后按住〈Alt〉键的同时进行拖动，当拖动到合适的位置处释放鼠标，即可将选择的帧复制到该处。
（3）粘贴帧
粘贴帧就是将剪切或复制的各帧进行粘贴操作。粘贴帧的方法有以下两种。
●将鼠标放置在“时间轴”面板需要粘贴的帧处，然后执行菜单中的“编辑|时间轴|粘贴帧”命令，或者按组合键〈Ctrl+Alt+V〉，即可将剪切或复制的帧粘贴到该处。
●将鼠标放置在“时间轴”面板需要粘贴的帧处，然后单击鼠标右键，从弹出的快捷菜单中选择“粘贴帧”命令，同样可以将剪切或复制的帧粘贴到该处。
4．移动帧
用户在制作Animate CC 2017动画的过程中，除了可以利用前面介绍的剪切帧、复制帧和粘贴帧的方法调整动画帧的位置外，还可以按住鼠标直接进行动画帧的移动操作。具体操作方法：选择需要移动的帧，此时光标显示为
图标，然后按住鼠标左键将它们拖动到合适的位置，再释放鼠标完成所选帧的移动操作。图2-103为移动帧的过程。
图2-103 移动帧的过程
a）选择的各帧 b）拖动时的显示 c）移动后的各帧
5．删除帧
在制作Animate CC 2017动画的过程中，如果有错误或多余的动画帧，需要将其删除。删除帧的方法有以下两种。
●选择需要删除的各帧，然后单击鼠标右键，从弹出的快捷菜单中选择“删除帧”命令，即可将选择的帧全部删除。
●选择需要删除的各帧，然后按组合键〈Shift+F5〉，同样可以将选择的各帧进行删除。
6．翻转帧
Animate CC 2017中的翻转帧就是将选择的一段连续帧的序列进行头尾翻转，也就是说，将第一帧转换为最后一帧，最后一帧转换为第一帧，第二帧与倒数第二帧进行交换，其余各帧依次类推，直到全部交换完毕为止。该命令仅对连续的各帧有作用，如果是单帧则不起作用。翻转帧的方法有以下两种。
●选择各帧，然后执行菜单中的“修改|时间轴|翻转帧”命令，可以将选择的帧进行头尾翻转。
●选择各帧，然后在“时间轴”面板中单击鼠标右键，从弹出的快捷菜单中选择“翻转帧”命令，同样可以翻转选择的帧。