1.2　Animate CC 2018的操作界面

Animate CC的工作区将多个文档集中到一个界面中，这样不仅降低系统资源的占用，而且还可以更加方便地操作文档。Animate CC 2018的操作界面包括以下几个部分，菜单栏、编辑栏、舞台、时间轴面板、状态栏和浮动面板组。图1-7所示为Animate CC 2018的操作界面。

1.2.1　菜单栏

Animate CC 2018的主菜单命令共分11种，即文件、编辑、视图、插入、修改、文本、命令、控制、调试、窗口和帮助，如图1-8所示。下面将介绍一些主要的菜单命令。

1.“文件”菜单

“文件”菜单如图1-9所示，包含文件处理、参数设置、输入和输出文件、发布、打印等功能，还包括用于同步设置的命令。

2.“编辑”菜单

“编辑”菜单如图1-10所示，包含用于基本编辑操作的标准菜单项，以及对“首选项”的访问。

3.“视图”菜单

“视图”菜单如图1-11所示，用于控制屏幕的各种显示效果，以及控制文件的外观。

4.“插入”菜单

“插入”菜单如图1-12所示，提供创建元件、图层、关键帧和舞台场景等内容的命令。

5.“修改”菜单

“修改”菜单如图1-13所示，用于更改选定的舞台对象的属性。

6.“文本”菜单

“文本”菜单如图1-14所示，用于设置文本格式和嵌入字体。

7.“命令”菜单

“命令”菜单如图1-15所示，用于管理、保存和获取命令，以及导入、导出动画XML。

8.“控制”菜单

“控制”菜单如图1-16所示，用来控制对影片的操作。

9.“调试”菜单

“调试”菜单如图1-17所示，用于对影片代码进行测试和调试。

10.“窗口”菜单

“窗口”菜单如图1-18所示，提供对Animate CC 2018中的所有浮动面板和窗口的访问。

11.“帮助”菜单

“帮助”菜单如图1-19所示，提供对Animate CC 2018帮助系统的访问，可以用作学习指南。

1.2.2　编辑栏

编辑栏位于舞台顶部，该工具栏包含编辑场景和元件的常用命令，如图1-20所示。

各个按钮图标的功能如下：

　返回主场景：在元件编辑窗口该按钮可用，单击返回主场景的时间轴。

　切换场景：单击该按钮，在弹出的下拉列表中显示当前文档中的所有场景名称。选中一个场景名称，即可进入对应的场景。

　编辑元件：单击该按钮，将弹出当前文档中的所有元件列表，选中一个元件，即可进入对应元件的编辑窗口。

　舞台居中：滚动舞台以聚集到特定舞台位置后，单击该按钮，可以快速定位到舞台中心。

　剪切掉舞台范围以外的内容：将舞台范围以外的内容裁切掉。

　舞台缩放比例：用于设置舞台缩放的比例。舞台上的最小缩小比率为8%；最大放大比率为2000%。选择“符合窗口大小”，则缩放舞台以完全适应程序窗口大小；“显示帧”表示显示整个舞台；“显示全部”用于显示当前帧的内容，如果场景为空，则显示整个舞台。

1.2.3　舞台和粘贴板

舞台是用户进行创作的主要区域，图形的创建、编辑、动画的创作和显示都在该区域中进行。舞台是一个矩形区域，相当于实际表演中的舞台，任何时间看到的舞台仅显示当前帧的内容。默认显示的黑色轮廓表示舞台的轮廓视图，如图1-21所示。

粘贴板是舞台边框以外的深灰色区域，如图1-21所示。相当于实际表演中的后台，通常用作动画的开始和结束点，即对象进入和离开影片的地方。例如，要制作一个舞者出场和离场的动画，可以先将舞者放在粘贴板中，然后以动画形式使舞者进入舞台区域；在动画结束时，再将舞者拖放到粘贴板中。

在Animate早期的版本中，粘贴板颜色与用户界面主题颜色相同。从2017年1月发行版开始，可以在文档的“属性”面板中选中“应用于粘贴板”，将舞台颜色应用于粘贴板，如图1-22所示。该功能可以让用户使用一个没有边界的画布，如图1-23所示。

1.2.4　时间轴面板

时间轴面板是用于进行动画创作和编辑的主要工具，可分为两大部分：图层控制区和时间轴控制区，结构如图1-24所示。Animate CC 2018“基本功能”布局模式下的时间轴面板默认位于工作区下方，当然用户也可以使用鼠标拖动它，改变它在窗口中的位置。

1. 图层控制区

图层控制区位于时间轴面板左侧，用于进行与图层有关的操作。按顺序显示当前正在编辑的场景中所有图层的名称、类型、状态等。在时间轴上使用多层层叠技术可将不同内容放置在不同层，从而创建一种有层次感的动画效果。

图层控制区中各个工具按钮的功能如下：

　（高级／基本图层）：打开或关闭高级图层。Animate CC 2018引入高级图层功能，通过在不同的平面中放置资源，可以在动画中创建深度感。

　（显示／隐藏）：切换选定层的显示／隐藏状态。

　（锁定／解锁）：切换选定层的锁定／解锁状态。

　（显示／隐藏轮廓）：以轮廓或实体显示选定层的内容。

　（新建图层）：单击该按钮可以在当前层之上新建一个图层。

　（新建文件夹）：新建一个文件夹。

　（删除）：删除选定的图层。

　（添加摄像头）：添加虚拟摄像头，模拟摄像头移动和镜头切换效果。

2. 时间轴控制区

时间轴控制区位于时间轴面板右侧，用于控制当前帧、执行帧操作、创建动画、动画播放的速度，以及设置帧的显示方式等，如图1-25所示。舞台上出现的每一帧的内容是该时间点上出现在各层上的所有内容的反映。

