用户指南 取消(C)

在 Animate 中创建并使用元件实例

  1. Adobe Animate 用户指南
  2. Animate 简介
    1. Animate 新增功能
    2. 图示术语表
    3. Animate 系统要求
    4. Animate 键盘快捷键
    5. 在 Animate 中使用多种文件类型
  3. 动画
    1. Animate 动画基础知识
    2. 如何在 Animate 中使用帧和关键帧
    3. 在 Animate 中使用逐帧动画
    4. 如何在 Animate 中使用经典补间动画
    5. 画笔工具
    6. 运动辅助线
    7. 补间动画和 ActionScript 3.0
    8. 关于运动补间动画
    9. 补间动画
    10. 创建补间动画
    11. 使用属性关键帧
    12. 用补间对位置进行动画处理
    13. 如何使用动画编辑器编辑补间动画
    14. 编辑补间动画的运动路径
    15. 处理补间动画
    16. 添加自定义缓动
    17. 创建和应用动画预设
    18. 设置动画的补间范围
    19. 处理另存为 XML 文件的补间动画
    20. 补间动画与传统补间
    21. 形状补间
    22. 在 Animate 中使用骨骼工具动画
    23. 在 Animate 中处理角色操纵
    24. 如何在 Adobe Animate 中使用遮罩层
    25. 如何在 Animate 中使用场景
  4. 交互性
    1. 如何使用 Animate 创建按钮
    2. 将 Animate 项目转换为其它文档类型格式
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 在 Animate 中通过代码片段添加交互性
    5. 创建自定义 HTML5 组件
    6. 使用 HTML5 Canvas 中的组件
    7. 创建自定义组件:示例
    8. 自定义组件的代码片段
    9. 最佳做法 - 使用 Animate 制作广告
    10. 虚拟现实创作和发布
  5. 工作区和工作流
    1. 创建和管理画笔
    2. 在 HTML5 Canvas 文档中使用 Google 字体
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作区
    6. 在 HTML5 Canvas 文档中使用 Web 字体
    7. 时间轴和 ActionScript
    8. 使用多个时间轴
    9. 设置首选参数
    10. 使用 Animate 创作面板
    11. 使用 Animate 创建时间轴图层
    12. 导出移动应用程序和游戏引擎的动画
    13. 移动和复制对象
    14. 模板
    15. 在 Animate 中查找和替换
    16. 撤消、重做和历史记录面板
    17. 键盘快捷键
    18. 如何在 Animate 中使用时间轴
    19. 创建 HTML 扩展
    20. 图像和动画 GIF 的优化选项
    21. 图像和 GIF 的导出设置
    22. Animate 中的资源面板
  6. 多媒体与视频
    1. 在 Animate 中变形和合并图形对象
    2. 在 Animate 中创建并使用元件实例
    3. 图像描摹
    4. 如何在 Adobe Animate 中使用声音
    5. 导出 SVG 文件
    6. 创建用于 Animate 中的视频文件
    7. 如何在 Animate 中添加视频
    8. 使用 Animate 绘制和创建对象
    9. 改变线条和形状
    10. Animate CC 中的笔触、填充和渐变
    11. 使用 Adobe Premiere Pro 和 After Effects
    12. Animate CC 中的颜色面板
    13. 使用 Animate 打开 Flash CS6 文件
    14. 在 Animate 中使用传统文本
    15. 向 Animate 中置入图稿
    16. 在 Animate 中导入的位图
    17. 3D 图形
    18. 在 Animate 中使用元件
    19. 使用 Adobe Animate 绘制线条和形状
    20. 在 Animate 中使用库
    21. 导出声音
    22. 在 Animate CC 中选择对象
    23. 在 Animate 中使用 Illustrator AI 文件
    24. 应用混合模式
    25. 排列对象
    26. 使用“命令”菜单自动处理任务
    27. 多语言文本
    28. 在 Animate 中使用摄像头
    29. 图形滤镜
    30. 声音和 ActionScript
    31. 绘制首选参数
    32. 用钢笔工具绘图
  7. 平台
    1. 将 Animate 项目转换为其它文档类型格式
    2. 自定义平台支持
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 创建和发布 WebGL 文档
    5. 如何打包 AIR for iOS 应用程序
    6. 发布 AIR for Android 应用程序
    7. 发布用于桌面的 Adobe AIR
    8. ActionScript 发布设置
    9. 最佳做法 - 管理应用程序中的 ActionScript
    10. 如何在 Animate 中使用 ActionScript
    11. Animate 工作区中的辅助功能
    12. 编写和管理脚本
    13. 启用自定义平台支持
    14. 自定义平台支持概述
    15. 使用自定义平台支持插件
    16. 调试 ActionScript 3.0
    17. 启用自定义平台支持
  8. 导出和发布
    1. 如何从 Animate CC 导出文件
    2. OAM 发布
    3. 导出 SVG 文件
    4. 使用 Animate 导出图形和视频
    5. 发布 AS3 文档
    6. 导出移动应用程序和游戏引擎的动画
    7. 导出声音
    8. 最佳做法 - 移动设备内容创建技巧
    9. 最佳做法 - 视频惯例
    10. 最佳做法 - SWF 应用程序创作指南
    11. 最佳做法 - 构造 FLA 文件
    12. 在 Animate 中优化 FLA 文件的最佳做法
    13. ActionScript 发布设置
    14. 指定 Animate 的发布设置
    15. 导出放映文件
    16. 导出图像和动画 GIF
    17. HTML 发布模板
    18. 使用 Adobe Premiere Pro 和 After Effects
    19. 快速分享和发布动画
  9. 故障排除
    1. 已修复的问题
    2. 已知问题

 

