基本关键帧动画(18)

第三章基本关键帧动画本章学习目标本章通过实例的形式介绍了AfterEffects中固态层参数使用，基本关键帧动画的制作，对于素材文件的导入进行说明，同时对TheSmooth（光滑）面板、MotionSketch（运动勾画）面板和TheWiggle（振动）面板使用进行了实际操作讲解。本章学习目标是AfterEffects中固态层的使用，基本关键帧动画的制作、素材文件的导入以及TheSmooth（光滑）面板、MotionSketch（运动勾画）面板和TheWiggle（振动）面板的使用。本章学习要点1、AE中固态层的使用。2、AE中基本关键帧动画的制作。3、不同格式素材的导入AE中的使用。4、TheSmooth（光滑）面板的使用。5、MotionSketch（运动勾画）面板的使用。6、TheWiggle（振动）面板的使用。3.1例3-1：文字淡入动画效果本实例介绍了在AE中如何使用psd格式文件，动画层关键帧的复制和粘贴，多个层的同时操作，层素材入点、出点的控制。1、在photoshop中制作分层的文字。其尺寸为400*100像素，如图3-1-1所示，每个文字作为一个单独的层，制作完成后将其存储为psd格式的文件，命名为“layer”。图3-1-1photoshop中制作的文字2、将layer.psd图像文件在AE中作为合成文件打开。打开AE7.0双击Project（项目）面板上的空白区域，出现导入文件对话框，在配套光盘中找到“layer.psd”文件，选择，并修改ImportAs（导入作为）选项参数为Composition-CroppedLayers（合成-裁切层）如图3-1-2所示，将psd图像格式的层作为AE中Composition（合成）的层导入到AE中进行编辑。导入后在项目面板中出现一个名为“layer”的文件，如图3-1-3所示。附：AE7.0可以将photoshop的psd文件直接当作Composition（合成）文件打开。图3-1-2psd文件导入设置图3-1-3项目面板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个关键帧提示：层的基本动画属性包括AnchorPoint（中心点）、Position（位置）、Scale（缩放）、Rotation（旋转）、Opacity（不透明）5种。将红色时间线指针移动到第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（时间线）面板最下面的（ExpandorCollapsetheIn/Out/Duration/Stretchpanes）按钮，显示图层的入点、出点、持续时间长度、拉伸状况，如图3-1-10所示。提示：Copy（拷贝）命令的快捷键是“Ctrl+C”。注意：在AE中同时选中2个以上的相邻图层，还可以先按住键盘上的Shift键，先单击要选择多个图层最上面层，再单击要选择图层最下面层，也可以将相邻多层同时选中。提示：Paste（粘贴）命令的快捷键是“Ctrl+V”。图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所示。再点击（ExpandorCollapsetheIn/Out/Duration/Stretchpanes）按钮，将精确时间调整关闭，可以看到效果如图3-1-12所示。这种输入数值调整入点的方式很精确，用户还可以用鼠标左键按住并拖动蓝色片段条的方式来调整图层素材的入点，但这样地调整不精确。文字淡入效果制作完成，动画效果截图如图3-1-13所示。图3-1-11调整图层入点图3-1-12调整图层入点后Timeline（时间线）面板显示效果图3-1-13文字动画淡入效果3.2例3-2：制作海豚游动的动画效果使用实例来介绍AE7.0中TheSmooth（光滑）面板和MotionSketch（运动勾画）面板的使用方法。1、导入动画素材。素材是一段长度为10帧TGA动画序列，打开AE7.0双击Project（项目）面板上的空白区域，出现导入文件对话框，打开素材光盘上的dolphin文件夹，其中有10张TGA图片，选中其中第一张图片w01.tga，并把导入文件对话框下方的TargaSequence（TGA序列）复选框勾选，如图3-2-1所示。点击打开按钮，出现对话框，如图3-2-2所示，这是软件检测到导入的图像序列带有Alpha（透明）通道信息要求用户对通道信息进行设置，这里可以用软件默认的设置直接点击确认按钮导入动画。这样可以将10张图片作为一个连续的动画导入到AE中，每张图片被认为是1帧。素材导入到Project（项目）面板中，用户可以看到是一段海豚游泳的动画同时其动画参数也能显示，如图3-2-3所示。图3-2-1导入TGA动画序列图3-2-2TGA动画序列通道设置对话框图3-2-3素材导入到Project（项目）面板中2、将海豚游泳动画时间延长到5秒。导入的图片只有10张，也就是现在海豚游泳的动画时间长度只有10帧，使用在合成中复制的方式可以将动画时间延长。点击项目面板下方的CreatanewCompsition（建立新合成）按钮，出现CompsitionSettings（合成设置）对话框，参数设置如图3-2-4所示。合成命名为“海豚”，其长和宽都设置为60与TGA图片序列的长和宽相同，合成的时间长度定为5秒。图3-2-4“海豚”合成的参数设置将海豚游泳的动画素材“w[1-10].tga”从项目面板中拖动到新建好的合成“海豚”的时间线上，如图3-2-5所示。选中动画素材使用Edit菜单中的Duplicate（复制一次）命令，复制出一段新的素材，如图3-2-6所示。图3-2-5动画素材拖动到时间线上附：建立新合成还可以点击Compsition菜单下的NewCompsition命令，此命令的快捷键是“Ctrl+N”。附：Duplicate（复制一次）命令的快捷键是“Ctrl+D”。图3-2-6将动画素材复制一次将复制的素材的入点移动至原始素材出点处，此时动画就增长了10帧，如图3-2-7所示。按照同样的方法把“w[1-10].tga”多复制一些，移动素材在时间线上的位置，将动画素材增长到5秒，如图3-2-8所示。图3-2-7将动画素材增长10帧图3-2-8将动画素材增长到5秒3、使用MotionSketch(运动勾画)面板制作海豚在场景中游动。新建合成，命名“海底”，将此合成的长和宽设置为480和320。导入一张静态背景“background.jpg”（在素材光盘中）到Project（项目）面板中，把它拖动到“海底”合成的时间线上。再将“海豚”合成也拖动到“海底”合成的时间线上其层位置在静态背景“background.jpg”之上，如图3-2-9所示。在时间线上选择海豚层将它拖动到场景中左侧偏下的位置上，如图3-2-10是Composition（合成）窗口预览效果。注意：在AE中合成是可以嵌套使用的。图3-2-9“海豚”合成拖动到静态背景“background.jpg”之上图3-2-10合成窗口预览效果选中海豚层，可以看到MotionSketch(运动勾画)面板中的StartCapture（开始捕捉）按钮被激活，如图3-2-11所示。图3-2-11MotionSketch(运动勾画)面板按下StartCapture（开始捕捉）按钮，光标形状变成十字状，将光标移动到Composition（合成）窗口中，在海豚动画层上按住鼠标左键不放，移动鼠标，可以发现海豚动画层跟随光标移动，如图3-2-12所示。此时软件开始记录光标（也可认为是海豚动画层）移动的路径，红色时间线指针也开始移动，直到时间线指针走完“海底”合成设置的5秒时间，运动记录停止，这样海豚动画层就被记录了位置关键帧信息，如图3-2-13所示。播放动画，海豚动画层就会按刚才鼠标勾画的路径运动。注意：如果此时软件面板中没有显示出MotionSketch(运动勾画)面板，可以在Window菜单下找到相应的MotionSketch命令，点击打开MotionSketch面板。提示：运动记录过程中如果MotionSketch(运动勾画)面板中的Background（背景）复选框未被勾选，则不显示背景。Wireframe（线框）复选框被勾选，则被运动记录对象在记录过程中以线框形式显示，如图3-2-14所示。图3-2-12运动记录图3-2-13位置关键帧信息图3-2-14位置关键帧记录过程4、使用TheSmooth（光滑）面板将减少关键帧点。将时间线上海豚层的Transform（变化）信息展开，如图3-2-15所示，其运动位置关键帧点有很多。图3-2-15位置关键帧点点击时间线面板左侧的Position（位置）选项，将海豚动画层的所有关键帧选中，如图3-2-16所示。这时候的TheSmooth（光滑）面板被激活，如图3-2-17所示。将TheSmooth（光滑）面板中的Tolerance（容差）设置为6，点击Apply（应用）按钮，海豚动画层的关键帧点减少，如图3-2-18所示。并且剩下的关键帧点自动使用贝兹点描述，使得其运动路径形状变化不大，如图3-2-19所示。Tolerance（容差）设置越大，关键帧点减少越多。注意：如果此时软件面板中没有显示出TheSmooth（光滑）面板，可以在Window菜单下找到相应的TheSmooth命令，点击打开TheSmooth面板。注意：CaptureSpeedat（捕捉速度选择）指定记录的速度与路径勾画的速度在回放动画时的比值。其值高于100%则回放的速度比勾画的速度快，其值低于100%则回放的速度比勾画的速度慢。图3-2-16选取位置关键帧点图3-2-17The