扫一扫咨询方案
首页
登录/注册

{user.username}

ID: {user.id}

模板制作文档

  • 云渲染

    • Demo下载
    • SDK
    • 开发指南
    • AI API 文档
    • 开发者 API 文档
    • 控制台指南
    • 快速入门
    • 产品简介
  • 模板SDK

    • 用户常见问题
    • Demo 下载
    • 开发指南
    • 服务端 SDK
    • iOS SDK
    • 安卓端 SDK
    • 产品简介
  • 剪辑SDK

    • Demo下载
    • SDK
    • 开发指南
    • 产品简介
  • 模板制作教程

    • 模板制作进阶教程
    • 测试模板素材案例下载
    • 常见模板制作案例
    • 模板制作教程
    • 模板制作工具下载
    • 入门指南
  • 剪辑制作教程

    • 剪辑特效导出教程
    • 剪辑特效测试素材
    • 剪辑特效制作工具下载
    • 入门指南
首页 > 模板制作教程 > 动态模板制作规范 > 动态模板图片适应方式图解

动态模板图片适应方式图解

更新时间 : 2021-07-08 19:56:01

在动态模板中,由于我们无法控制用户上传图片的大小,尺寸。同时我们又希望用户上传的素材能够很好的展示在我们的设计的编辑框中。为了解决这个问题,VE导出插件中提供了图片适应功能。通过设置让用户的素材适应编辑框

图片适应的原理是什么

由于用户上传的图片大小是未知的,而我们希望获得比较好的视频效果。那么设计书在制作动态模板的时候需要设计一个预合成(就是source合成)。用户上传素材之后,VE引擎会将图片按照设计师设置的适应方式适应在source合成中。

如何设置图片适应方式

打开VE导出插件,选择动态模板。然后在左上角可以看到"可替换素材的填充方式"。点击下拉框选择你需要的适应方式即可

图片适应方式图解

VE导出插件提供了8种图片适应方式。他们分别是:

下面对这几种适应方式一一讲解

  1. 填充

填充是指对用户素材进行缩放保证素材能够对填满预合成的大小。不会留下空白区域。这种处理方式会在用户上传素材和预合成比例不一致的时候,会对素材进行一定比例的裁剪,保证素材能够完整的填充画面。可以参考以下图示理解效果: 1

或者

2

  1. 适应

适应是指对用户素材进行缩放保证素材能够完整显示在预合成当中。这种处理方式会在用户上传素材和预合成比例不一致的时候,留下部分空白区域。可以参考以下图示理解效果:

3

或者

5

  1. 适应加背景模糊

适应加背景模糊和适应方式处理方式基本一致,唯一的区别就是在用户上传图片和预合成比例不一致的时候。会将素材填充预合成,加一层模糊效果作为背景。然后再将素材以适应方式放在预合成中。可以参考以下图示理解效果:

5 或者 6

  1. 适应宽度

适应宽度是指对用户素材进行缩放保证素材宽度和预合成的宽度保持一致。这种处理方式会在用户上传素材和预合成比例不一致的时候,对素材进行裁剪或留下空白区域。可以参考以下图示理解效果:

7 或者 8

  1. 适应宽度加模糊

适应宽度加背景模糊和适应宽度方式处理方式基本一致,唯一的区别就是在用户上传图片和预合成比例不一致且留下空白区域的时候。会将素材填充预合成,加一层模糊效果作为背景。然后再将素材以适应方式放在预合成中。可以参考以下图示理解效果:

9 或者 10

  1. 适应高度

适应高度是指对用户素材进行缩放保证素材宽度和预合成的高度保持一致。这种处理方式会在用户上传素材和预合成比例不一致的时候,对素材进行裁剪或留下空白区域。可以参考以下图示理解效果: 11 或者 12

  1. 适应高度加模糊

适应高度加背景模糊和适应高度方式处理方式基本一致,唯一的区别就是在用户上传图片和预合成比例不一致且留下空白区域的时候。会将素材填充预合成,加一层模糊效果作为背景。然后再将素材以适应方式放在预合成中。可以参考以下图示理解效果: 13 或者 14

  1. 动态边框

    动态边框要设计者按照动态边框的设计要求做才能实现动态边框的效果,要求如下:

    1. 在source合成中添加一个与合成同样大小固态层做为基础图层并添加VE Super Frame效果,以此图层大小决定输出的纹理大小。
    2. 在source合成中添加一个边框素材图层以及一个内容素材图层并设置为不可见,不可将合成做为素材图层,同时不允许添加其他任何效果、蒙版及变换
    3. 在1中的固态层中设置VE Super Frame效果参数Frame Layer为边框素材,设置Content Layer为内容素材,然后调节Margin及其他参数设置好边框效果。
    4. 选择填充方式为动态边框即可 示例:
首页 > 模板制作教程 > 动态模板制作规范 > 动态模板图片适应方式图解
动态模板图片适应方式图解
更新时间 : 2021-07-08 19:56:01
  • 云渲染
    • Demo下载
    • SDK
    • 开发指南
    • AI API 文档
    • 开发者 API 文档
    • 控制台指南
    • 快速入门
    • 产品简介
  • 模板SDK
    • 用户常见问题
    • Demo 下载
    • 开发指南
    • 服务端 SDK
    • iOS SDK
    • 安卓端 SDK
    • 产品简介
  • 剪辑SDK
    • Demo下载
    • SDK
    • 开发指南
    • 产品简介
  • 模板制作教程
    • 模板制作进阶教程
    • 测试模板素材案例下载
    • 常见模板制作案例
    • 模板制作教程
    • 模板制作工具下载
    • 入门指南
  • 剪辑制作教程
    • 剪辑特效导出教程
    • 剪辑特效测试素材
    • 剪辑特效制作工具下载
    • 入门指南

在动态模板中,由于我们无法控制用户上传图片的大小,尺寸。同时我们又希望用户上传的素材能够很好的展示在我们的设计的编辑框中。为了解决这个问题,VE导出插件中提供了图片适应功能。通过设置让用户的素材适应编辑框

图片适应的原理是什么

由于用户上传的图片大小是未知的,而我们希望获得比较好的视频效果。那么设计书在制作动态模板的时候需要设计一个预合成(就是source合成)。用户上传素材之后,VE引擎会将图片按照设计师设置的适应方式适应在source合成中。

如何设置图片适应方式

打开VE导出插件,选择动态模板。然后在左上角可以看到"可替换素材的填充方式"。点击下拉框选择你需要的适应方式即可

图片适应方式图解

VE导出插件提供了8种图片适应方式。他们分别是:

  • 填充
  • 适应
  • 适应加背景模糊
  • 适应宽度
  • 适应宽度加背景模糊
  • 适应高度
  • 适应高度加背景模糊
  • 动态边框

下面对这几种适应方式一一讲解

  1. 填充

填充是指对用户素材进行缩放保证素材能够对填满预合成的大小。不会留下空白区域。这种处理方式会在用户上传素材和预合成比例不一致的时候,会对素材进行一定比例的裁剪,保证素材能够完整的填充画面。可以参考以下图示理解效果: 1

或者

2

  1. 适应

适应是指对用户素材进行缩放保证素材能够完整显示在预合成当中。这种处理方式会在用户上传素材和预合成比例不一致的时候,留下部分空白区域。可以参考以下图示理解效果:

3

或者

5

  1. 适应加背景模糊

适应加背景模糊和适应方式处理方式基本一致,唯一的区别就是在用户上传图片和预合成比例不一致的时候。会将素材填充预合成,加一层模糊效果作为背景。然后再将素材以适应方式放在预合成中。可以参考以下图示理解效果:

5 或者 6

  1. 适应宽度

适应宽度是指对用户素材进行缩放保证素材宽度和预合成的宽度保持一致。这种处理方式会在用户上传素材和预合成比例不一致的时候,对素材进行裁剪或留下空白区域。可以参考以下图示理解效果:

7 或者 8

  1. 适应宽度加模糊

适应宽度加背景模糊和适应宽度方式处理方式基本一致,唯一的区别就是在用户上传图片和预合成比例不一致且留下空白区域的时候。会将素材填充预合成,加一层模糊效果作为背景。然后再将素材以适应方式放在预合成中。可以参考以下图示理解效果:

9 或者 10

  1. 适应高度

适应高度是指对用户素材进行缩放保证素材宽度和预合成的高度保持一致。这种处理方式会在用户上传素材和预合成比例不一致的时候,对素材进行裁剪或留下空白区域。可以参考以下图示理解效果: 11 或者 12

  1. 适应高度加模糊

适应高度加背景模糊和适应高度方式处理方式基本一致,唯一的区别就是在用户上传图片和预合成比例不一致且留下空白区域的时候。会将素材填充预合成,加一层模糊效果作为背景。然后再将素材以适应方式放在预合成中。可以参考以下图示理解效果: 13 或者 14

  1. 动态边框

    动态边框要设计者按照动态边框的设计要求做才能实现动态边框的效果,要求如下:

    1. 在source合成中添加一个与合成同样大小固态层做为基础图层并添加VE Super Frame效果,以此图层大小决定输出的纹理大小。
    2. 在source合成中添加一个边框素材图层以及一个内容素材图层并设置为不可见,不可将合成做为素材图层,同时不允许添加其他任何效果、蒙版及变换
    3. 在1中的固态层中设置VE Super Frame效果参数Frame Layer为边框素材,设置Content Layer为内容素材,然后调节Margin及其他参数设置好边框效果。
    4. 选择填充方式为动态边框即可 示例: