
1.2 Animate 2022工作界面
要正确、高效地运用Animate 2022软件制作图形和动画,需要熟悉它的工作界面以及各部分的功能。工作界面包括菜单栏、工具栏、时间轴、场景和舞台、属性、浮动等,如图1-5所示。

图1-4 “文件”菜单

图1-5 Animate工作界面
提示:启动该软件后需要单击“文件”菜单并新建文档(如图1-4所示)以后才能显示工作界面。
1.2.1 菜单栏
菜单栏包括“文件”“编辑”“视图”“插入”“修改”“文本”“命令”“控制”“调试”“窗口”和“帮助”11种操作命令。
(1)“文件”用于创建、打开、保存和关闭等。
(2)“窗口”是控制各功能面板的显示以及在总面板上的布局设置等。
(3)其他命令的功能可单击该软件中对应图标或参考相关书籍进行详细了解和学习。
1.2.2 窗口
如果操作员在屏幕找不到某个面板按钮的位置,可以打开“窗口”菜单,然后在弹出的下拉菜单中根据各功能的文字提示进行查找,如图1-6所示。

图1-6 “窗口”下拉菜单
在Animate中比较常用的有“颜色”“库”“属性”“变形”“对齐”和“工具”等面板。这些面板均是通过“窗口”进入其相应的命令选择,常用面板的基本功能如下:
“颜色”面板给对象设置边框颜色和填充颜色,如图l-7所示。
“库”面板存储用户所创建的组件内容,外部素材也可以导入该面板中,如图l-8所示。

图1-7 “颜色”面板

图1-8 “库”面板
“属性”面板可以查看正在使用的工具或资源,简化文档的创建过程,如图1-9所示。
“变形”面板对所选对象进行“放大与缩小”“旋转”“倾斜”“中心点位置”等操作,如图1-10所示。

图1-9 “属性”面板

图1-10 “变形”面板
“对齐”面板对所选对象进行对齐和分布操作,如图1-11所示。
“工具”面板用于创建和编辑图像、图稿、页面元素的所有工具,使用这些工具可以进行绘图、选取对象、喷涂、修改及编排文字等操作。单击工具箱下面的“编辑工具栏”按钮,弹出“拖放工具”面板,可将工具在面板中来回拖动以方便工作需要,如图1-12所示。

图1-11 “对齐”面板

图1-12 “工具”面板
1.2.3 时间轴
时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数。“图层”相当于层叠的幻灯片,每个图层都包含一个显示在舞台中的不同对象(图像、动画、音频等);动画影片将时间长度划分为“帧”。
在时间轴下面(左边)的和
按钮用于创建图层,
和
按钮等用于调整图层的状态。在帧区域中有“播放头”“帧的编号”“播放时间”和“时间轴调整器”等,如图1-13所示。

图1-13 “时间轴”面板
1.2.4 场景(舞台)
场景就是常说的舞台,是用户进行图形和动画创作的可编辑区域和所有动画元素的活动区间,设计者可以在其中直接绘制、导入需要的插图、媒体文件等。但场景像多幕剧一样可能不止一个,要查看特定的场景,可以选择“视图”→“转到”命令,在子菜单中选择场景名称。在舞台上可以显示“网格”“标尺”和“辅助线”,帮助用户实现定位,其背景默认颜色是白色。
1.编辑栏
单击“工作区切换”按钮,选择功能或对应的命令,舞台上端即出现编辑栏,包含
“编辑元件”按钮,
“编辑场景”按钮,
“缩放数字框”等元素。在编辑栏的上方是标签栏,上面标示着文档的名字,如图1-14所示。
2.属性设置
选择“修改”→“文档”命令,打开“文档设置”对话框,根据需要修改舞台属性,如尺寸大小、颜色、帧频等信息,单击“确定”按钮,如图1-15所示。

图1-14 舞台和文档名称

图1-15 “文档设置”对话框
3.缩放舞台
要在工作时更改舞台的视图,可以使用放大和缩小功能。如要在屏幕上查看整个舞台或查看绘图的特定区域,则可以通过更改缩放比例完成,最大为2000%,最小为4%。
(1)缩放某个元素。单击“缩放”工具,单击要缩放的元素,在
“放大”和
“缩小”按钮之间切换,如图1-16所示。
(2)缩放整个舞台。选择“视图”→“放大”或“视图”→“缩小”命令。要放大绘图中的特定区域,可使用“缩放工具”在舞台上拖出一个矩形选取框。

图1-16 缩放按钮
(3)缩放百分比。选择“视图”→“缩放比率”命令,在子菜单中选择一个百分比或从“缩放控件”中输入数字即可,如图1-17和1-18所示。

图1-17 子菜单中的百分比选项

图1-18 文档窗口中的“..%”
(4)缩放窗口。选择“视图”→“缩放比例”→“符合窗口大小”命令。
(5)显示整个舞台。选择“视图”→“缩放比例”→“显示帧”命令。
1.2.5 网格显示与修改
网格是用来对齐图像的网状辅助线工具。选择“视图”→“网格”→“显示网格”命令并打开相应的对话框,可以设置显示或隐藏网格,如图1-19、图1-20和图1-21所示。

图1-19 “视图”菜单栏选项

图1-20 显示网格

图1-21 隐蔽网格
1.2.6 面板集
面板集是将设计人员需要用到的多种“面板”集中在同一个面板中的合集。通过面板集,用户可以根据工作需要对面板的布局进行重新组合。主要有以下几种操作。
1.工作区模式切换
新建文档后单击按钮,在弹出的下拉菜单中有“默认”“传统”“基本”“基本功能”“小屏幕”“开发人员”“设计人员”和“调试”等选项,如图1-22所示。选择相应的选项即可以在各种布局方式间切换,本例采用“传统”工作区模式,如图1-23所示。

图1-22 工作区选项

图1-23 “传统”工作区模式
2.面板的拖放
(1)面板靠边。用鼠标左键按住面板的标题栏,可以对面板进行任意位置的移动。当被拖动的面板停靠在其他面板旁边时,会出现一个蓝边的半透明条,释放鼠标被拖动的面板将停放在半透明条位置。将左侧的“工具”面板拖动到右侧的示意图,如图1-24和图1-25所示。
(2)面板镶嵌。将一个面板拖动到另一个面板中时,目标面板会呈现蓝色的边框,被拖动的面板将会以选项卡的形式出现在目标面板中。如图1-26和图1-27所示,将“属性”面板拖动到“库”面板中。

图1-24 面板拖放前

图1-25 面板拖放后

图1-26 面板拖放前

图1-27 面板拖放后
3.面板折叠与恢复
单击面板集顶端的“折叠”,可以将整个面板集中的面板折叠以
显示,再次单击
则恢复面板的显示。