时间轴控制区中各个工具按钮的功能如下：

　（播放控件）：用于调试或预览动画效果的播放控件。

　（帧居中）：改变时间轴控制区的显示范围，将当前帧显示到控制区的中间。

　（循环）：循环播放当前选中的帧范围。如果没有选中帧，则循环播放当前整个动画。

　（绘图纸外观）：舞台上显示在时间轴上选择的连续帧范围中包含的所有帧。

　（绘图纸外观轮廓）：在时间轴上选择一个连续的帧范围，在舞台上显示除当前帧之外的其他帧的外框，当前帧以实体显示。

　（编辑多个帧）：在时间轴上选择一个连续区域，区域内的所有帧可以同时显示和编辑。

　（修改标记）：选择显示2帧、5帧或全部帧。

　（将时间轴缩放重设为默认级别）：单击该按钮，即可将缩放后的时间轴调整为默认级别。

　（调整时间轴视图大小）：单击左侧的按钮，可以在视图中显示更多帧；单击右侧的，可以在视图中显示较少帧；拖动滑块，可以动态地调整视图中可显示的帧数。

Animate CC 2018增强了时间轴功能，使用每秒帧数（fps）扩展帧间距，并将空白间距转换为时间1s、2s或3s显示在时间轴上。

1.2.5　浮动面板组

在Animate CC 2018工作环境的右侧停靠着许多浮动面板，并且自动对齐。这些面板可以自由地在界面上拖动，也可以将多个面板组合在一起，成为一个选项卡组，以扩充文档窗口。

Animate CC 2018的浮动面板有很多种，同时显示出来会使工作界面凌乱不堪，用户可以根据实际工作需要，在“窗口”菜单的下拉菜单中单击面板名称，打开或者关闭指定的浮动面板。单击面板右上角的按钮可以将面板缩为精美图标。单击按钮即可展开为面板。

1.“属性”面板

不同的舞台对象有不同的属性，修改对象的属性通过“属性”面板完成。“属性”面板的设置项目会根据对象的不同而变化，如图1-26所示为选中舞台上的位图时对应的“属性”面板。

默认情况下，Animate CC 2018没有开启“属性”面板，用户可以通过“窗口”｜“属性”命令打开。

2.“工具”面板

使用Animate CC 2018进行动画创作，首先要绘制各种图形和对象，这就要用到各种绘图工具。Animate CC 2018的绘图工具箱作为浮动面板以图标形式停靠在工作区右侧，单击工作区右侧的工具箱缩略图标，或执行“窗口”｜“工具”命令，即可展开“工具”面板，如图1-27所示。

“工具”面板中包含20多种工具，单击其中的工具按钮，即可选中对应的工具。使用这些工具可以对图像或选区进行操作。

3. 其他浮动面板

浮动面板的一个好处是可以节省屏幕空间。用户可以根据需要显示或隐藏浮动面板，其他浮动面板的功能简要介绍如下。

　库：管理动画资源，比如元件、位图、声音、字体等。

　画笔库：管理Animate CC 2018文档中的预设画笔和自定义画笔。

　动画预设：包含Animate CC 2018预设的补间动画，在需要经常使用相似类型的补间动画的情况下，可以极大地节约项目设计和开发的生产时间。用户还可以导入他人制作的预设，或将自己制作的预设导出，与协作人员共享。

　帧选择器：不必进行元件编辑窗口，就可以直观地预览并选择图形元件的第一帧，并设置图形元件的循环选项，如图1-29所示。通过选中“创建关键帧”复选框，还可以在帧选择器面板中选择帧时自动创建关键帧。

　动作：通过编写ActionScript代码创建交互式内容。

　代码片断：收集、分类一些非常有用的小代码，以便在“动作”面板中反复使用。

　编译器错误：显示Animate CC 2018在编译或执行ActionScript代码期间遇到的错误，并能快速定位到导致错误的代码行。

　调试面板：用于在测试环境下打开调试控制台对本地的影片文件进行调试，并导出带有调试信息的SWF文件（SWD文件）。SWD文件用于调试ActionScript，并包含允许使用断点和跟踪代码的信息。

　输出：用于测试Animate CC 2018文件时，显示相应信息以帮助用户排除文件中的故障。

　对齐：用于控制舞台上的多个对象的排列方式，如对齐、分布、间隔、匹配大小。

　颜色：用于选择颜色模式和合适的调配颜色，如图1-30所示。

　信息：显示当前选中对象的尺寸、坐标位置，以及当前鼠标指针的坐标和所在位置的颜色值。

　样本：用于拾取颜色和创建新的色板。

　变形：集中缩放、旋转、倾斜、翻转等变形命令，可以精确地对选中对象进行变形。

　组件：用于在Animate CC 2018文档中添加Animate CC 2018预置的组件。

　历史记录：显示自创建或打开某个文档以来在该活动文档中执行的步骤的列表。

　场景：对Animate CC 2018文档中的场景进行管理。

　图层深度：更改Animate CC 2018文档中高级图层的深度，创建深度感。

1.2.6　上机练习——组合、拆分浮动面板组

操作步骤

---

（1）执行“窗口”｜“对齐”命令，打开“对齐”面板。

（2）在“对齐”面板的标签上按下鼠标左键，然后拖动到合适的位置，释放鼠标。此时“对齐”面板成为一个独立的面板，可以在工作界面上随意拖动，如图1-32所示。

（3）执行“窗口”｜“变形”命令，打开“变形”面板。

（4）单击“对齐”面板上的标签，然后拖动到“变形”面板上，此时“对齐”面板四周将以蓝色显示，如图1-33（a）所示，表示“对齐”面板将到达的目的位置。释放鼠标，即可将“对齐”面板与“变形”面板进行合并，如图1-33（b）所示。