基本关键帧动画(18)

第三章基本关键帧动画本章学习目标本章通过实例的形式介绍了After Effects 中固态层参数使用，基本关键帧动画的制作，对于素材文件的导入进行说明，同时对The Smooth（光滑）面板、Motion Sketch（运动勾画）面板和The Wiggle（振动）面板使用进行了实际操作讲解。

本章学习目标是After Effects 中固态层的使用，基本关键帧动画的制作、素材文件的导入以及The Smooth（光滑）面板、Motion Sketch（运动勾画）面板和The Wiggle（振动）面板的使用。

本章学习要点1、AE中固态层的使用。

2、AE中基本关键帧动画的制作。

3、不同格式素材的导入AE中的使用。

4、The Smooth（光滑）面板的使用。

5、Motion Sketch（运动勾画）面板的使用。

6、The Wiggle（振动）面板的使用。

3.1 例3-1：文字淡入动画效果本实例介绍了在AE中如何使用psd格式文件，动画层关键帧的复制和粘贴，多个层的同时操作，层素材入点、出点的控制。

一个单独的层，制作完成后将其存储为psd格式的文件，命名为“layer”。

图3-1-1 photoshop中制作的文字2、将layer.psd图像文件在AE中作为合成文件打开。

打开AE 7.0双击Project（项目）面板上的空白区域，出现导入文件对话框，在配套光盘中找到“layer.psd”文件，选择，并修改ImportAs（导入作为）选项参数为Composition-Cropped Layers（合成-裁切层）如图3-1-2所示，将psd图像格式的层作为AE中Composition（合成）的层导入到AE中进行编辑。

导入后在项目面板中出现一个名为“layer”的文件，如图3-1-3所示。

图3-1-2 psd文件导入设置3、制作单独层淡入动画效果。

双击项目面板中的“layer”合成，在Timeline（时间线）面板和Composition（合成）面板都可以看到导入的素材，如图3-1-4所示，其层的设置与在photoshop中建立的图像文件是一样的。

图3-1-4 导入的“layer”合成效果选择“图层 1”，在Composition（合成）面板中可以看到“影”字被选中，如图3-1-4所示。

在Timeline（时间线）面板中点击“图层 1”前的白色三角符号，出现Transform（变化）选项，再点击Transform（变化）选项前的白色三角符号，出现了该层的动画属性，如图3-1-5所示。

图3-1-4 选择“图层 1”图3-1-5 “图层 1”的动画属性确认红色时间线指针在第0帧处。

点击Scale（缩放）选项前的小码表，记录关键帧，点击Scale （缩放）选项后的数值，将数值修改为150，点击Opacity（不透明）选项前的小码表，记录关键帧，点击Opacity（不透明）选项后的数值，将数值修改为0，如图3-1-6所示。

图3-1-6 设置“图层 1”的第1个关键帧将红色时间线指针移动到第20帧处。

修改Scale（缩放）选项的值为100，Opacity（不透明）选项的值为100，此时自动添加了关键帧，如图3-1-7所示。

拖动时间线观察，“影”字由大变小，淡入到场景中。

图3-1-7 设置“图层 1”的第2个关键帧4、将动画效果复制给其它层。

按住鼠标左键不放，在Timeline（时间线）面板的右侧框选中4个关键帧点，选中后关键帧点变成黄色，如图3-1-8所示。

点击Edit菜单下的Copy（拷贝）命令。

图3-1-8 选中“图层 1”的4个关键帧点在Timeline（时间线）面板中点击“图层 1”前的白色三角符号，将图层属性关闭。

先按住键盘上的Ctrl键，用鼠标点击“图层 2”、“图层 3”、“图层 4”、“图层 5”、“图层 6”，这样可以同时选中以上图层，如图3-1-9所示。

图3-1-9 选中除“图层 1”外的其它带有文字的图层再次确认红色时间线指针在第0帧处，如果没有在，可将其移动到第0帧处。

点击Edit菜单下的Paste（粘贴）命令。

这样“图层 1”的关键帧点也被复制到其它的层上，拖动时间线观察，其它层的文字也由大变小，淡入到场景中。

5、调整其它层文字出现的顺序。

点击Timeline（时间线）面板最下面的（Expand or Collapse the In/Out/Duration/Stretch panes）按钮，显示图层的入点、出点、持续时间长度、拉伸状况，如图3-1-10所示。

图3-1-10 显示图层的入点、出点、持续时间长度、拉伸状况将“图层 2”、“图层 3”、“图层 4”、“图层 5”、“图层 6”入点的值分别改成0:00:01:00、0:00:02:00、0:00:03:00、0:00:04:00、0:00:05:00、0:00:06:00，如图3-1-11所示。

再点击（Expand or Collapse the In/Out/Duration/Stretch panes）按钮，将精确时间调整关闭，可以看到效果如图3-1-12所示。

这种输入数值调整入点的方式很精确，用户还可以用鼠标左键按住并拖动蓝色片段条的方式来调整图层素材的入点，但这样地调整不精确。

文字淡入效果制作完成，动画效果截图如图3-1-13所示。

图3-1-11 调整图层入点图3-1-12 调整图层入点后Timeline（时间线）面板显示效果图3-1-13 文字动画淡入效果3.2 例3-2：制作海豚游动的动画效果使用实例来介绍AE 7.0中The Smooth（光滑）面板和Motion Sketch（运动勾画）面板的使用方法。