创建实例

创建元件之后,可以在文档中任何地方(包括在其他元件内)创建该元件的实例。修改元件时,Animate 会更新元件的所有实例。

可以在属性检查器中为实例提供名称。在 ActionScript 中使用实例名称来引用实例。若要用 ActionScript® 来控制实例,请为单个时间轴内的每个实例提供唯一的名称。 

若要指定色彩效果、分配动作、设置图形显示模式或更改新实例的行为,请使用属性检查器。除非您另外指定,否则实例的行为与元件行为相同。所做的任何更改都只影响实例,并不影响元件。

创建元件的实例

  1. 在时间轴上选择一个图层。Animate 只能将实例放在关键帧中,并且总在当前图层上。如果没有选择关键帧,Animate 会将实例添加到当前帧左侧的第一个关键帧上。

    关键帧是用来定义动画中的变化的帧。有关详细信息,请参阅在时间轴中插入帧

  2. 选择“窗口”>“库”。

  3. 将该元件从库中拖到舞台上。

  4. 如果已经创建了图形元件的实例,若要添加将包含该图形元件的帧数,可选择“插入”>“时间轴”>“帧”。

对实例应用自定义名称

  1. 在舞台上选择该实例。

  2. 选择“窗口”>“属性”,并在“实例名称”框中输入一个名称。

编辑实例属性

每个元件实例都各有独立于该元件的属性。可以更改实例的色调、透明度和亮度;重新定义实例的行为(例如,把图形更改为影片剪辑);并可以设置动画在图形实例内的播放形式。也可以倾斜、旋转或缩放实例,这并不会影响元件。

此外,可以给影片剪辑或按钮实例命名,这样就可以使用 ActionScript 更改其属性。有关详细信息,请参阅学习使用 ActionScript 3.0 中的对象和类。要编辑实例属性,可使用属性检查器(“窗口”>“属性”)。

实例的属性用它来保存。如果编辑一个元件或将一个实例重新链接到不同的元件,则任何已经更改的实例属性仍将应用于该实例。

设置实例的可见性

通过关闭“可见”属性可以在舞台上显示元件实例。与将元件的 Alpha 属性设置为 0 相比,使用“可见”属性可以提供更快的呈现性能。

“可见”属性需要的 Player 设置是 Flash Player 10.2 或更高版本,并且仅与影片剪辑、按钮和组件实例兼容。

  1. 在舞台上选择该实例。

  2. 在“属性”面板的“显示”部分,取消选择“可见”属性。

更改实例的颜色和透明度

每个元件实例都可以有自己的色彩效果。要设置实例的颜色和透明度选项,请使用属性检查器。属性检查器中的设置也会影响放置在元件内的位图。

当在特定帧中改变一个实例的颜色和透明度时,Animate 会在显示该帧时立即进行这些更改。要进行渐变颜色更改,请应用补间动画。当补间颜色时,请在实例的开始关键帧和结束关键帧中输入不同的效果设置,然后补间这些设置,以让实例的颜色随着时间逐渐变化。

