Adobe Animate CC 2019 for Mac 核心功能与操作全解

本文来源：爱上MAC  |  软件下载地址：Adobe Animate CC 2019 for Mac

Adobe Animate CC 2019 是专业的动画与交互式内容创作软件，其前身为广为人知的Flash Professional。它继承了强大的矢量动画制作能力，并全面转向支持HTML5 Canvas、WebGL等现代网络标准，用于创作网络动画、广告、游戏、教育内容和应用程序界面。本文旨在详细介绍其核心界面、完整工作流程及高效操作技巧。

一、 核心界面与工作区详解

启动Animate CC 2019后，您将看到由多个面板组成的可自定义工作区。默认的“基本功能”工作区布局如下：

• 舞台： 位于中央的白色矩形区域，是动画的可见播放区域，也是您直接绘制和编排元素的地方。舞台外的灰色区域称为“粘贴板”，用于存放暂时不出现在最终输出中的元素。
• 时间轴： 位于舞台下方，是动画创作的核心。它由图层（垂直方向）和帧（水平方向）构成。左侧管理图层（如图层顺序、显示/锁定），右侧的帧序列控制动画随时间的变化。
• 工具栏： 通常位于屏幕左侧，包含选择、绘图、文字、变形、上色等各类工具。
• 属性面板： 位于右侧，是上下文敏感的“控制中心”。根据所选对象（舞台、形状、元件、帧等）的不同，它会动态显示相应的可调整属性，如位置、大小、颜色、滤镜等。
• 库面板： 位于右侧，是项目中所有可重复使用元素（如图形、按钮、影片剪辑元件以及导入的位图、声音）的仓库。将库中的元件拖到舞台上即可创建该元件的“实例”。
• 其他面板： 如“对齐”、“颜色”、“样本”、“动画预设”等面板，可通过“窗口”菜单打开，用于辅助进行精确的布局和设计。

二、 从创建到导出的完整操作流程

1. 创建新项目

操作： 启动软件后，在“开始”屏幕选择“新建”，或通过菜单栏 文件 > 新建。
位置： 菜单栏或开始屏幕。
关键设置： 在“新建文档”对话框中，选择目标平台（如“HTML5 Canvas”），设置舞台尺寸（宽/高）、帧速率（FPS，如24）和背景颜色。

2. 绘制与创建元件

操作： 使用工具栏的“矩形工具”、“钢笔工具”或“画笔工具”在舞台上直接绘制图形。
转换为元件： 选中绘制好的图形，按 F8 键，或右键选择“转换为元件”。
方法： 在弹出的对话框中，为元件命名，选择类型（“图形”、“按钮”或“影片剪辑”），并设置注册点（元件的中心参考点）。转换后，原始形状将变为该元件的一个实例，原件则自动存入“库”中。

3. 制作动画

创建补间动画：

1. 在时间轴选择一个关键帧（或按 F6 创建关键帧），将元件从库中拖到舞台，设定起始位置。
2. 在后方帧处（如第24帧）右键，选择“插入关键帧” (F6)，或“插入帧” (F5) 延长，然后移动元件到结束位置。
3. 在两个关键帧之间的任意帧上右键，选择“创建传统补间”。此时时间轴背景变为紫色带箭头，表示补间创建成功，元件将产生平滑移动。

制作形状补间： 对非元件的矢量形状，可在两个关键帧绘制不同形状，然后在帧之间“创建形状补间”（时间轴显示为绿色）。

4. 添加交互（ActionScript 3.0 或 HTML5/JavaScript）

操作： 选中时间轴上的一个关键帧，或舞台上的一个按钮元件实例。
位置： 打开“动作”面板 (窗口 > 动作) 或按 Option+F9 (⌥+F9)。
方法： 在“动作”面板中直接编写代码。例如，为按钮添加点击事件：
myBtn.addEventListener(“click”, function(){ gotoAndPlay(10); });

5. 测试与调试

操作： 随时按 Cmd+Return (⌘+⏎) 进入“测试影片”模式，在一个独立的播放器窗口中预览动画效果和交互功能。

6. 导出最终内容

发布设置： 通过 文件 > 发布设置 (Cmd+Shift+F12) 选择输出格式（如HTML/JS、SVG、视频、图像序列等），并进行详细配置。
发布： 设置完成后，点击“发布”按钮，或直接通过 文件 > 发布 (Shift+Cmd+F12) 导出。文件将生成在项目文件（.fla）所在的同一目录下。

三、 常用功能进阶技巧

• 摄像机平移： 在时间轴启用“摄像机”图层，可以使用移动和缩放工具直接控制场景视角，轻松创建镜头推拉摇移效果。
• 动画预设： 使用“窗口 > 动画预设”面板，可以将预制的复杂动画（如弹跳、飞入）一键应用到所选元件，极大提升效率。
• 骨胳工具（反向运动IK）： 使用工具栏的“骨胳工具”，可以为矢量形状或元件实例添加关节链，通过拖动骨胳来创建自然的关节动画，常用于角色肢体运动。
• 图层文件夹与引导层： 在时间轴使用图层文件夹管理复杂项目的图层。创建“引导层”可以为传统补间动画绘制自定义运动路径。
• 资源变形： 使用“任意变形工具” (Q) 时，按住 Command (⌘) 键拖动边角点可进行自由扭曲变形。

四、 常见问题与解决方案

• 问题： 创建补间动画失败，时间轴显示虚线而非实线箭头。
  解决： 确保补间起止对象均为同一元件的实例，且不是形状。如果是形状，需转换为元件（F8）。
• 问题： 导出的HTML5文件在浏览器中动画不流畅或位置错乱。
  解决： 检查是否使用了Animate不支持的滤镜或混合模式。尽量使用纯矢量图形和补间动画，减少复杂位图。在“发布设置”中确保选择了正确的目标平台（HTML5 Canvas）。
• 问题： 笔触（线条）和填充在上色时意外合并或切割了其他形状。
  解决： 这是Animate默认的“合并绘制”模式所致。在绘制前，可在工具栏底部选择“对象绘制”模式（图标为圆环），这样每个形状都是独立对象，互不干扰。
• 问题： 时间轴图层繁多，难以管理。
  解决： 善用“图层文件夹”进行归类，并为每个图层和文件夹起一个清晰的名称。使用“显示/隐藏所有图层”、“锁定/解锁所有图层”按钮进行批量管理。

五、 Mac版快捷键汇总表