如何在 Adobe 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 中处理角色 Rig
    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. 使用视频提示点
    9. 使用 Animate 绘制和创建对象
    10. 改变线条和形状
    11. Animate CC 中的笔触、填充和渐变
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的颜色面板
    14. 使用 Animate 打开 Flash CS6 文件
    15. 在 Animate 中使用传统文本
    16. 向 Animate 中置入图稿
    17. 在 Animate 中导入的位图
    18. 3D 图形
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 绘制线条和形状
    21. 在 Animate 中使用库
    22. 导出声音
    23. 在 Animate CC 中选择对象
    24. 在 Animate 中使用 Illustrator AI 文件
    25. 使用喷涂刷工具应用图案
    26. 应用混合模式
    27. 排列对象
    28. 使用“命令”菜单自动处理任务
    29. 多语言文本
    30. 在 Animate 中使用摄像头
    31. 将 Animate 与 Adobe Scout 一起使用
    32. 使用 Fireworks 文件
    33. 图形滤镜
    34. 声音和 ActionScript
    35. 绘制首选参数
    36. 用钢笔工具绘图
  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. 最佳做法 - 辅助功能指南
    12. Animate 工作区中的辅助功能
    13. 编写和管理脚本
    14. 启用自定义平台支持
    15. 自定义平台支持概述
    16. 创建辅助内容
    17. 使用自定义平台支持插件
    18. 调试 ActionScript 3.0
    19. 启用自定义平台支持
  8. 导出和发布
    1. 如何从 Animate CC 导出文件
    2. OAM 发布
    3. 导出 SVG 文件
    4. 使用 Animate 导出图形和视频
    5. 发布 AS3 文档
    6. 导出移动应用程序和游戏引擎的动画
    7. 导出声音
    8. 导出 QuickTime 视频文件
    9. 使用 ActionScript 控制外部视频播放
    10. 最佳做法 - 移动设备内容创建技巧
    11. 最佳做法 - 视频惯例
    12. 最佳做法 - SWF 应用程序创作指南
    13. 最佳做法 - 构造 FLA 文件
    14. 在 Animate 中优化 FLA 文件的最佳做法
    15. ActionScript 发布设置
    16. 指定 Animate 的发布设置
    17. 导出放映文件
    18. 导出图像和动画 GIF
    19. HTML 发布模板
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和发布动画

关于遮罩层

若要获得聚光灯效果和过渡效果,可以使用遮罩层创建一个孔,通过这个孔可以看到下面的图层。遮罩项目可以是填充的形状、文字对象、图形元件的实例或影片剪辑。将多个图层组织在一个遮罩层下可创建复杂的效果。

若要创建动态效果,可以让遮罩层动起来。对于用作遮罩的填充形状,可以使用补间形状;对于类型对象、图形实例或影片剪辑,可以使用补间动画。当使用影片剪辑实例作为遮罩时,可以让遮罩沿着运动路径运动。

若要创建遮罩层,请将遮罩项目放在要用作遮罩的图层上。与填充或笔触不同,遮罩项目就像一个窗口一样,透过它可以看到位于它下面的链接层区域。除了透过遮罩项目显示的内容之外,其余的所有内容都被遮罩层的其余部分隐藏起来。一个遮罩层只能包含一个遮罩项目。遮罩层不能在按钮内部,也不能将一个遮罩应用于另一个遮罩。

若要从影片剪辑创建遮罩层,请使用 ActionScript。用 ActionScript 创建的遮罩层只能应用于另一个影片剪辑。

注意:

不能对遮罩层上的对象使用 3D 工具,包含 3D 对象的图层也不能用作遮罩层。有关 3D 工具的详细信息,请参阅 3D 图形

使用遮罩层

可以使用遮罩层来显示下方图层中图片或图形的部分区域。若要创建遮罩,请将图层指定为遮罩层,然后在该图层上绘制或放置一个填充形状。可以将任何填充形状用作遮罩,包括组、文本和元件。透过遮罩层可查看该填充形状下的链接层区域。

创建遮罩层

  1. 选择或创建一个图层,其中包含出现在遮罩中的对象。
  2. 选择“插入”>“时间轴”>“图层”,以在其上创建一个新图层。遮罩层总是遮住其下方紧贴着它的图层;因此请在正确的位置创建遮罩层。
  3. 在遮罩层上放置填充形状、文字或元件的实例。Animate 会忽略遮罩层中的位图、渐变、透明度、颜色和线条样式。在遮罩中的任何填充区域都是完全透明的;而任何非填充区域都是不透明的。

  4. 右键单击 (Windows) 或按住 Control 单击 (Macintosh) 时间轴中的遮罩层名称,然后选择“遮罩”。将出现一个遮罩层图标,表示该层为遮罩层。紧贴它下面的图层将链接到遮罩层,其内容会透过遮罩上的填充区域显示出来。被遮罩的图层的名称将以缩进形式显示,其图标将更改为一个被遮罩的图层的图标。
  5. 若要在 Animate 中显示遮罩效果,请锁定遮罩层和被遮住的图层。

创建遮罩层后遮住其他的图层

  1. 请执行下列操作之一:
    • 将现有的图层直接拖到遮罩层下面。

    • 在遮罩层下面的任何地方创建一个新图层。

    • 选择“修改”>“时间轴”>“图层属性”,然后选择“被遮罩”。

  1. 选择要断开链接的图层,然后执行下列操作之一:
    • 将图层拖到遮罩层的上面。

    • 选择“修改”>“时间轴”>“图层属性”,然后选择“正常”。

使遮罩层上的填充形状、类型对象或图形元件实例动起来

  1. 选择时间轴中的遮罩层。
  2. 若要解除对遮罩层的锁定,请单击“锁定”列。
  3. 请执行下列操作之一:
    • 如果遮罩对象为填充形状,请对该对象应用补间形状。

    • 如果遮罩对象是类型对象或图形元件实例,请对该对象应用补间动画。

  4. 完成了动画操作后,请单击遮罩层的“锁定”列,再次锁定该图层。

让遮罩层上的影片剪辑动起来

  1. 选择时间轴中的遮罩层。
  2. 若要就地编辑影片剪辑并显示该影片剪辑的时间轴,请在舞台上双击该影片剪辑。
  3. 对该影片剪辑应用补间动画。
  4. 完成动画过程后,单击“返回”按钮返回文档编辑模式。
  5. 若要再次锁定该图层,请单击该遮罩层的“锁定”列。

更多此类内容

Adobe 徽标

登录到您的帐户