向大家介绍有关AE的输出的一些小技巧!

你可以在这篇文章学到:

1.AE Render Queue及Media Encoder的基本设定

2.批量输出影片

3.AE图片档输出

4.AE透明背景输出

5.AE 如何输出GIF

6.AE 如何输出HTML动画

1.AE Render Queue及Media Encoder的基本设定

首先要输出AE档案,一定要在AE中选中你想输出的Compsition才能选择输出,

必须点选Project视窗的Comp或是点选时间轴上的Comp(时间轴视窗框亮起)。

选取后在上方Composition中可选择

Add to Adobe Media Encoder Queue(快捷键 Ctrl + Alt + M)

Add to Render Queue (快捷键 Ctrl + M)

先说Add to Render Queue好了,

选择后,你的Comp就会被加到AE内的Render Queue序列,

这里有三个蓝色亮起的文字可以做基本设定。

点选Render Settings后的蓝色文字可以进入这个视窗:

上方黄色框框内可以做一些输出品质的设定,

如Quality可设定品质高低、

Resolution可以设定输出的画质(Full、1/2、1/3、1/4)等。

Time Sampling底下可以设定输出图层、范围(工作范围/全Comp):

Frame Rate可以设定输出桢数、时间点:

点选Output Module Setting后的蓝色文字可以进入这个视窗:

上方黄色框内的Format可以设定输出格式。

Video Output底下的Channels可以设定输出色彩通道,

RGB、Alpha、RGB+Alpha。

再往下的Resize,预设为没有勾选的状态,

勾选后可以重新设定输出后的长宽、品质等。

Crop也是预设为没有勾选,

勾选后可以设定输出后的四边裁切宽度。

最后最底下则是可以设定音讯。

点选Output To后的蓝色文字可以进入这个视窗:

这里则是选择汇出位置。

全部设定好了之后就可以按Render按钮输出囉!

当然你可以将输出的设定设为预设,

每个蓝字旁边都有个下拉选单,设定好输出设定之后再到下拉选单选择Make Template。

将名称设定好:

之后就可以直接使用下拉选单选择预设输出设定囉!

接下来介绍Adobe Media Encoder Queue,

当然前提是你必须也安装Adobe Media Encoder Queue才能使用这个输出管道。

将Comp选择Add To Adobe Media Encoder Queue之后,Encoder会自动开启,

稍等一下会有你刚才选择的Comp汇入序列。

这里一样有三串蓝字可以选择输出设定,

第一串蓝字旁的下拉选单可以选择输出格式,

Encoder提供的输出格式比AE内建的还要更多,

例如最常使用的MP4(H.264)就没有在AE的内建选项中,

需要时通常会到Encoder直接输出成MP4。

第二串蓝字旁的下拉选单可以选择输出品质:

最后一串蓝字可以选择输出位置:

全部设定好之后就可以按下右上角的绿色箭头开始输出囉!

2.批量输出影片

再AE的Render Queue中你可以一次汇入多个Comp,

但要特别注意,这里的Comp是即时抓取AE内容的,

在这段期间更改Comp都会影响输出的内容。

而Encoder则会在汇入序列时自动储存一个当下时间点的AE暂存档,

Encoder会抓取这些暂存档,所以再原本的AE当中更改Comp内容也不会影响输出的内容!

按下绿色箭头之后就会自动跑完所有的Comp囉!

再输出的预设资料夹中可以找到所有汇入Comp时的暂存档,

点开暂存档可以回到当时的AE档案。

3.AE图片档输出

AE也可以输出图片!

再输出图片前要特别注意时间轴上方的Work Area(输出范围),

你可以设定好输出范围,如果你只想输出一张图也可以将范围设为1桢。

Add To Remder Queue后再格式这边选择PNG Sequence。

输出后就能得到图片档囉!美意桢都会被出书成一张PNG图片。

4.AE透明背景输出

如果你要输出透明背景的影片或图片的话,你需要有个透明背景的影片。

再输出前建议点选预览窗底下的切换显示透明背景Icon检查一下背景是否为透明。

嗯,没错 是透明的。

Add To Render Queue后再格式区选择QuickTime。

接着再Channels选择RGB+Ahpla。

输出之后就能得到透明背景的影片囉!

如果要用QuickTime拨放Mov档需要先安装QuickTime哦!

5.AE 如何输出GIF

AE内建的Render Queue没办法直接输出成GIF档,

必须汇入到Encoder中,

再序列中点选第二串蓝字(符合来源-高位元速率)可以打开设定视窗:

再视窗中的镉是选择动画GIF。

底下可以设定GIF的品质及长宽,

设定完毕之后输出就会是GIF囉!

6.AE 如何输出HTML动画

如果要将AE动画输出为可以在HTML上拨放的动画的话,

方法比较负责,需要先下载Bodtmovie扩充功能,

下载网址:https://github.com/airbnb/lottie-web

解压缩之后在lottie-web-master资料夹 > build > extension中找到bodymovie.zxp,

待会要将这个扩充功能安装到AE中。

要安装这个扩充功能需要zxp installer ,

可以到底下的连结下载,

连结网址:https://aescripts.com/learn/zxp-installer/

点选你的电脑版本下载。

安装之后打开会长这个样子,

首先先点选File > Open。

选择刚才的bodymovie.zxp之后点选OK。

安装完成之后会出现这样的画面:

重新开启AE之后就可以在Window > Extensions中找到Bodymovie囉!

打开Bodymovie长这样,

这里会显示专案档中所有的Comp,勾选黄色框框中的绿色按钮选择你想输出的Comp。

点选率色文字选择输出路径。

按下Render之后就等待输出。

完成之后可以得到一个json档,

之后再到lottie-web-master > build > old_parser中找到bodymovie_parser.jsx,

将这两个档案复制到网页根目录,新建一个html档案。

开启网页之后就会发现动画在网页上拨放囉!

此教学专案档下载(cc 2018以上):