After Effects实例教程之奥运太极五环动画

动感逼真，栩栩如生，具有东方神韵的太极动画表达了中国人民对奥运成功举办的信心，Beijing，I am coming（北京，我来了！）表达全世界优秀青年对奥运盛会的期待和渴望。

在该动画效果中，我们利用After Effect的内置插件Vector Paint特效实现太极动画效果，Vector Paint插件是一种功能强大的矢量绘图工具，利用它可以在图层上任意的绘制各种颜色或形状的线条，并实时记录下这些线条的绘画过程，然后回放出来。

一、创建素材

1、运行Photoshop，打开预先准备的素材太极环图片，如图1所示：

图1 预先准备的素材

2、对素材进行处理，运用套索工具把太极环分割为5个单独的图片，注意在分割时候一定不能改变图片的位置，同时图片格式必须保存为PNG格式，如图2所示。

图2 把太极环分割为5个单独的图片

二、创建太极动画

1、运行After Effect6.5视频编辑软件，建立合成文件COMP1，设置如下：Preset（预设）：NTSC 648×486（宽×高）；Pixel Aspect Ratio（像素的百分比）: Square Pixels； Resolution（分辨率）：FULL；Duration（持续时间）：35S；背景颜色为白色。

2、导入素材图片

双击Project的空白区，导入上面准备好的5张素材图片，由于这5张图片是透明图层，而且图片位置没有发生任何变动，合成的效果如图3所示。

图3 在AE中导入素材

3、素材在时间线窗口中的排列

为了流畅表达太极的动作，注意5张图片在时间线窗口中的排列顺序，如图4所示。

图4素材在时间线窗口中的排列

4、添加Vector Paint效果

方法是首先在时间线窗口选中5个图片层，引入特效Effect->Paint->Vector Paint，这样为每个层描绘遮罩蒙版，在该实例中我们把遮罩蒙版与源图层相叠加，使源图层只从遮罩蒙版中显示出来，从而表现出动画效果。

5、对第1层的Vector Paint特效进行设置

1)、为了不影响其他层，锁定其他4层。如图5所示。

图5 锁定第2层到第5层

2)、设置方法

首先设置Brush（刷子）的半径为30，比图片的宽度略为宽些，按照红色图片的笔画顺序描绘遮罩蒙版。如图6所示。

图6 描绘遮罩蒙版

注意：

A、Playback Mode（回放模式）改为Animate Strokes，这样将实时回放线段的绘制过程，包括绘制中的停顿与快慢；

B、Composite Paint（与源图层叠加的方式）选择As Mate模式，即将笔画作为遮罩蒙版；

C、在绘制中，不要停顿，速度适中，一气呵成。

6、对第2层—第5层的Vector Paint特效进行设置

遮罩蒙版的描绘方法同上。

需要注意的是：

1)、注意锁定不需要设置的图层，比如要在第2层描绘遮罩蒙版，那么就要把第1层、第3层—第5层锁定，这样第2层描绘的遮罩蒙版不会影响到其他层，从而避免笔画交错的地方发生穿帮现象；

2)、画完以后，一定记住要设置Playback Mode为Animate Strokes，Composite Paint选择As Mate模式；

3)、在时间线上拖动第2层—第5层的起点，原则是使下一层的起始点紧挨着上一层的结束点，如图7所示。

图7 时间线上图层的起始时间的调节

7、运行程序预览效果，可以观察到动画效果，如果对遮罩蒙版的描绘不满意，正确的方法应当是删除Vector Paint特效，重新添加Vector Paint特效描绘遮罩蒙版。

三、创建文字

1、建立合成文件COMP2，大小设置同COMP1，只是时间长度Duration（持续时间）要设置为45S；

2、把COMP1合成文件拖入到COMP2的时间线窗口中，作为图层。

我们把图层的Position（位置）和Scale（放大倍数）设置为关键帧，关键帧值的设置如下表所示。

3、创建文字

1)、调整时间点到0：0：32：06秒，点击系统文字工具，输入“Beijing,I am coming”，文字的设置如图8所示。

图8 文字的设置

2)、文字的动态效果设置

在After Effect6.5中内置了许多文字动态效果，我们可以充分利用这些内置文字特效。方法是先点选文字层，选择主菜单Animation->Apply Animation Preset，在系统预先设置的效果中，选择Slow Fade On ，就可以实现文字的直线淡入动态效果。

最后一步，就是渲染输出了。

4、渲染输出

1)、在正式渲染输出之前，可以对效果进行预览。在“Composition“菜单中选择“Preview->RAM Preview”；

2)、“Composition“菜单中选择“Make Movie”，进入“Render Queue”，可以进行渲染质量设置。