补间逐渐地更改实例的颜色或透明度。

如果对包含多帧的影片剪辑元件应用色彩效果,Animate 会将该效果应用于该影片剪辑元件中的每一帧。

  1. 在舞台上选择该实例,然后选择“窗口”>“属性”。
  2. 在属性检查器中,从“色彩效果”部分的“样式”菜单中选择下列选项之一:

    亮度

    调节图像的相对亮度或暗度,度量范围是从黑 (-100%) 到白 (100%)。若要调整亮度,请单击此三角形并拖动滑块,或者在框中输入一个值。

    色调

    用相同的色相为实例着色。要设置色调百分比(从透明 (0%) 到完全饱和 (100%)),请使用属性检查器中的色调滑块。若要调整色调,请单击此三角形并拖动滑块,或者在框中输入一个值。若要选择颜色,请在各自的框中输入红、绿和蓝色的值;或者单击“颜色”控件,然后从“颜色选择器”中选择一种颜色。

    Alpha

    调节实例的透明度,调节范围是从透明 (0%) 到完全饱和 (100%)。若要调整 Alpha 值,请单击此三角形并拖动滑块,或者在框中输入一个值。

    高级

    分别调节实例的红色、绿色、蓝色和透明度值。对于在位图这样的对象上创建和制作具有微妙色彩效果的动画,此选项非常有用。左侧的控件使您可以按指定的百分比降低颜色或透明度的值。右侧的控件使您可以按常数值降低或增大颜色或透明度的值。

    当前的红、绿、蓝和 Alpha 的值都乘以百分比值,然后加上右列中的常数值,产生新的颜色值。例如,如果当前的红色值是 100,若将左侧的滑块设置为 50% 并将右侧滑块设置为 100%,则会产生一个新的红色值 150 ([100 x .5] + 100 = 150)。

    “效果”面板中的“高级”设置执行函数 (a * y+ b)= x,其中,a 是框左侧设置中指定的百分比,y 是原始位图的颜色,b 是框右侧设置中指定的值,x 是生成的效果(RGB 介于 0 和 255 之间,Alpha 透明度介于 0 和 100 之间)。

    也可以使用 ActionScript ColorTransform 对象来更改实例的颜色。有关 Color 对象的详细信息,请参阅《ActionScript 2.0 语言参考》《ActionScript 3.0 语言和组件参考》中的 ColorTransform。

将一个实例与另一个实例交换

要在舞台上显示不同的实例,并保留所有原始实例属性(如色彩效果或按钮动作),请为实例分配不同的元件。

例如,假定您正在使用 rat 元件创建一个卡通形象作为影片中的角色,但后来决定将该角色改为 cat。您可以用 cat 元件替换 rat 元件,并让更新的角色显示在所有帧中大致相同的位置上。

为实例分配不同的元件

  1. 在舞台上选择该实例,然后选择“窗口”>“属性”。

  2. 在属性检查器中单击“交换”按钮。

  3. 选择一个元件以替换当前分配给实例的元件。若要重制选定的元件,请单击“重制元件”,然后单击“确定”。

    如果制作的是几个具有细微差别的元件,那么重制使您可以在库中现有元件的基础上创建一个新元件,并将复制工作减到最少。

替换元件的所有实例

  1. 从一个“库”面板中将与待替换元件同名的元件拖到正编辑的 FLA 文件的“库”面板中,然后单击“替换”。如果库中包含文件夹,则必须将新元件拖动到与所替换的元件相同的文件夹中。

更改实例的类型

若要在 Animate 应用程序中重新定义实例的行为,需要更改其类型。例如,如果一个图形实例包含您想要独立于主时间轴播放的动画,则可以将该图形实例重新定义为影片剪辑实例。

  1. 在舞台上选择该实例,然后选择“窗口”>“属性”。
  2. 从属性检查器的菜单中选择“图形”、“按钮”或“影片剪辑”。

为图形实例设置循环

要确定图形实例内的动画序列在 Animate 应用程序中的播放方式,需要设置“属性”检查器中的选项。

