SVGA
SVGA 在 MotionTools 中可以完成预览检查、格式转换、尺寸与体积优化、图片和音频素材编辑、水印、边缘虚化,以及转 YYEVA / VAP 时的动态元素配置。
一、预览与文件信息
上传 .svga 文件后,MotionTools 会展示这份动画的基础信息,方便先判断文件是否符合使用要求:
| 信息 | 说明 |
|---|---|
| 画布尺寸 | 看清动画的实际宽高,方便判断能否用于目标位置。 |
| SVGA 版本 | 了解文件版本,排查兼容性问题时有用。 |
| 文件大小 | 快速判断是否需要压缩或重新导出。 |
| 内存占用估算 | 帮助判断动画在低端设备上是否可能偏重。 |
| 时长、帧数、帧率 | 了解动画播放节奏,判断是否过长、过快或过慢。 |
| 图片素材列表 | 查看这份 SVGA 里有哪些可替换的图片素材。 |
| 音频素材 | 查看文件是否 带音频,并可进一步下载或替换。 |
SVGA 预览区支持:
| 操作 | 支持情况 |
|---|---|
| 自动播放 | 文件加载后自动开始播放。 |
| 播放 / 暂停 | 支持按钮控制,也支持 Space 快捷键。 |
| 时间轴跳转 | 支持拖动进度条跳到指定位置。 |
| 前后跳转 | 支持用方向键快速查看前后画面。 |
二、格式转换
SVGA 可以输出为以下格式:
| 目标格式 | 功能说明 |
|---|---|
| SVGA | 适合在调整尺寸、压缩体积、镜像或替换素材后继续交付 SVGA。 |
| PNG 序列帧 ZIP | 适合交给设计、视频或其他工具继续处理每一帧画面。 |
| PAG | 适合需要交付 PAG 播放链路的业务。 |
| Lottie | 适合需要 JSON 动效文件的 Web 或客户端场景。 |
| DotLottie | 适合需要 .lottie 封装交付的场景。 |
| SMIL / SVG | 适合需要 SVG 动画交付的场景。 |
| GIF | 适合聊天、运营、简单预览等兼容性优先的场景。 |
| WebP | 适合网页中使用体积较小的动画图片。 |
| APNG | 适合需要透明动画图片的场景。 |
| MP4 | 适合普通视频播放或社媒投放。 |
| MOV | 适合部分设计、剪辑或视频工作流。 |
| WebM | 适合网页视频播放,尤其是需要透明视频时。 |
| VAP | 适合直播礼物、互动特效等透明视频播放链路。 |
| YYEVA | 适合使用 YYEVA 播放方案的透明视频场景。 |
| 双通道 | 适合需要透明效果,同时希望以 MP4 文件交付的直播礼物或跨端动效。 |
| AEP | 适合把 SVGA 素材带回 After Effects 工作流继续处理。 |
SVGA 转 SVGA 常用于保留原格式,只调整体积、尺寸、方向或素材内容。
SVGA 转 PAG 有两种路径:
- 序列帧模式:更接近最终画面,适合优先保证视觉一致。
- 矢量模式:更适合希望保留更多动效结构的场景,可设置图片质量,并可选择是否带音频。
SVGA 转 VAP / YYEVA 时支持两类输出:
- 普通透明视频:适合只需要把 SVGA 变成透明视频播放的场景。
- 动态元素透明视频:适合礼物头像、昵称、文字等需要在播放时替换的场景。
三、尺寸、压缩与镜像
SVGA 转换前可以调整输出尺寸:
| 能力 | 说明 |
|---|---|
| 按宽度调整 | 输入目标宽度后,按源比例同步计算高度。 |
| 按高度调整 | 输入目标高度后,按源比例同步计算宽度。 |
| 图片资源压缩 | 减小文件体积,适合上传、分发或移动端加载。 |
| 左右镜像 | 生成水平方向相反的动画版本。 |
| 上下镜像 | 生成垂直方向相反的动画版本。 |
| 双向镜像 | 同时应用左右和上下镜像。 |
这些操作适合在不回到设计源文件 的情况下,快速生成适合不同投放位置或平台限制的版本。
四、图片素材编辑
SVGA 的图片素材面板会列出文件中可查看、可替换的图片素材。点击单张素材后,可以进入图片编辑工具,图片、文字、虚化边缘、重命名和删除都在这里集中配置。
图片编辑工具支持:
| 功能 | 界面 | 说明 |
|---|---|---|
| 替换图片 | 用本地图片替换当前素材,适合头像、贴纸、装饰图、背景等素材换图。 | |
| 替换文字 | 把文字生成图片后替换当前素材,可调整内容、字体、字号、颜色和位置,适合昵称、标签、活动文案等内容替换。 | |
| 虚化边缘 | 拖动图片边缘的控制点并调整羽化程度,让素材边缘更柔和,减少硬边和方框感。 | |
| 重命名 / 删除 | 修改素材名称,或标记删除不需要的素材,适合整理素材和清理冗余图片。 |
素材面板还支持:
| 操作 | 说明 |
|---|---|
| 拖拽替换 | 将图片文件拖到资源卡片上直接替换。 |
| 搜索资源名称 | 快速找到目标图片素材。 |
| 悬停预览 | 鼠标悬停时查看图片预览。 |
| 下载全部素材 | 将图片素材打包为 ZIP 下载。 |
批量图片操作支持:
| 操作 | 说明 |
|---|---|
| 批量替换 | 对多张图片一次性替换。 |
| 批量删除 | 对多张图片一次性删除。 |
| 批量重命名 | 对多张图片一次性重命名。 |
| 集中处理 | 多个操作一次完成,适合素材量较多的文件。 |
这些能力适合处理头像、装饰图、贴纸、背景等需要替换或整理的 SVGA 文件。
五、音频素材编辑
SVGA 支持音频素材面板。文件内已有音频时,会显示音频名称和时长;没有音频时,可以点击添加音频。点击音频后,可以进入音频编辑工具,集中处理替换、音量、重命名和删除。
音频编辑工具支持:
| 功能 | 界面 | 说明 |
|---|---|---|
| 音频 / 音量 | 可以保留当前音频、替换为新的音频文件,也可以调整输出音量,适合补音效、换音效或统一音量大小。 | |
| 重命名 / 删除 | 修改音频名称,或标记删除音频,适合整理素材,或导出只保留画面的无声版本。 |
音频素材还支持:
| 操作 | 说明 |
|---|---|
| 试听预览 | 在执行前播放当前音频,确认声音内容和时长。 |
| 音量快捷档位 | 可快速设为静音、原音量或轻降音量。 |
| 添加或替换音频 | 给无声动画补音效,或替换旧音效。 |
| 删除音频 | 输出无声版本,适合只需要画面的场景。 |
添加或替换音频后,预览区会按新的音频内容播放,适合检查礼物音效、活动音效和动画节奏是否匹配。
六、水印与边缘虚化
SVGA 支持添加图片水印。
水印支持:
| 能力 | 说明 |
|---|---|
| 上传水印图片 | 支持 PNG、JPG、JPEG、WebP。 |
| 位置 | 可调整水印在画布中的位置。 |
| 缩放 | 可调整水印图片比例。 |
| 旋转 | 可调整水印旋转角度。 |
| 透明度 | 可调整水印不透明度。 |
| 预览 | 应用前可查看水印位置。 |
| 应用到文件 | 确认后生成带水印的 SVGA。 |
SVGA 支持边缘虚化。
边缘虚化支持:
| 能力 | 说明 |
|---|---|
| 顶部边距 | 控制顶部从哪里开始变淡。 |
| 底部边距 | 控制底部从哪里开始变淡。 |
| 左侧边距 | 控制左侧从哪里开始变淡。 |
| 右侧边距 | 控制右侧从哪里开始变淡。 |
| 羽化程度 | 设置边缘渐变透明的柔和程度。 |
| 遮罩预览 | 在弹窗中预览边缘虚化效果。 |
| 压缩选项 | 处理时可同时控制输出体积。 |
| 应用到文件 | 确认后生成带边缘虚化的新 SVGA。 |
边缘虚化适合让动画边界更柔和,减少硬边、方框感,常用于礼物特效、装饰动效和叠加到复杂背景上的素材。
七、动态元素配置
动态元素配置只用于 SVGA 转 YYEVA / VAP,不是普通的 SVGA 图片替换功能。
当目标格式选择 YYEVA 或 VAP,且源文件是 SVGA 时,可以打开动态元素配置。它适合把头像、昵称、文案等内容做成后续可替换的位置。
| 配置项 | 说明 |
|---|---|
| 是否选为动态元素 | 选择哪些图片或文字需要在播放时替换。 |
| 替换标识 | 给这个可替换位置起一个便于接入使用的名称。 |
| 类型 | 支持图片和文字。 |
| 图片缩放模式 | 控制替换图片是裁切、完整显示还是拉伸铺满。 |
| 文字默认内容 | 设置未替换时显示的默认文案。 |
| 文字字号 | 控制文字大小。 |
| 文字颜色 | 控制文字颜色。 |
保存动态元素后,再转换为 YYEVA 或 VAP,会生成适合动态替换的透明视频结果。
需要注意:动态元素更适合放在视觉上层的头像、昵称、标签等内容。如果把被其他元素遮挡的图层设为动态元素,最终效果可能和原动画层级不完全一致。
八、不属于 SVGA 的功能
以下能力不要当作 SVGA 通用能力理解:
| 功能 | 原因 |
|---|---|
| MP4 去黑背景 | 只针对 MP4 源文件转换到其他格式时显示。 |
| 序列帧帧率选择 | 不针对 SVGA 源文件显示。 |
| Lottie 颜色和渐变编辑 | 属于 Lottie 功能,不是 SVGA 功能。 |
| VAP / YYEVA 音量调整 | 属于透明视频音频处理,不是 SVGA 音频功能。 |
| 静态图片批量压缩 | 属于图片处理页,不是 SVGA 素材面板能力。 |