本设计文档仅适用涂图视频融合(视频模板)旧版本导出插件(软件),即3.0.0(不含)前的版本,如需查看新版本(3.0.0以后)的模板设计规范,请查阅对应文档《(新)标准模板设计规范》。
为了设计师更快的了解我司产品对于 AE 模板的一些设计要求,我们提供了 2 个示例模板供设计师参考。
设计师在设计 AE 模板时,会将部分图层作为临时性质的占位图层,这类图层最后是需要用户手动上传替换的,用户可能会上传图片、视频或者文字。
图层名称标识(前缀) | 图层说明 | 备注 |
---|---|---|
re_img_xxx | 被标记的图层可以是图片图层,可用来替换图片 | |
re_vid_xxx | 被标记的图层可以是视频图层,可用来替换视频 | |
re_img_vid_xxx | 被标记的图层可以是图片图层或则视频图层,可用来替换图片或则视频 | |
re_aud_xxx | 被标记的图层是音频图层,可用来替换音频 | |
re_txt_xxx | 被标记的图层是文字图层,可用来替换文字 | |
fix_mask_xxx | 被标记的图层是视频图层,不可替换,特殊场景使用 | 必须是带透明通道的 MOV 视频,编码格式为 rgba,详见“ MOV 使用介绍” |
注:注意大小写,名称前后不留空格,不含特殊符号,xxx为任意后缀名。
AE 模板中使用的素材类型以及其格式支持如下表:
素材资源类型 | 编码/封装格式 | 备注 |
---|---|---|
图片文件 | PNG、JPG、PSD | 插件会将 PSD 转码成 PNG 文件 |
视频文件 | MP4、MOV | **MP4 的编码格式为 H.264,MOV 的编码格式为 argb** |
音频文件 | mp3 |
示例如下:
该类视频图层名称前缀为 fix_mask_
。为了实现 AE 中带透明通道的 MOV 视频的渲染。当模板中使用该种 MOV 视频时,导出插件会自动转码成 MP4,供移动端或则 WEB 端开发使用。使用场景:需要一些复杂的半透明背景特效,可以使用此法。
注:当设计师使用 AE 导出带 Alpha 通道的 MOV 视频时,“视频输出”项的“颜色”项,选择“直接(无遮罩)”,如下图:
1. MOV 视频占位示例:
2. MOV视频转码以后,输出的视频会自动按照下列方式排版:
1. 合理设置图层时间轴:
强烈建议把图片占位和视频占位的时间轴设定在合理的显示范围。
图片 re_img_0
在 0s-4s 这时间段内显示,剩下时间不显示,那么就把时间轴拖至这一段时间,以避免不必要的渲染,造成额外的开销,这在视频占位时尤其重要。
2. 合理使用视频素材:
合理运用模板中固定视频数量(MOV 特效视频,背景视频等)。对于模板中数量,理论数量越少性能越好,考虑到前景背景等因素,建议模板固定视频不超过 3 个,例如多个分段前景视频可以编辑一个前景。
合理设计可替换视频数量。考虑到移动端特别是 Android 的手机性能问题、视频硬解码器的数量限制,需要严格控制可替换视频坑位的数量,即标记为 re_vid_xxx
,re_img_vid_xxx
的图层。
视频分辨率不超过模板本身大小,越小性能越好。
视频时长不宜过长,合理设置在显示范围。
3. 合理使用图片素材:
对于模板中图片的数量没有硬性要求,但是数量也应该控制在几十张范围内。
遵守“尺寸不浪费”原则,即 AE 中该图显示区域为 400 x 400,图片素材尺寸为 400 x 600,多余部分的需要裁掉。
一些简单的图片素材,例如线条、多边形,尽量使用形状图层代替。
图片如果能复用的话尽量复用,这也是减少图片数量的方式。
4. 合理设计模板分辨率,帧率:
一般移动端 720P 为宜,不超过 1080P,分辨率越大渲染时间越长,甚至奔溃。
服务端 720P、1080P 皆可,最大支持多少分辨率具体看硬编码器所支持最大分辨率,分辨率越大渲染时间越长。
帧率建议 25 fps,范围 15-30 fps。
5. 可替换素材入场出场时间说明:
6. 为了保证替换素材时可以实时定位到对应时间点,在 AE 源文件中可替换素材的出场时间必须错开。
7. 时间重映射层名称严禁与其他层名称重名。
8. AE 源文件中调用的资源素材(如视频等),应剪辑掉无用的部分。例如一段视频素材总长度 1 分钟,实际仅使用其第 1 秒,请将所需的该段视频裁剪出后使用。
©2019-2024 TUTUCLOUD. All Rights Reserved. 杭州元凡视觉智能科技有限公司 | 浙ICP备14040447号-1 | 浙公网安备33010602001649号