遮罩动画
使用动画口罩创建专业曝光效果. Masks剪辑内容, 并可以动态显示随时间推移的项目 - 适合标题序列, 过渡, 和电影效果.
可用遮罩动画
| 动画 | 效果 | 最佳时间 |
|---|---|---|
| 上下擦拭( D) | 内容从上下显示 | 文本标题、引文 |
| 擦拭左/右 | 水平显示 | 过渡,显示 |
| 爱丽丝 | 圆从中心展开 | 戏剧性的揭示,焦点 |
| 离线 | 圆形缩小到中心 | 淡出、过渡 |
| 星盖 | 恒星形状显示内容 | 有趣的揭示 |
| 心脏面具 | 心脏形状显示内容 | 情人节,浪漫主题 |
| 窗帘 | 从中间打开 | 舞台/表演者效应 |
| 对角擦拭 | 愤怒的揭露 | 动态转换 |
| 电影 | 字母框条动画 | 电影风格的介绍 |
使用遮盖模板
使用面具动画的最简单方法是通过模板:
- 打开 模板面板 (单击模板标签或按 #%0Q)
- 类别:面具
- 单击模板预览
- 点击 使用模板 应用
可用的遮盖模板
| 模板 | 说明 |
|---|---|
| 文本向上显示 | 逐行滑动 |
| 文本向下显示 | 行向下滑动 |
| 水平擦除 | 内容擦除左侧 |
| 伊里斯启示 | 圆圈扩展以揭示 |
| 星盖 | 星形显示 |
| 心脏面具 | 心脏形状显示 |
| 对角擦拭 | 加速过渡 |
| 电影表演 | 胶片式信箱 |
面具动画如何工作
动画口罩通过剪切内容,其形状随时间变化:
- Mask 形状 - 剪辑边界(矩形,圆形,恒星,心形)
- 动画类型 – – 面具如何移动(电动、虹膜、比例尺)
- 提明 - 开始时间、持续时间和放松
- 指示 - 透露的方式
时间参数
- 开始时间 - 当披露开始时(秒)
-
- 期限** - 披露需要多长时间
- Easing - 动画曲线(线性, leasinIn, leasinOut, leasinOut)
错开的文本启示录
对于多行文本,将起始时间错开为串联效果:
| 行线 | 开始时间 | 效果 |
|---|---|---|
| 1号线 | 0.2s | 先揭发 |
| 第2号线 | 0.35s | 启示录第二 |
| 3号线 | 0.5s | 第三次启示 |
这创造了专业运动图形中看到的经典的"逐行揭示".
结合其他效果
面具动画与:
- 关键框架动画 - 移动项目同时显示
- 简单的动画 - 显示后添加脉冲或淡出
- 背景生成器 - 动画背景的启示内容
图像遮盖( Static)
对于图像上的静态形状遮盖:
- 选择导入的图像
- 在属性面板中,点击 Mask
- 选择形状( 圆形、 恒星、 心形、 六边形等)
- 调整面具大小和位置
- 点击 pply 面罩
这为形状创造了永久的作物(不是动画).
最佳结果提示
- 保持简短 - 0.4-0.8秒效果最好
-
- 感觉更自然
- 相交点一致 - 0.1-0.2s
- 匹配内容 - 用虹膜进行戏剧化,擦擦专业
- 全速审查 - 测试时间感觉对了
遮盖模式
控制面具形状与内容的相互作用:
| 模式 | 效果 | 使用大小写 |
|---|---|---|
| 缩写(默认) | 只可见于遮罩形状的内容 | 标准披露、框架 |
| 减法 | * 除了* 遮罩形状之外, 到处可见的内容 | 切除效果、孔 |
| 交叉 | 仅在遮罩重叠时可见的内容 | Venn 图表效果 |
要更改掩码模式 :
- 选择遮盖的项目
- 在属性面板中找到掩码模式下拉
- 选择Clip、切换 或Intersect
遮盖堆叠
将多个口罩应用到单个物品中, 用于复杂的遮盖效果 :
- 应用初始掩码( 如圆形)
- 以不同模式添加第二个遮罩层 :
- Add – – 将两个面具形状组合起来(在其中任何一个都可见)
- 切换 - 切除第一个形状中的第二个形状
- Intersect - 只有重叠区域可见
示例: 带有剪星的圆
- 应用 循环 掩码( 剪切模式)
- 添加一个 star 遮罩层( 减法模式)
- 结果:中央有一个星形洞的圆形框架
++0Q 复式口罩组合:圆形口罩加星减++1Q
你可以按需要堆叠尽可能多的面具层. 删除单个层而不影响其它层.
Vortex 动画
通过在两个州之间形成顶点来使面具本身形成动画:
- 定义起始遮罩形状( 顶点位置)
- 定义末端遮罩形状( 顶点位置)
- 回放时, 面罩在形状之间平滑的形态
这创造了有机的,流性的面具过渡,超越了简单的尺度和位置动画.
页:1 Q 带有 Clip、 减法和 Intersect 掩码模式的同一项
技术说明
- 内部使用 Paper.js 剪辑组
- 中央的缩放面罩( 星星, 心脏)
- 擦拭效果的矩形面具更改尺寸
- 装入模板时重建面具
- 完整的程序控制,请参见QQ的API文档
关联: [动画] (/features/animations) | [关键框架编辑器] (/features/keyframes) | [标本] (/panels/templates)