遮罩动画

使用动画口罩创建专业曝光效果. Masks剪辑内容, 并可以动态显示随时间推移的项目 - 适合标题序列, 过渡, 和电影效果.

可用遮罩动画

动画 效果 最佳时间
上下擦拭( D) 内容从上下显示 文本标题、引文
擦拭左/右 水平显示 过渡,显示
爱丽丝 圆从中心展开 戏剧性的揭示,焦点
离线 圆形缩小到中心 淡出、过渡
星盖 恒星形状显示内容 有趣的揭示
心脏面具 心脏形状显示内容 情人节,浪漫主题
窗帘 从中间打开 舞台/表演者效应
对角擦拭 愤怒的揭露 动态转换
电影 字母框条动画 电影风格的介绍

使用遮盖模板

使用面具动画的最简单方法是通过模板:

  1. 打开 模板面板 (单击模板标签或按 #%0Q)
  2. 类别:面具
  3. 单击模板预览
  4. 点击 使用模板 应用

可用的遮盖模板

模板 说明
文本向上显示 逐行滑动
文本向下显示 行向下滑动
水平擦除 内容擦除左侧
伊里斯启示 圆圈扩展以揭示
星盖 星形显示
心脏面具 心脏形状显示
对角擦拭 加速过渡
电影表演 胶片式信箱

面具动画如何工作

动画口罩通过剪切内容,其形状随时间变化:

  1. Mask 形状 - 剪辑边界(矩形,圆形,恒星,心形)
  2. 动画类型 – – 面具如何移动(电动、虹膜、比例尺)
  3. 提明 - 开始时间、持续时间和放松
  4. 指示 - 透露的方式

时间参数

  • 开始时间 - 当披露开始时(秒)
    • 期限** - 披露需要多长时间
  • Easing - 动画曲线(线性, leasinIn, leasinOut, leasinOut)

错开的文本启示录

对于多行文本,将起始时间错开为串联效果:

行线 开始时间 效果
1号线 0.2s 先揭发
第2号线 0.35s 启示录第二
3号线 0.5s 第三次启示

这创造了专业运动图形中看到的经典的"逐行揭示".

结合其他效果

面具动画与:

  • 关键框架动画 - 移动项目同时显示
  • 简单的动画 - 显示后添加脉冲或淡出
  • 背景生成器 - 动画背景的启示内容

图像遮盖( Static)

对于图像上的静态形状遮盖:

  1. 选择导入的图像
  2. 在属性面板中,点击 Mask
  3. 选择形状( 圆形、 恒星、 心形、 六边形等)
  4. 调整面具大小和位置
  5. 点击 pply 面罩

这为形状创造了永久的作物(不是动画).

最佳结果提示

  1. 保持简短 - 0.4-0.8秒效果最好
    • 感觉更自然
  2. 相交点一致 - 0.1-0.2s
  3. 匹配内容 - 用虹膜进行戏剧化,擦擦专业
  4. 全速审查 - 测试时间感觉对了

遮盖模式

控制面具形状与内容的相互作用:

模式 效果 使用大小写
缩写(默认) 只可见于遮罩形状的内容 标准披露、框架
减法 * 除了* 遮罩形状之外, 到处可见的内容 切除效果、孔
交叉 仅在遮罩重叠时可见的内容 Venn 图表效果

要更改掩码模式 :

  1. 选择遮盖的项目
  2. 在属性面板中找到掩码模式下拉
  3. 选择Clip切换Intersect

遮盖堆叠

将多个口罩应用到单个物品中, 用于复杂的遮盖效果 :

  1. 应用初始掩码( 如圆形)
  2. 以不同模式添加第二个遮罩层 :
    • Add – – 将两个面具形状组合起来(在其中任何一个都可见)
    • 切换 - 切除第一个形状中的第二个形状
    • Intersect - 只有重叠区域可见

示例: 带有剪星的圆

  1. 应用 循环 掩码( 剪切模式)
  2. 添加一个 star 遮罩层( 减法模式)
  3. 结果:中央有一个星形洞的圆形框架
Multiple masks stacked ++0Q 复式口罩组合:圆形口罩加星减++1Q

你可以按需要堆叠尽可能多的面具层. 删除单个层而不影响其它层.

Vortex 动画

通过在两个州之间形成顶点来使面具本身形成动画:

  1. 定义起始遮罩形状( 顶点位置)
  2. 定义末端遮罩形状( 顶点位置)
  3. 回放时, 面罩在形状之间平滑的形态

这创造了有机的,流性的面具过渡,超越了简单的尺度和位置动画.

Mask modes comparison 页:1 Q 带有 Clip、 减法和 Intersect 掩码模式的同一项

技术说明

  • 内部使用 Paper.js 剪辑组
  • 中央的缩放面罩( 星星, 心脏)
  • 擦拭效果的矩形面具更改尺寸
  • 装入模板时重建面具
  • 完整的程序控制,请参见QQ的API文档

关联: [动画] (/features/animations) | [关键框架编辑器] (/features/keyframes) | [标本] (/panels/templates)