第4章关键帧动画

第

4章

关键帧动画

学习目标

认识关键帧动画的原理及基本条件

掌握关键帧的基本操作

掌握空间关键帧差值与时间关键帧差值的设置方法

掌握属性变化曲线与速度变化曲线的工作原理及操作方法

掌握关键帧动画的辅助功能4.1认识关键帧动画

产生关键帧动画的基本条件有以下两个：

必须在不同的时间位置上设置关键帧，即至少两个关键帧才能产生动画。

关键帧的属性数值在不同时间位置上应该有变化，不同时间的相同关键帧数值也不能产生动画。4.2关键帧的基本操作4.2.1使用关键帧自动记录器关键帧自动记录器位于属性名称左侧，如下图所示。4.2.2添加关键帧1．建立初始关键帧2．继续添加关键帧添加关键帧的方法有以下两种：（1）将时间线指针移动到新的时间位置，在“Timeline”（时间线）窗口的属性栏中直接更改属性数值，此时时间线上将自动生成新的关键帧，如下图所示。（2）将时间线指针移动到新的时间位置，在“Timeline”（时间线）窗口左侧的关键帧面板中单击关键帧按钮（见下图鼠标所在位置），生成了新的关键帧，然后再更改属性栏中的参数数值，完成关键帧的设置，如下图所示。4.2.3修改关键帧修改关键帧有以下两种方法。（1）在所要编辑的关键帧上双击鼠标左键,在弹出的参数对话框内修改参数数值即可，如下图所示。（2）移动时间线指针到关键帧的所在位置，然后在该属性栏中修改参数数值即可，如下图所示。4.2.4跳转吸附关键帧

1．跳转关键帧在关键帧面板中单击“上一个”按钮或“下一个”按钮，使时间线指针跳转到临近的上一个关键帧或下一个关键帧，如下图所示。

2．吸附关键帧移动时间线指针的同时按住“Shift”键，时间线指针将自动吸附到临近位置的关键帧上。4.2.5选择关键帧1．选择单个关键帧2．选择多个关键帧操作方法：（1）若欲选择的关键帧较为集中，则可在“Timeline”（时间线）窗口中，拖曳鼠标左键画出一个选择框将欲选择的关键帧划入。（2）若欲选择的关键帧较为分散，则按住“Shift”键，在“Timeline”（时间线）窗口中逐一单击选择关键帧。（3）若所选关键帧为某一属性的全部关键帧，则可直接单击这个属性的名称，此时该属性栏中的所有关键帧均被选中，如下图所示。4.2.6移动关键帧4.2.7复制关键帧

复制关键帧的操作步骤如下。（1）选择需要复制的关键帧，可以是多个属性的数个关键帧，如下图所示。（2）选择“Edit”（编辑）>“Copy”（复制）命令或按组合键“Ctrl+C”进行复制。（3）再选中复制关键帧的目标层，将时间线指针放到新的时间位置，选择“Edit”（编辑）>“Paste”（粘贴）命令或使用组合键“Ctrl+V”完成粘贴，如下图所示。4.2.8删除关键帧1．删除单个或数个关键帧（1）选择所要删除的关键帧，选择“Edit”（编辑）>“Clear”（清除）命令即可完成删除。（2）选择所要删除的关键帧，按键盘“Delete”键完成删除。2．删除某个属性的所有关键帧（1）单击属性名称左侧的关键帧自动计时器，便可删除该属性栏的全部关键帧。（2）单击属性名称即可选择该属性的全部关键帧，按“Delete”键完成删除。4.3关键帧差值

从差值方式来说，关键帧的类型可划分为两大类：空间差值和时间差值。4.3.1“SpatialInterpolation”空间差值1．修改空间差值的关键帧的操作步骤（1）展开时间线窗口中的层列表，显示出欲修改的属性关键帧。（2）选择要修改的属性关键帧。（3）在选择的关键帧上单击鼠标右键，在弹出的快捷菜单中选择“KeyframeInterpolation”（关键帧差值）命令或者选择“Animation”（动画）>“KeyframeInterpolation”（关键帧差值）命令，弹出“KeyframeInterpolation”（关键帧差值）对话框，如右图所示。以下步骤详见P92。2．空间差值的四种运算方式（1）“Linear”（线性）。其运动路径表现为直线与直线构成的角，变化节奏比较强，且运动路径中没有调节手柄，如下图所示。以下步骤详见P93。4.3.2“TemporalInterpolation”时间差值1．修改关键帧时间差值的操作步骤（1）展开时间线窗口中的层列表，显示出欲修改的关键帧。（2）选择欲修改的关键帧。（3）在此关键帧上单击鼠标右键，在弹出的快捷菜单中选择“KeyframeInterpolation”（关键帧差值）命令或者选择“Animation”（动画）>“KeyframeInterpolation”（关键帧差值）命令。弹出“KeyframeInterpolation”（关键帧差值）对话框，如右图所示。以下步骤详见P94。2．时间差值的五种运算方式（1）“Linear”（线型运动）：匀速动画方式。（2）“Bezier”（贝塞尔型运动）：自由调节速度变化方式

