VE Exporter插件的使用手册

本文介绍VE Exporter的插件如何使用

1. 素材导入

  • 在Adobe After Effects中打开要处理的aep源文件;

  • 在“窗口”一栏中打开VE Exporter,选择“创建标准模板2.0”,进入插件弹窗;

  • 点击“载入合成”,将源文件中的素材导入至插件素材列表

导入文件

2. 素材列表区

素材列表中展示的是所载入合成的所有素材。如图所示: 5 功能解释

编辑组:在可视化界面中,可替换素材按编辑组为单位展示,便于用户操作

  • 当您将素材设置为可替换素材时,VE会新建一个编辑组并将该素材放在该编辑组中;

  • 默认一个可替换素材对应一个编辑组;

  • 您可手动修改编辑组编号,相同编号表示在同个编辑组,不同编号表示在不同编辑组中。

单身狗

移动编辑组 UI标记:给对应素材添加一个UI标记(类似于ID),开发可以根据标记查到到对应素材全部信息,用于在使用模板时定位替换素材。操作如下:

  • 鼠标选中对应素材;

  • 点击UI标记;

  • 出现可输入光标之后,填写您要输入内容。效果如下图:

6

附加数据:给UI添加一个备注,交付开发时知晓该素材用途。7

添加背景音乐

图层列表中默认不会载入AE合成中的音频文件,如需添加音乐,请手动添加背景音乐

背景音乐

3. 用户编辑界面预览区

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

编辑单身狗4
  • 左侧为编辑界面素材列表: 倒序展示,即最上方的素材在编辑框图层中的最底部,最下方的素材在编辑框图层的最顶部。

  • 中部是编辑界面的预览区:选中哪个素材,则预览哪个素材。

  • 最右侧是素材样式和动画效果调整区。

a、从AE图层中载入文字样式

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

编辑单身狗5b、从AE图层中载入页面信息

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

编辑单身狗证6

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

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

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

编辑单8

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

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

编单9

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

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

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

4. 图层列表区

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

5. 其他功能

  • 添加截图帧 添加了截图帧之后,用户提交模板视频进行渲染时会将当前帧作为图片保存下来。开发可以对图片进行操作

  • 添加背景音乐 给视频添加背景音乐,在素材框或者是合成框中选择音乐文件。点击添加即可。

  • 模板检验 检验模板是否有异常。如果没有异常,进行到下一步。

  • 预览 对于模板的效果预览,预览的效果就是最终的效果

  • 导出模板 预览完成之后,将导出的4个文件选中压缩成一个zip压缩包,请参考VE 导出规范。可将zip压缩包通过智能媒体生产控制台上传生成高级模板, 或者提交至开发通过API上传生成高级模板。