After Effect打造奥运太极五环动画效果

来源:岁月联盟 编辑:zhuzhu 时间:2008-04-02
After Effect打造奥运太极五环动画效果内容简介:动感逼真,栩栩如生,具有东方神韵的太极动画表达了中国人民对奥运成功举办的信心,Beijing,I am coming(北京,我来了!)表达全世界优秀青年对奥运盛会的期待和渴望。让我们先看看动画效果图。 动画效果图

  动感逼真,栩栩如生,具有东方神韵的太极动画表达了中国人民对奥运成功举办的信心,Beijing,I am coming(北京,我来了!)表达全世界优秀青年对奥运盛会的期待和渴望。让我们先看看动画效果图。


动画效果图

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

  一、创建素材

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

AfterEffect打造奥运太极五环动画效果
图1 预先准备的素材

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

AfterEffect打造奥运太极五环动画效果
图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所示。

AfterEffect打造奥运太极五环动画效果(2)
图3 在AE中导入素材

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

AfterEffect打造奥运太极五环动画效果(2)
图4素材在时间线窗口中的排列

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

 

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

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

AfterEffect打造奥运太极五环动画效果(2)
图5 锁定第2层到第5层

  2)、设置方法
  首先设置Brush(刷子)的半径为30,比图片的宽度略为宽些,按照红色图片的笔画顺序描绘遮罩蒙版。如图6所示。

AfterEffect打造奥运太极五环动画效果(2)
图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所示。

AfterEffect打造奥运太极五环动画效果(3)
图7 时间线上图层的起始时间的调节

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

 

  三、创建文字

  1、建立合成文件COMP2,大小设置同COMP1,只是时间长度Duration(持续时间)要设置为45S;
  2、把COMP1合成文件拖入到COMP2的时间线窗口中,作为图层。
  我们把图层的Position(位置)和Scale(放大倍数)设置为关键帧,关键帧值的设置如下表所示。

AfterEffect打造奥运太极五环动画效果(3)

  3、创建文字

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

AfterEffect打造奥运太极五环动画效果(3)
图8 文字的设置

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

  4、渲染输出
  1)、在正式渲染输出之前,可以对效果进行预览。在“Composition“菜单中选择“Preview->RAM Preview”;
  2)、“Composition“菜单中选择“Make Movie”,进入“Render Queue”,可以进行渲染质量设置。


动画效果图

图片内容