涂图

  • 首页
  • 解决方案
    • 拍照和图片编辑
    • 视频录制和后期编辑
    • 模板视频
    • 人像美颜
    • 人脸特效
    • 滤镜特效
    • 贴纸特效
  • API服务
    • 人像服务
    • 视频融合
    • 人脸云
    • 在线滤镜
  • 客户案例
  • 下载
  • 文档
  • 关于我们
  • 控制台
  • 一、新手上路
  • 控制台入门
    • 控制台使用说明
  • 二、SDK 文档
  • 图像 SDK
    • 产品说明
      • 使用指南
      • 性能测试报告
    • iOS 文档
      • 快速开始
      • 安装与更新
      • 集成向导
      • 相机组件的使用
      • 相册组件的使用
      • 照片美化组件的使用
      • 主题包基础使用
      • 自定义滤镜
      • 自定义贴纸
      • 自定义界面
      • 自定义 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 文档
      • 快速开始
      • 集成向导
      • 录制相机的使用
      • 视频编辑器的使用
      • 功能 API 的使用
      • API 文档
    • Android 文档
      • 快速开始
      • 集成向导
      • 录制相机的使用
      • 视频编辑器的使用
      • 功能 API 的使用
      • API 文档
    • iOS 技术问题
      • 常见问题
    • Android 技术问题
      • 常见问题
    • 版本更新日志
      • iOS 版本更新日志
      • Android 版本更新日志
  • 视频融合 SDK
    • 产品说明
      • 使用指南
      • 模板设计规范
      • 支持的 AE 功能
      • 模板管理
    • iOS 文档
      • 快速开始
      • 安装与更新
      • 集成向导
      • 模版加载器的使用
      • 模板播放器的使用
      • 模板导出器的使用
      • API文档
    • Android 文档
      • 快速开始
      • 安装与更新
      • EVA播放器的使用
      • 模板资源管理器的使用
      • 模板保存器的使用
      • API 文档
    • 模板导出
      • 模板导出插件安装
      • 导出插件使用
      • 模板打包规范
    • 版本更新日志
      • iOS 版本更新日志
      • Android 版本更新日志
      • 导出插件版本更新日志
  • 直播特效 SDK
    • 产品说明
      • 产品介绍
    • iOS 文档
      • TuSDK直播特效接入说明-iOS
    • Android 文档
      • TuSDK直播特效接入说明-Android
  • 三、云服务文档
  • 人像服务
    • 使用文档
      • 快速入门
      • 核心功能
    • API概述
      • API 概述
      • API 文档
    • 常见问题
      • 常见问题
  • 视频融合(云渲染)
    • 使用文档
      • 快速入门
      • 模板设计规范
      • 支持的 AE 功能
      • 模板管理
    • API概述
      • API概述
      • API 文档
    • 模板导出
      • 模板导出插件安装
      • 导出插件使用
      • 模板打包规范
    • 常见问题
    • 版本更新日志
      • 导出插件版本更新日志
  • 人脸云
    • 使用文档
      • 快速入门
      • 核心功能
    • API 概述
      • API 概述
    • 常见问题
      • 常见问题
  • 在线滤镜
    • 使用文档
      • 快速入门
      • 核心功能
      • FILTER API
      • API 错误码表
    • API概述
      • API 概述
    • 常见问题
      • 常见问题
  • 人脸核查服务
    • 使用说明
      • 产品介绍
      • 服务开通
      • 用户数据管理
    • 费用说明
      • 费用说明
    • 客户端说明
      • 操作须知
      • 客户端配置
      • 基本功能操作
      • 统计数据操作
    • 常见问题
      • 常见问题
  • 四、综合
  • 云服务账单说明
  • 应用包名与密钥
  • 遇到问题,怎么办?
  • 如何使用贴纸管理、滤镜管理?
  • 基础服务开发者升级流程
  • 五、常见问题
  • 常见问题

AE 模板设计规范说明

规范说明

设计师在设计 AE 模板时,会将部分图层作为临时性质的占位图层,这类图层最后是需要用户手动上传替换的,用户可能会上传图片、视频、文字。 图层占位包括:

  1. 图片占位(用户只能选图片);
  2. 视频占位(用户只能选视频);
  3. 图片/视频占位(用户可以选图片或视频);
  4. 文字占位(用户可以替换模板中的文字);
  5. 音频占位(用户可以替换模板中的音频);
  6. 蒙版视频占位(特殊,AE 中带透明通道的 MOV 视频的渲染);

接下来,通过 AE 中的图层名称来区分以上6种占位。

  1. 图片占位的名称的前缀为 re_img_,例如:re_img_0,re_img_1,re_img_2 等,后面的数字表示图片在动画中出现的先后顺序。
  2. 视频的前缀为 re_vid_。
  3. 如果要图片和视频都支持的可以为 re_img_vid_。
  4. 文字的前缀为 re_txt_。
  5. 音频的前缀为 re_aud_。
  6. 蒙版视频的前缀为 fix_mask_。

示例如下:

  • 文字、音频占位示例:

Alt text

  • 图片、视频、图片/视频占位示例:

Alt text

  • 蒙版视频占位示例

Alt text

注: 为了提高客户端的性能,建议把图片占位和视频占位的时间轴设定在合理的显示范围 ,示例如下:

Alt text

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

蒙版视频占位说明

为了实现 AE 中带透明通道的 MOV 视频的渲染,占位的图片宽高和位置需要和 MOV 视频的一样。

当设计师使用 AE 导出带 Alpha 通道的 MOV 视频时,“视频输出”项的“颜色”项,选择“直接(无遮罩),如下图:

Alt text

蒙版视频占位示例:

Alt text

MP4 蒙版视频的水平排列示例:

Alt text

MP4 蒙版视频的竖直排列示例:

Alt text

其他注意事项说明

  • 对于 AE 模板中,图片素材 - jpg 格式图片,仅支持 Baseline DCT 编码格式的 jpg 图片。因此,禁止在 AE 模板中加入除上述以外的其他编码格式的 jpg 格式图片素材。

  • 规范说明
  • 蒙版视频占位说明
  • 其他注意事项说明
  • 在线技术支持
  • 专业售前售后团队
  • 版本定期更新
  • 全方位解决方案

商务合作

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

关注我们

qrcode

©2019-2020 TUTUCLOUD. All Rights Reserved. 杭州微禾迅科技有限公司 | 浙ICP备14040447号-1 | 浙公网安备33010602001649号

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