动画图形元件是与放置该元件的文档的时间轴联系在一起的。相比之下,影片剪辑元件拥有自己独立的时间轴。因为动画图形元件使用与主文档相同的时间轴,所以在文档编辑模式下显示它们的动画。影片剪辑元件在舞台上显示为静态对象,并且在 Animate 编辑环境中不会显示为动画。

  1. 在舞台上选择图形实例,然后选择“窗口”>“属性”。
  2. 在属性检查器的“循环”部分中,从“选项”菜单中选择一个动画选项:

    循环

    按照当前实例占用的帧数来循环包含在该实例内的所有动画序列。

    播放一次

    从指定帧开始播放动画序列直到动画结束,然后停止。

    单帧

    显示动画序列的一帧。指定要显示的帧。

  3. 若要指定循环时首先显示的图形元件的帧,请在“第一帧”文本框中输入帧编号。“单帧”选项也可以使用此处指定的帧编号。

帧选择器

使用帧选择器可以直观地预览并选择图形元件的第一帧。在以前的版本中,需要在编辑模式下并在元件内部才能预览帧。此功能增强了一些动画工作流(如嘴形同步)的用户体验。

帧选择器面板仅适用于图形元件,对于影片剪辑或按钮元件类型都是无效的。要想使用此功能,前提是确保将资源转换为元件

  1. 选择图形元件,然后转到“属性”面板 >“循环”>“使用帧选择器”。按钮以显示“帧选择器”面板,或选择“窗口”>“帧选择器”

    帧选择器

  2. 在帧选择器面板上加载选定的元件。

    舞台上的角色
    舞台上的角色

  3. 单击任一帧,将其设置为所选元件的第一帧。

    列表视图
    列表视图

    缩览图视图
    缩览图视图

    循环和单帧
    循环和单帧

    以下是帧选择器面板中可用的选项:

    列表(默认选项)以竖列表视图显示帧。

    缩览图 以网格视图的形式显示各帧,并随面板大小的调整而重新调整。

    创建关键帧 使用此选项后,当您从 帧选择器面板选择一个位置时, 系统会自动创建一个关键帧。 

    固定当前元件 利用此选项,即使帧选择发生了变化,使用的元件也不会变化。

    启动新帧选择器面板 通过打开新的帧选择器面板加载元件,处理多个元件。

    循环 显示图形的各种循环选项,如循环、播放一次和单个帧。

    滑块 调整预览大小。

    滑块向左按钮 增加视图中显示的帧数。

    滑块向右按钮 减少 视图中 显示的帧数。

    筛选帧选项下拉菜单显示各种筛选帧选项。

创建关键帧

如果选中了“创建关键帧”选项,则从帧选择器中选择一个帧时,就会自动创建一个关键帧。

创建关键帧
创建关键帧

固定当前元件并启动新的帧面板

帧选择器面板提供用于固定当前元件的选项。在面板中,该元件将一直保持加载,即使选择的帧发生变化,也可继续使用该元件。

一旦某个元件被固定,只要它还存在于库中或未被显式删除,就不会从记忆中删除。

帧选择器面板还提供了处理多个元件的选项 - 通过打开新的帧选择器面板加载这些元件。

固定当前元件
固定当前元件

启动新的帧选择器面板
启动新的帧选择器面板

如果在当前帧上没有可用的固定元件实例时尝试使用帧选择器,则会显示提示,询问您是否取消固定该元件。

帧的筛选选项

Animate 为面板中列出的帧提供筛选选项。您可以按以下条件来筛选:

  • 所有帧 - 显示所有帧。
  • 关键帧 - 仅显示 关键帧 。
  • 标签 - 仅显示带标签的帧。
帧的筛选选项
帧的筛选选项

自动嘴形同步

自动嘴形同步允许根据所选音频层在时间轴上更轻松、快速地放置合适的嘴形。您可以使用在图形符号内绘制的现有嘴形列表来实现这一点。在图形符号上应用自动嘴形同步时,分析指定的音频图层后,会在与音频发音嘴型匹配的不同位置自动创建关键帧。完成后,您可以根据需要使用常规工作流程和帧选择器进行进一步调整。

发音嘴型是一种可用于指示声音的通用面部图像。 

创建嘴形同步

