扫一扫咨询方案
English
中文
English
登录/注册

{user.username}

ID: {user.id}

模板制作文档

模板制作工具下载 > VE Exporter插件的基础介绍

VE Exporter插件的基础介绍

更新时间 : 2021-07-20 18:11:35

插件的界面介绍

以下为图文介绍。你也可以查看视频介绍,请点击:插件界面基础介绍,对应的AE原文件为:AE文件

1. 素材列表区 素材列表中展示的是所载入合成的所有素材。如图所示: 素材列表区域 功能解释 UI标记:可以给对应素材添加一个UI标记,开发可以根据标记查到到对应素材,对应素材的附加素材,以及对应素材的图层。使用方法:先鼠标选中对应素材,然后再点击UI标记。出现可输入光标之后。填写你要输入内容。效果如下图:UI 标记

附加数据:可以给对应素材添加一个附加数据,可以理解为给UI添加一个备注。例如需求为:将用户输入的文字后面添加一个姓名后缀显示出来。那么可以再附加数据中添加一个类似add name的标注。那么开发同学看到之后就知道该如何处理了。效果如图:附加数据

编辑组:当你将图片或者文字素材设置为可编辑素材时,VE会新建一个编辑组并将该素材放在该编辑组中。默认一个可编辑素材对应一个编辑组。 可替换素材的编辑组的编码一样则表示他们在同一个编辑组中,不同编号表示他们在不同编辑组中,如图:编辑组编号

如图:名子.png的编辑组编号为1,性别.png的编辑组编号为2 。表示他们目前在不同的编辑组中

设计师在导出模板的时候设置了多少个编辑组,那么用户在手机端或网页端就能看到多少个编辑组。

如果想要将多个素材放到同一个编辑框中,请使用下文提到的移动编辑组的方式。效果如图:移动编辑组

可编辑素材列表:可编辑素材列表展示的是这个模板对应的编辑组的列表,以及每个编辑组中的素材数量。例如:我们的模板中设置了2个编辑组。编辑组1中有一个可替换图片,编辑组2中有两个可替换文字。 2个编辑组 那么可编辑素材列表中会展示相应的编辑组信息,如图: 可编辑素材列表 编辑组灰色表示选中状态,如果选中某个编辑组,用户编辑界面就会展示选中的编辑组的界面。如图: 切换编辑组显示

采样模式:用户替换的图片有时候会比较模糊。通过采样模式可以将模糊的照片修复,改善视频效果。总共有三种采样模板分别是线性立方,三角立方,钟形立方。他们的修复效果依次递增,所需的渲染性能依次递增,渲染时间依次递增。钟行立方修复效果最好,所需渲染的时间最长。制作的时候要考虑到渲染速度和素材质量这两者的平衡

2. 用户编辑界面预览区

预览区的左边是该编辑组内的素材缩略图列表:编辑组素材缩略图

编辑框素材的顺序为:最上面的素材显示在编辑框图层的最底部,最下方的素材在编辑框的最上层。(预览区的中间是编辑界面的预览区。选中哪个素材,则预览哪个素材)。

预览区的右边是素材样式和动画效果调整区

  1. 从AE图层中载入文字样式

从AE图层中载入文字样式功能,你可以通过这个功能将AE的文字图层的文字样式复制过来。将文字样式加载过来之后,还可以对文字样式进行修改。如图:加载文字样式

  1. 从AE图层中载入页面信息

可以将AE中某个图层的锚点,位置,缩放,旋转,透明度等信息加载过来。效果如下图:加载图层样式

可选中区域:可选中区域指的是用户可以手指点击触发的区域。默认和可替换素材位置,大小一致。但设计师也可以手动移动位置。如图:素材可点击区域

加载图层,文字样式一般在制作用户端编辑界面时使用。通常我们会新建一个编辑界面合成,把文字,图层及配饰图的位置调整到满意的效果。然后将编辑界面中图层的样式应用到对应的可替换素材上。

配饰图:可以给图片或者文字素材添加配饰图。如果是给图片素材添加配饰图,那么配饰图会在图片的上方。如果是给文字添加配饰图,那么配饰图会在文字的下方。下面演示下配饰图的添加以及效果展示。 添加配饰图之前:添加配饰图之前

配饰图样式,如图:配饰图

添加配饰图之后的效果,如图(配饰图图层在头像图层的上一层):添加配饰图之后

注意:配饰图不是用户素材,不会参与到最后的视频渲染中

素材链接:素材链接功能用在用户需要使用同一个素材源去替换多个可替换素材的情况。例如在下图这个模板中有两个微信头像图片需要替换。为了用户操作方便,让用户替换其中一张图片即可。 素材链接

将同一个编辑组内的素材同时选中素材链接即可使用统一资源替换这两个素材。在导出模板的时候将该模板的两个微信头像设置为可编辑图片并且同时选中素材链接 素材链接展示

3. 图层列表区 展示所载入的合成中的图层列表,如图:图层列表 图层列表中包含图名称,UI标记,附加素材,采样模式等字段。和素材列表中字段的区别在于图层列表中的信息是添加在某个图层上的,而不是添加在某个素材上。例如图层的“UI标记”是给这个图层添加标记信息,而素材的“UI的标记是给某个素材添加的UI标记。

注意:图层列表中默认不会载入AE合成中的音频文件

4. 其他功能