涂图

  • 首页
  • 解决方案
    • 拍照和图片编辑
    • 视频录制和后期编辑
    • 模板视频
    • 人像美颜
    • 人脸特效
    • 滤镜特效
    • 贴纸特效
  • API服务
    • 人像服务
    • 视频融合
    • 人脸云
    • 在线滤镜
  • 客户案例
  • 下载
  • 文档
  • 关于我们
  • 控制台
  • 一、新手上路
  • 控制台操作说明
    • 控制台使用说明
    • 自定义资源上传说明
  • 二、SDK 文档
  • 图像 SDK
    • 产品说明
      • 产品指南
      • 性能测试报告
    • iOS 文档
      • 快速开始
      • 安装与更新
      • 集成向导
      • 相机组件的使用
      • 相册组件的使用
      • 照片美化组件的使用
      • 主题包基础使用
      • 自定义滤镜
      • 自定义贴纸
      • 自定义界面
      • 自定义 ProgressHUD 提示框(2.0.0~3.2.7)
      • 自定义 ProgressHUD 提示框
      • API 文档
      • 致谢
    • Android 文档
      • 快速开始
      • 安装与更新
      • 集成向导
      • 相机组件的使用
      • 照片美化组件的使用
      • 头像设置组件的使用
      • 多选相册组件的使用
      • 主题包基础使用
      • 自定义贴纸
      • 自定义滤镜
      • 自定义界面
      • 自定义进度信息提示框
      • 自定义 Activity 打开相机
      • API 文档
      • 致谢
    • iOS 技术问题
      • 「Incorrenct app key」
      • 更换滤镜效果图
      • 导航栏与状态栏
      • 组件中使用部分滤镜
      • Cocoapods 相关问题
      • 图片尺寸变化
      • Photos.framework 相关错误
      • 多包名发布
      • GPUImage 的相关错误
      • TuSDKTSALAsset 转换系统对象
      • 滤镜无法显示名称
      • 获取相机的点击事件
    • Android 技术问题
      • Incorrenct app key
      • 重复引用包
      • Recyclerview 库缺失
      • 方法数超出 65536 限制
      • 传入图片路径
      • 指定裁剪比例
      • 指定相册每行列数
      • 禁用相册自动跳转
      • 如何使用部分滤镜?
      • 代码混淆
      • TuSDK 使用的依赖库
      • 多渠道打包
      • 设置相机输出尺寸
      • 相机横屏设置
      • 自定义照片美化组件各功能模块效果默认参数值
    • 拼图设计
      • 拼图模板导出
    • 版本更新日志
      • iOS 版本更新日志
      • Android 更新日志
  • 视频剪辑 SDK
    • 产品说明
      • 产品指南
    • iOS文档
      • TuSDK Video Editor iOS 接入文档
    • Android文档
      • TuSDK Video Editor Android 接入文档
    • 版本更新日志
      • iOS 版本更新日志
      • Android 版本更新日志
  • 流处理(特效相机) SDK
    • 产品说明
      • 产品指南
    • iOS 文档
      • TuSDK特效相机接入文档-iOS
      • TuSDK直播特效接入说明-iOS
    • Android 文档
      • TuSDK特效相机接入文档-Android
      • TuSDK直播特效接入说明-Android
    • 版本更新日志
      • iOS 版本更新日志
      • Android 版本更新日志
  • 视频融合 SDK
    • 产品说明
      • 产品指南
      • 模板管理
    • iOS 文档
      • 快速开始
      • 安装与更新
      • TuSDK EVA 接入说明 2.0
      • API文档
    • Android 文档
      • 快速开始
      • 安装与更新
      • TuSDK EVA 接入说明 (2.0.0+)
      • API 文档
    • 模板设计
      • (新)标准模板设计规范
      • (旧)标准模板设计规范
      • 支持的 AE 功能和属性
      • 动态模板设计规范
    • 模板导出
      • (新)模板导出插件安装
      • (新)模板导出插件使用
      • (旧)模板导出插件安装
      • (旧)模板导出插件使用
      • (旧)模板效果查看器
      • (旧)模板打包规范
    • 版本更新日志
      • iOS 版本更新日志
      • Android 版本更新日志
      • 导出插件版本更新日志
      • 效果查看器更新日志
  • 短视频 SDK
    • 产品说明
      • 产品指南
      • 性能测试报告
    • iOS 文档
      • 快速开始
      • 集成向导
      • 录制相机的使用
      • 视频编辑器的使用
      • 功能 API 的使用
      • API 文档
    • Android 文档
      • 快速开始
      • 集成向导
      • 录制相机的使用
      • 视频编辑器的使用
      • 功能 API 的使用
      • API 文档
    • iOS 技术问题
      • 常见问题
    • Android 技术问题
      • 常见问题
    • 版本更新日志
      • iOS 版本更新日志
      • Android 版本更新日志
  • 三、云服务文档
  • 人像服务
    • 使用文档
      • 快速入门
      • 核心功能
    • API概述
      • API 概述
      • API 文档
    • 常见问题
      • 常见问题
  • 视频融合(云渲染)
    • 使用文档
      • 快速入门
      • 模板管理
    • API概述
      • API概述
      • API 文档
    • 模板设计
      • (新)标准模板设计规范
      • (旧)标准模板设计规范
      • 支持的 AE 功能和属性
      • 动态模板设计规范
    • 模板导出
      • (新)模板导出插件安装
      • (新)模板导出插件使用
      • (旧)模板导出插件安装
      • (旧)模板导出插件使用
      • (旧)模板效果查看器
      • (旧)模板打包规范
    • 常见问题
    • 版本更新日志
      • 导出插件版本更新日志
      • 效果查看器更新日志
  • 人脸云
    • 使用文档
      • 快速入门
      • 核心功能
    • API 概述
      • API 概述
    • 常见问题
      • 常见问题
  • 在线滤镜
    • 使用文档
      • 快速入门
      • 核心功能
      • FILTER API
      • API 错误码表
    • API概述
      • API 概述
    • 常见问题
      • 常见问题
  • 四、综合
  • 涂图隐私协议
  • 用户退出机制
  • 动态贴纸设计规范
  • 美妆贴纸设计规范
  • 云服务账单说明
  • 应用包名与密钥
  • 基础服务开发者升级流程
  • 五、常见问题
  • 常见问题
  • 遇到问题,怎么办?
  • 如何使用贴纸管理、滤镜管理?

重要提示

本设计文档仅适用涂图视频融合(视频模板)新版本导出插件(软件),即3.0.0 (含)后的版本,如需查看旧版本(3.0.0 以前)的模板设计规范,请查阅对应文档《(旧)标准模板设计规范》。

参考示例

为了设计师更快的了解我司产品对于 AE 模板的一些设计要求,我们提供了 2 个示例模板供设计师参考。

  • 模板1:浪漫转场
  • 模板2:鼠年吉祥2020

AE素材命名解释

设计师在使用AE插件导出模板成功后,插件会自动对AE源文件的素材命名进行修改,修改命名后的素材下次在AE插件中载入会自动识别标记。

图层名称标识(前缀) 图层说明 备注
re_img_xxx 被标记的图层可以是图片图层,可用来替换图片 支持在AE工程中手动修改命名,AE插件会自动识别。
re_vid_xxx 被标记的图层可以是视频图层,可用来替换视频 支持在AE工程中手动修改命名,AE插件会自动识别。
re_img_vid_xxx 被标记的图层可以是图片图层或则视频图层,可用来替换图片或则视频 支持在AE工程中手动修改命名,AE插件会自动识别。
re_aud_xxx 被标记的图层是音频图层,可用来替换音频 支持在AE工程中手动修改命名,AE插件会自动识别。
re_txt_xxx 被标记的图层是文字图层,可用来替换文字 支持在AE工程中手动修改命名,AE插件会自动识别。
xxx_bmp 被标记的预合成,不可替换,可保留预合成的效果 可以支持所有的AE特性,但是文件体积较大,也无法运行时编辑内容。BMP预合成通常用于无法矢量导出的场景,例如用了粒子效果或者第三方插件等。 支持在AE工程中手动修改命名,AE插件会自动识别。

注:注意大小写,名称前后不留空格,不含特殊符号,xxx为任意前或后缀名。手动命名插件会自动识别命名规则,插件仅识别源名称,不识别图层名称。

Alt text

AE 模板中使用的素材类型以及其格式支持如下表:

素材资源类型 编码/封装格式 备注
图片文件 PNG、JPG、PSD 插件会将 PSD 转码成 PNG 文件
视频文件 MP4、MOV MP4 的编码格式为 H.264; MOV 的编码格式为 argb,仅支持命名成fix_mask_XXX后正常导出
音频文件 mp3

示例如下:

Alt text

Alt text

BMP预合成 使用介绍

在旧版(2.5.0之前版本)插件中,当模板中使用该种 MOV 视频时,通过fix_mask_命名,导出插件会自动转码成 MP4,供移动端或则 WEB 端开发使用。BMP预合成沿用了该方案的逻辑,方便设计师使用,可以通过对预合成命名XXX__bmp新版插件(3.0.0之后版本)自动识别。

1. BMP预合成命名示例:

Alt text

2. BMP预合成,输出的视频会自动按照下列方式排版:

  • 水平排列示例:

Alt text

  • 竖直排列示例:

Alt text

模板设计技巧及要求

1. 合理设置图层时间轴:

强烈建议把图片占位和视频占位的时间轴设定在合理的显示范围。

图片 re_img_0 在 0s-4s 这时间段内显示,剩下时间不显示,那么就把时间轴拖至这一段时间,以避免不必要的渲染,造成额外的开销,这在视频占位时尤其重要。

Alt text

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. 可替换素材入场出场时间说明:

  • 为保证替换素材是,可以实时且精准的定位到对应时间点,AE 源文件中可替换素材的入场和出场时间须错开,如下图示例所示。

Alt text

6. 为了保证替换素材时可以实时定位到对应时间点,在 AE 源文件中可替换素材的出场时间必须错开。

7. 时间重映射层名称严禁与其他层名称重名。

8. AE 源文件中调用的资源素材(如视频等),应剪辑掉无用的部分。例如一段视频素材总长度 1 分钟,实际仅使用其第 1 秒,请将所需的该段视频裁剪出后使用。

  • 重要提示
  • 参考示例
  • AE素材命名解释
  • BMP预合成 使用介绍
  • 模板设计技巧及要求
  • 在线技术支持
  • 专业售前售后团队
  • 版本定期更新
  • 全方位解决方案

商务合作

  • 177-6716-7529
  • 2969573855
  • sales@tusdk.com
  • 浙江省 杭州市 西湖区 西斗门9号 福地创业园1号楼3楼301室

关注我们

qrcode

©2019-2023 TUTUCLOUD. All Rights Reserved. 杭州元凡视觉智能科技有限公司 | 浙ICP备14040447号-1 | 浙公网安备33010602001649号

  • 177-6716-7529
  • sales@tusdk.com
  • 2969573855