，分别调整关键帧入速度与出速度。（3）“ContinuousBezier”（连续贝塞尔）：速度调节方式，同时调整关键帧入速度与出速度。（4）“AutoBezier”（自动贝塞尔）：用调整曲线形态来控制运动速度。（5）“Hold”（静止）：关键帧之间没有过渡变化，实现突变效果。3．关键帧形态（1）“Linear”（线性）入，“Linear”（线性）出。（2）“Linear”（线性）入，“Hold”（静止）出。（3）“Linear”（线性）入，“Bezier”（贝赛尔）出。（4）“Hold”（静止）方式。（5）“AutoBezier”（自动贝塞尔）方式。（6）“Bezier”（贝赛尔）入，“Bezier”（贝赛尔）出。（7）“Bezier”（贝赛尔）入，“Linear”（线性）出。（8）“Bezier”（贝赛尔）入，“Hold”（静止）出。4.4动画曲线编辑器4.4.1开启动画曲线编辑器

单击时间线窗口上方的“动画曲线编辑器”按钮，即可开启“GraphEditor”动画曲线编辑器，此时时间线窗口将切换为由横纵坐标组成的坐标图，显示当前属性的关键帧曲线，如下图所示4.4.2使用动画曲线编辑器1．选择显示在曲线编辑器中的属性在编辑器底部的快捷操作按钮中单击“显示”按钮，在弹出的快捷菜单中选择需显示的属性曲线，如下图所示。

快捷菜单的命令如下。“ShowSelectedProperties”：显示被选择的属性运动

曲线。

“ShowAnimatedProperties”：显示所有的动画的属性运动曲线。

“ShowGraphEditorProperties”：显示编辑器打开状态下的属性运动曲线。2．选择动画曲线编辑器的显示方式在编辑器底部的快捷操作按钮中单击“选择图表类型和选项”按钮，在弹出的快捷菜单中选择动画曲线编辑器的显示方式，如左图所示。

快捷菜单中部分命令的说明如下。

“Auto-SelectGraphType”：依据参数自动选择图表曲线的类型。

“EditValueGraph”：编辑数值曲线，曲线横坐标显示当前选择的参数的数值变化。如右图所示。以下命令详见教材P97。3．选择吸附动画曲线编辑器的关键帧（具体操作详见教材P98。）（1）使用关键帧编辑框选择多个关键帧。①单击“GraphEditor”动画曲线编辑器视图的底部按钮，激活关键帧编辑框。②回到编辑器视图中拖曳鼠标左键将多个关键帧放到一个编辑框中即可，如下图所示。4．调整动画曲线编辑器视图（详见教材P99。）5．更改时间差值的运算方式（详见教材P99。）“Editselectedkeyframes”（编辑关键帧）：相当于在关键帧上单击右键，可从弹出的窗口中选择编辑关键帧的内容。

“ConvertselectedkeyframestoHold”（转化关键帧为静态）：将关键帧转化为Hold（静态）方式，如左图所示。6．使关键帧的速度平稳（详见教材P100。）“EasyEase”（平缓进出）：使关键帧进入和离开时，速度平缓。也可使用快捷键“F9”完成，如右图所示。4.4.3分析“ValueGraphs”和“SpeedGraphs”1．“ValueGraphs”“ValueGraphs”（属性值变化曲线）反映属性值变化的趋势。向上延伸表示属性值的增大，向下延伸表示属性值的减小，水平延伸表示属性值无变化。斜线呈平缓状态表示属性值变化幅度小，斜线呈陡峭状态表示属性值变化幅度大，弧线表示属性值加速或是减速变化，如下图所示。2．“SpeedGraphs”“SpeedGraphs”（速度变化曲线）反映属性变化的速度。水平直线表示匀速运动，曲线则表示变速运动，向上的斜线表示加速运动，向下的斜线表示减速运动，如下图所示。4.5动画辅助功能4.5.1“Roving”匀速运动“Roving”（匀速）功能的操作步骤如下。（1）选择某属性的一段关键帧，首尾位置的关键帧除外，如在6个关键帧的区间内创建匀速运动，此时，要选择2～5这四个关键帧，如下图所示。以下步骤详见P102。4.5.2修改路径动画修改路径动画的操作步骤如下。（1）在“Tools”（工具）面板中选择“PenTool”（钢笔工具）