按照以下步骤开始创建嘴形同步:

  1. 创建图形元件(嘴形)。

    可以在图形元件内绘制所有嘴形/发音嘴型。

  2. 在主时间轴中,将音频导入新图层中。

    当音频同步设置设为“流”时,自动嘴形同步效果最佳。

  3. 选择嘴图形元件。在“属性检查器”中,单击“嘴形同步”

    属性检查器中的嘴形同步
    属性检查器中的嘴形同步

    此时将出现“创建嘴形同步”对话框。默认情况下,显示 12 种基本类型的发音嘴型,如下方屏幕截图所示:

    创建嘴形同步
    创建嘴形同步

  4. 单击任意发音嘴型以更改其嘴形映射。此时将会显示一个弹出列表,其中包含图形元件内具有的所有嘴形。从弹出列表中选择相应的帧,以将其设为当前的发音嘴型。

    修改每个发音嘴型的嘴形
    修改每个发音嘴型的嘴形

  5. 选择要作为嘴唇同步目标的音频层。单击“同步”按钮。

    自动嘴形同步将应用于存在所选图形元件的帧间距上。此外,还可以首先选择多个关键帧,然后再将嘴形同步应用于选定帧范围。

  6. 按·Ctrl+Enter 运行文件并预览输出。

    您可以查看动画文件,其中自动生成的嘴部动作还与声音文件同步。

Animate 中的自动嘴形同步

通过 Animate 中的自动选项将嘴形同步进行了简化。想要为您的动画角色带来准确的嘴形同步? 在本示例结尾观看教程并按照这些步骤操作。

  1. 双击角色的嘴形。

  2. “属性”中,单击“嘴形同步”

  3. 此时将出现“创建嘴形同步”对话框。默认情况下,会显示 12 种基本的发音嘴型类型。

  4. 单击任意发音嘴型以更改其嘴形映射。此时将会显示一个弹出列表,其中包含图形元件内具有的所有嘴形。选择相应的帧。

  5. 选择要作为嘴唇同步目标的音频层。单击“同步”按钮。

如何在 Animate 中对动画角色进行嘴形同步

观看视频,了解如何轻松为动画应用嘴形同步。

分离元件实例

要断开一个实例与一个元件之间的链接,并将该实例放入一个由未编组的形状和线条构成的集合中,可以分离该实例。此功能对于实质性更改实例而不影响任何其他实例非常有用。

在分离实例之后对该实例源元件的更改不会影响该实例。

  1. 在舞台上选择该实例。
  2. 选择“修改”>“分离”。此操作将该实例分离成它的几个组件图形元素。
  3. 要修改这些元素,请使用涂色和绘画工具。

获取有关舞台上的实例的信息

属性检查器和“信息”面板显示以下与在舞台上选定的实例相关的信息:

  • 在属性检查器中,您可以查看实例的行为和设置;对于所有实例类型,均可以查看色彩效果设置、位置和大小;对于图形,还可以查看循环模式和包含该图形的第一帧;对于按钮,还可以查看实例名称(如果已分配)和跟踪选项;对于影片剪辑,还可以查看实例名称(如果已分配)。对于位置,属性检查器将显示元件注册点的 xy 坐标。

  • 在“信息”面板中,可以查看实例的大小和位置、实例注册点的位置、实例的红色值 (R)、绿色值 (G)、蓝色值 (B) 和 alpha (A) 值(如果实例有实心填充)以及指针的位置。属性检查器中的“位置和大小”部分显示元件的注册点或变形点的 xy 坐标。可以通过切换来查看注册点或变形点的坐标。

  • 在影片浏览器中,查看当前文档的内容,包括实例和元件。

    在“动作”面板中查看分配给按钮或影片剪辑的所有动作。

获取有关实例的信息

  1. 在舞台上选择该实例。

  2. 显示要使用的属性检查器(“窗口”>“属性”)或面板:

    • 要显示“信息”面板,请选择“窗口”>“信息”。

    • 要显示影片浏览器,请选择“窗口”>“影片浏览器”。

    • 要显示“动作”面板,请选择“窗口”>“动作”。

在影片浏览器中查看选定元件的元件定义

  1. 单击影片浏览器顶部的“显示按钮、影片剪辑和图形”按钮。

  2. 右键单击 (Windows) 或按住 Control 键单击 (Macintosh),然后选择“显示元件实例”和“转到元件定义”;或从影片浏览器右上角的菜单中选择这些选项。

跳到包含选定元件的实例的场景

  1. 显示元件定义。

  2. 右键单击 (Windows) 或按住 Control 键单击 (Macintosh),然后选择“显示影片元素”和“转到元件定义”;或从影片浏览器右上角的菜单中选择这些选项。

更快、更轻松地获得帮助

新用户?