AE教程

这一节我们将制作一个弧形出现的流光效果。如图7-2-1所示。在本例中将用到下列特效:【绘画】、【快速模糊】、【发光】、【色相/饱和度】和【贝塞尔曲线变形】。在这个例子中,我们需要三步来实现最终的流光效果。首先需要使用【绘画】工具来绘制一些不规则的光斑,然后使用模糊效果创造出涂抹的效果,最后利用【贝塞尔曲线变形】把光线弯曲,产生最终弧形出现的流光。

image.png

7-2-1


STEP 01 首先,我们需要把光效利用【绘画】工具绘制出来。新建一个合成,大小为1 800×300,长度为2秒,起名为“光线底图”。


STEP 02 在合成中新建一个【纯色】层,和合成大小相同即可。双击该层,将其打开在【图层】窗口中。


STEP 03 下面我们来绘制图形。在上方工具栏中选择工具。可以看到,【绘画】面板被激活。


知识点:绘画

利用【绘画】工具,可以模仿绘画、书写等过程性的动画效果。【绘画】工具提供了更加人性化的操作,其操作过程如同真实绘画一般。【绘画】建立矢量图形。可以将它应用到固态层、素材层或者作为一个蒙版。每一步操作都可以将其记录为动画。在使用【绘画】特效时,我们强烈建议您配备一支压感笔。

这样,可以感觉到使用【绘画】工具所带来的前所未有的畅快感觉。【绘画】支持Wacom等厂商生产的压感笔。

【绘画】特效包括两个面板:【绘画】和【画笔】。如图7-2-2所示。

image.png

图 7-2-2

【绘画】面板用于指定绘图使用的颜色以及绘图模式等,【画笔】面板则用于设置笔刷。它们比较简单,稍有Photoshop基础的读者都可以轻易上手。我们重点将动画部分介绍一下。

在【持续时间】下拉列表中可以指定笔触是如何存在的。在【固定】状态下,自绘制图形的当前帧开始,在后续帧中显示图形。而在绘制前的所有帧中不显示图形。例如从第10帧绘制图形,则1~9帧中不显示图形。第10帧以后的所有帧中按照绘制顺序显示图形。

在【写入】状态下,按照笔划绘制顺序,回放绘制过程。这种状态下,可以制作手绘效果。

在【单帧】状态下,仅在绘制图形的当前帧中显示图形。例如在第10帧建立图形,则系统仅在第10帧显示该图形。

在【定制】状态下,可以在旁边的参数栏中设置图形帧数。例如设置8帧,则从绘制的当前帧开始,图形持续8帧后消失。

在绘制完成后,图形会在【时间轴】窗口中显示出来,展开【绘画】属性后可以对相关的属性做调整和动画设置,如图7-2-3所示。

image.png

7-2-3

来讲一下【路径】动画。这是非常有用的一项功能。在激活【路径】属性的关键帧状态下绘制图形,可以产生图形形状的动画。具体方法非常简单,首先需要选择要设置动画图形的【路径】属性,激活关键帧记录器,然后在不同时间点绘制图形即可。绘制完毕后,系统会自动在不同时间点绘制的图形间产生动画效果。

展开【描边选项】属性可以对笔触的相关参数进行设置。这里特别说明一下Start和End参数,它们以百分比控制了图形从开始到结束的动画过程。通过对这两个参数进行设置,即可产生绘制图形的过程动画。我们前面已经学习了类似的功能。


STEP 04 选择不同的颜色、笔触,在【持续时间】状态下绘制图形。如图7-2-4所示。

image.png

7-2-4


STEP 05 在【效果控件】对话框中的【绘画】特效栏中把【绘画】 on Transparent参数激活,显示透明背景。


STEP 06 选择 工具,在图形上再擦出一些透明区域。如图7-2-5所示。

image.png

7-2-5


STEP 07 底图绘制完毕。接下来我们以PAL制新建一个合成,起名为“流光效果”,长度为2秒。然后将合成“光线底图”拖入新合成。


STEP 08 首先为嵌套层“光线底图”应用【快速模糊】特效,产生运动模糊的效果。然后将【模糊度】参数设为500左右,【模糊方向】下拉列表中选择【水平】。注意【重复边缘像素】参数不要被选中。


STEP 09 激活层“光线底图”【位置】属性的关键帧记录器。设置从右到左的位移动画。


STEP 10 接下来为“光线底图”应用【色相/饱和度】特效。调整色相轮让整体颜色偏冷、偏蓝,降低饱和度到-75左右,增加亮度到15左右。


STEP 11 接着再为“光线底图”应用【发光】特效。将【发光阈值】调高到70 %左右,【发光半径】调整为60左右,增大光芒;再将【发光强度】设为0.6左右,降低辉光亮度;在【发光操作】下拉列表中选择【颜色减淡】模式,增加光芒对比效果。如图7-2-6所示,可以看到,光芒效果已见雏形。

image.png

图 7-2-6


STEP 12 接下来我们对光芒进行扭曲。首先以【将所有属性移动到新合成】方式重组嵌套层“光线底图”。


STEP 13 右键单击重组层“光线底图Comp1”,选择【效果】>【扭曲】> 【贝塞尔曲线变形】。如图7-2-7所示。

image.png

图 7-2-7


知识点:贝塞尔曲线变形

【贝塞尔曲线变形】效果在层的边界上沿一条封闭的贝塞尔曲线变形图像。层的四角分别为效果控制点,每一个角有三个控制点(顶点和两个切线句柄控制点)。四个控制点组成曲线中的上、下、左、右四条线段。通过调整顶点位置以及切线控制句柄,可以改变曲线的大小和形状,进而扭曲图像。使用【贝塞尔曲线变形】效果进行扭曲变形,可以产生非常平滑的扭曲效果。


STEP 14 在【效果控件】对话框中选中【贝塞尔曲线变形】特效,可以看到,【合成】窗口中当前层上显示控制点和切线句柄。调整四个角到图7-2-8所示的形状。注意在调整的时候,切线的位置不要交错,以避免画面被撕裂。

image.png

图 7-2-8 


STEP 15 最后将【品质】参数调高,提高弯曲质量至满意位置。播放动画,观察流光效果。