。（2）在合成窗口中移动“PenTool”到的动画路径上，单击鼠标左键添加路径节点。（3）在“Tools”面板中选择“SelectionTool”（选取工具）

。（4）在合成窗口中移动刚才添加的关键帧，调整路径，如下图所示。4.5.3“MotionSketch”运动草图

运动草图的操作步骤如下。（1）选择需要创建运动的层。（2）在时间线窗口中设置运动的时间区域，即工作区的设置，可使用“B”、“N”快捷键选择起始位置和结束位置。（3）选择“Windows”（窗口）>“MotionSketch”（运动草图）命令，在弹出的“MotionSketch”（运动草图）对话框中对草图速度、平滑度、显示、时间等进行设置，如右图所示。以下步骤详见P103。4.5.4“Smoother”关键帧平滑

关键帧平滑操作步骤如下。（1）选择某属性的两个以上关键帧。（2）单击菜单“Windows”（

窗口）>“Smoother”（

平滑）

命令，

在弹出的“Smoother”对话框中对平滑操作的参数进行设置，如右图所示。（3）完成“Smoother”（平滑）对话框设置，单击“Apply”（应用）按钮。按小键盘“0”键预览动画效果，如下图所示。4.5.5“Wiggler”关键帧抖动

关键帧抖动的操作步骤如下。（1）选择某属性的两个关键帧，如下图所示。（2）选择“Windows”（窗口）>“Wiggler”（抖动）命令，在弹出的“Wiggler”（抖动）对话框中进行参数设置，如右图所示。以下步骤详见P105。4.5.6“Auto-Orientation”自动定向

“Auto-Orientation”自动定向的操作步骤如下。（1）在时间线中选中目标层。（2）选择“Layer”（层）>“Transform”（变换）>“Auto-Orientation”（自动定向）命令，弹出“Auto-Orientation”（自动定向）对话框。（3）在“Auto-Orientation”（自动定向）面板中单击选择“OrientAlongPath”（沿运动路径自定向）选项，再单击“OK”按钮完成设置，如左图所示。（4）按小键盘“0”键预览动画效果。可以观察到层的旋转运动将自动与路径运动匹配，如右图所示。4.5.7“Time-ReserveKeyframes”关键帧时间反转

关键帧反转的操作步骤如下。（1）在时间线窗口中选择需要进行反转的关键帧。（2）选择“Animation”（动画）>“KeyframeAssistant”（关键帧辅助）>“Time-ReserveKeyframes”（关键帧时间反转）命令，即可实现关键帧时间反转，如下图所示。4.6速度调节4.6.1“TimeStretch”时间伸缩

时间伸缩的操作步骤如下。（1）在时间线窗口中选择所要进行调速的关键帧。（2）选择“Layer”（层）>“Time”（时间）>“TimeStretch”（时间伸缩）命令，在弹出的“TimeStretch”（时间伸缩）对话框中设置参数，如下图所示。以下步骤详见P108。4.6.2“FreezeFrame”帧时间冻结

帧时间冻结的操作步骤如下。（1）在时间线窗口中选择欲冻结的关键帧。（2）选择“Layer”（层）>“Time”（时间）>“FreezeFrame”（帧时间冻结）命令即可，如下图所示。（3）此时播放画面变为这一帧的静止画面，按小键盘“0”键预览动画效果。4.6.3“EnableTimeRemapping”时间重映射

时间重映射的操作步骤如下。（1）选择时间线窗口中欲调整的层。（2）选择“Layer”（层）>“Time”（时间）>“EnableTimeRemapping”（时间重映射）命令，此时关键帧编辑器中出现“TimeRemap”（时间重映射）属性框，并在所选层的入点和出点自动添加两个关键帧，位置分别为“0”s处和层结束时间处，如下图所示。以下步骤详见P109。4.7实战案例——行驶的汽车

学习目的利用本章所学习的关键帧动画及技巧制作一个的关键帧变速动画。

重点难点＞

掌握关键帧的基本操作＞

掌握空间关键帧差值与