1、导入动画素材。

素材是一段长度为10帧TGA动画序列，打开AE 7.0双击Project（项目）面板上的空白区域，出现导入文件对话框，打开素材光盘上的dolphin文件夹，其中有10张TGA图片，选中其中第一张图片w01.tga，并把导入文件对话框下方的Targa Sequence（TGA序列）复选框勾选，如图3-2-1所示。

点击打开按钮，出现对话框，如图3-2-2所示，这是软件检测到导入的图像序列带有Alpha（透明）通道信息要求用户对通道信息进行设置，这里可以用软件默认的设置直接点击确认按钮导入动画。

这样可以将10张图片作为一个连续的动画导入到AE中，每张图片被认为是1帧。

素材导入到Project（项目）面板中，用户可以看到是一段海豚游泳的动画同时其动画参数也能显示，如图3-2-3所示。

图3-2-1 导入TGA动画序列图3-2-2 TGA动画序列通道设置对话框图3-2-3 素材导入到Project（项目）面板中2、将海豚游泳动画时间延长到5秒。

导入的图片只有10张，也就是现在海豚游泳的动画时间长度只有10帧，使用在合成中复制的方式可以将动画时间延长。

点击项目面板下方的Creat a new Compsition（建立新合成）按钮，出现Compsition Settings（合成设置）对话框，参数设置如图3-2-4所示。

合成命名为“海豚”，其长和宽都设置为60与TGA图片序列的长和宽相同，合成的时间长度定为5秒。

图3-2-4 “海豚”合成的参数设置将海豚游泳的动画素材“w[1-10].tga”从项目面板中拖动到新建好的合成“海豚”的时间线上，如图3-2-5所示。

选中动画素材使用Edit菜单中的Duplicate（复制一次）命令，复制出一段新的素材，如图3-2-6所示。

图3-2-5 动画素材拖动到时间线上图3-2-6 将动画素材复制一次将复制的素材的入点移动至原始素材出点处，此时动画就增长了10帧，如图3-2-7所示。

按照同样的方法把“w[1-10].tga”多复制一些，移动素材在时间线上的位置，将动画素材增长到5秒，如图3-2-8所示。

图3-2-7 将动画素材增长10帧图3-2-8 将动画素材增长到5秒3、使用Motion Sketch(运动勾画)面板制作海豚在场景中游动。

新建合成，命名“海底”，将此合成的长和宽设置为480和320。

导入一张静态背景“background.jpg”（在素材光盘中）到Array Project（项目）面板中，把它拖动到“海底”合成的时间线上。

再将“海豚”合成也拖动到“海底”合成的时间线上其层位置在静态背景“background.jpg”之上，如图3-2-9所示。

在时间线上选择海豚层将它拖动到场景中左侧偏下的位置上，如图3-2-10是Composition（合成）窗口预览效果。

图3-2-9 “海豚”合成拖动到静态背景“background.jpg”之上图3-2-10 合成窗口预览效果选中海豚层，可以看到Motion Sketch(运动勾画)面板中的Start Capture（开始捕捉）按钮被激活，如图3-2-11所示。

图3-2-11 Motion Sketch(运动勾画)面板按下Start Capture（开始捕捉）按钮，光标形状变成十字状，将光标移动到Composition（合成）窗口中，在海豚动画层上按住鼠标左键不放，移动鼠标，可以发现海豚动画层跟随光标移动，如图3-2-12所示。

此时软件开始记录光标（也可认为是海豚动画层）移动的路径，红色时间线指针也开始移动，直到时间线指针走完“海底”合成设置的5秒时间，运动记录停止，这样海豚动画层就被记录了位置关键帧信息，如图3-2-13所示。

播放动画，海豚动画层就会按刚才鼠标勾画的路径运动。

图3-2-12 运动记录图3-2-13 位置关键帧信息图3-2-14 位置关键帧记录过程4、使用The Smooth（光滑）面板将减少关键帧点。

将时间线上海豚层的Transform（变化）信息展开，如图3-2-15所示，其运动位置关键帧点有很多。

图3-2-15 位置关键帧点点击时间线面板左侧的Position（位置）选项，将海豚动画层的所有关键帧选中，如图3-2-16所示。

这时候的The Smooth（光滑）面板被激活，如图3-2-17所示。

将The Smooth（光滑）面板中的Tolerance（容差）设置为6，点击Apply（应用）按钮，海豚动画层的关键帧点减少，如图3-2-18所示。

并且剩下的关键帧点自动使用贝兹点描述，使得其运动路径形状变化不大，如图3-2-19所示。

Tolerance（容差）设置越大，关键帧点减少越多。

图3-2-16 选取位置关键帧点图3-2-17 The Smooth（光滑）面板图3-2-18 运功关键帧减少图3-2-19 关键帧点减少前后比较运动路径比较哦5、使海豚运动方向随路径变化。

点击Layer菜单下Transform命令中的Auto Orientation（自动方向）命令，出现Auto-Orientation（自动方向）对话框，如图3-2-20所示，选择Orient Along Path（使方向跟随路径）选项，海豚的运动方向则会跟随路径改变。