姜 子 博

引言

在数字媒体时代，动态图形和视觉效果在信息传播和表达中扮演着越来越重要的角色。After Effects 作为行业领先的软件，提供了丰富的工具和功能，帮助用户创作出令人惊叹的视觉作品。图钉工具和关键帧动画是 AE 中实现复杂动画效果的两大基石。

图钉工具 (Puppet Pin Tool)：允许用户通过在图层上放置“图钉”来控制图层的变形，模拟出逼真的有机动画效果，如肢体摆动、树叶飘动等。

关键帧动画 (Keyframe Animation)：通过在时间轴上设置关键帧，记录图层属性（如位置、缩放、旋转、透明度等）在不同时间点的值，AE 会自动生成中间的过渡动画。

一、图钉工具 (Puppet Pin Tool)

1.1 图钉工具的原理

图钉工具基于网格变形的原理。当用户在图层上放置图钉时，AE 会自动生成一个不可见的网格，将图层分割成多个三角形区域。每个图钉都作为网格的顶点，用户可以通过移动图钉来改变网格的形状，从而带动图层的变形。

使用图钉工具（快捷键：Ctrl+P）时，有如下高级功能：

网格密度调整：在“Puppet”菜单中，可以调整网格的密度，从而影响变形的精度和效果。网格密度越高，变形效果越细腻，但渲染时间会越长。

图钉的稳定性：通过调整图钉的稳定性（Stiffness），可以控制图钉之间的相互影响。稳定性越高，图钉之间的变形越小，图像的变形效果越“硬”；稳定性越低，图钉之间的变形越大，图像的变形效果越“软”。

图钉的扩展：在“Puppet”菜单中，可以启用“扩展”（Expansion）功能，使变形效果在图钉周围产生一定的扩展区域，从而实现更自然的变形效果。

图一  图钉高级功能

1.2 图钉工具的应用场景

图钉工具广泛应用于以下场景：

角色动画：模拟人物、动物等角色的行走、奔跑、跳跃等动作（低密度网格）。

布料模拟：模拟旗帜、窗帘、衣物等布料的飘动效果（高密度网格）。

生物动画：模拟植物生长、触手摆动等有机体的运动。

UI动效：如按钮形变、加载动画等。

特效变形：可用于制作物体的扭曲、波动等特效。

1.3 图钉的复制与链接

在复杂的动画项目中，用户可能需要对多个图钉进行相同的操作。AE提供了图钉的复制和链接功能，帮助用户快速应用相同的变形效果。

图钉复制：用户可以通过复制和粘贴图钉，快速将相同的变形效果应用到其他区域，按ALT键可拖动所选关键帧，这在处理对称角色或重复元素时尤为有用。

图钉链接：通过“图钉链接”功能，用户可以将多个图钉链接在一起，实现同步运动。这在处理角色的对称部位（如左右手臂）时非常有效，可以大大简化动画的制作过程。

1.4 图钉控制

1.4.1图钉深度控制

AE 允许调整图钉的Z 轴深度，适用于 3D 变形效果。

例如：

模拟 3D 角色的肢体前后移动。

1.4.2 图钉层级控制

允许用户调整不同图钉的前后顺序，用于模拟遮挡关系。

例如：

角色的手臂可以在身体前后切换，形成更真实的动画效果。

1.4.3图钉硬度控制

用于控制网格区域的刚性，防止某些部位过度变形。

适用于：

角色骨骼部分（如手臂、腿部） 需要保持一定硬度，而其他部位（如布料）可以自由变形。

UI 变形动画，防止按钮、面板变形过度。

1.5图钉动画与效果的结合

在AE中，图钉动画可以与其他效果（如“摇摆”效果、“弹性”效果等）结合使用，更高效实现动画效果。

摇摆效果：通过将摇摆效果应用到图钉上，用户可以实现角色肢体的自然摆动效果，适合模拟角色的行走或奔跑动画。

图二  用AutoSway制作的摆动

弹性效果：通过将弹性效果应用到图钉上，用户可以实现角色肢体的弹性运动效果，适合模拟角色的跳跃或弹跳动画。

1.6 结合表达式

图钉的位置可以通过表达式实现更复杂的动态效果，例如：

正弦波形变：

在图钉的位置属性上添加表达式：

value + [0, Math.sin(time * 2) * 20]

这会让图钉在Y轴上以正弦波的形式上下移动。

跟随其他图钉：

让图钉的位置跟随另一个图钉的移动：

thisComp.layer("图层名称").effect("变形")("图钉1").position

二、关键帧动画 (Keyframe Animation)

2.1 关键帧动画的概念

关键帧动画是 AE 中最基本的动画制作方法。它基于“关键帧”的概念：

1.关键帧的定义

关键帧是动画中的重要时间点，用于定义对象的属性（如位置、缩放、旋转、透明度等）在特定时刻的状态。

在AE中，关键帧通常以时间轴上的标记点表示，用户可以通过调整关键帧的数值和时间位置来控制动画效果。

2. 插值

AE通过插值算法计算关键帧之间的过渡效果，常见的插值类型包括：

线性插值：属性值以恒定速率变化，动画效果较为机械。

贝塞尔插值：通过控制手柄调整动画曲线的缓入缓出（Ease In/Ease Out），使动画更自然。

保持插值：属性值保持不变，直到下一个关键帧。

用户可以通过“关键帧速度图”和“值图”进一步调整动画的节奏和动态。

图三  速度编辑图表的贝塞尔插值

3.缓动

缓动是关键帧动画中常用的技术，用于模拟现实世界的物理运动（如加速度和减速度）。AE提供了“简单缓动”（Easy Ease）、“缓入”（Ease In）、“缓出”（Ease Out）等工具来快速应用缓动效果。

图四  速度编辑图表的缓动曲线

4. 表达式

AE支持使用JavaScript语言编写表达式，通过数学公式动态控制关键帧动画。例如，可以用表达式实现循环动画、随机运动或基于音频的动画。

另外，AE提供了多种工具来编辑关键帧动画，包括：

时间轴：时间轴用于显示动画的时间线和关键帧的位置。

关键帧编辑器：关键帧编辑器用于编辑关键帧的属性值。

图形编辑器：图形编辑器用于编辑动画的图形和形状。

5.关键帧动画的设置

要设置关键帧动画，动画师需要按照以下步骤操作：

1. 选择对象：选择要设置关键帧动画的对象。

2. 设置当前时间：设置当前时间到要设置关键帧的时间点。

3. 设置关键帧：点击“设置关键帧”按钮或按下Ctrl+Alt+K（Windows）或Command+Option+K（Mac）快捷键来设置关键帧。

4. 编辑关键帧：编辑关键帧的属性值，如位置、旋转、缩放等。

2.2 AE关键帧动画的应用

2.2.1 复杂动画设计：

路径动画：通过在图层上绘制路径（如使用钢笔工具），并将对象的运动绑定到路径上，实现复杂的轨迹动画。

时间重映射：通过调整时间轴的播放速度，实现平滑过渡、倒放或时间定格效果。也可以结合其他效果。 例如，可以结合运动模糊（Motion Blur）使快速运动的画面看起来更自然。

父子关系（Parenting）：通过将一个图层绑定到另一个图层（父图层），会保持相当关系，子图层会继承父级的位置、旋转、缩放、不透明度和瞄点，能简化动画。且AE有多层父子关系，可创建复杂层级结构。

2.2.2 动态图形：

利用关键帧动画结合形状图层、文本图层和效果，制作动态图形，如标题动画、数据可视化动画等。

AE的“图形编辑器”允许用户精细调整动画曲线，编辑动画的图形和形状，优化动态图形的节奏感。

2.2.3 与插件和脚本的结合：

插件如Trapcode Particular、Red Giant Universe等可以增强关键帧动画的视觉效果。

脚本（如Duik）可以自动化关键帧动画的创建过程，特别适用于人物角色运动动画。

图五  duik骨骼绑定制作人物运动

2.2.4 关键帧动画的优化技巧：

减少关键帧数量：过多的关键帧可能导致动画复杂且难以调整，尽量使用最少的关键帧实现效果。

利用预设：AE提供了大量动画预设，或者从网上下载，可以快速应用常见的关键帧动画效果。

备份与版本控制：在调整复杂动画时，定期保存以避免意外丢失。

调整关键帧速度：在菜单栏动画中的关键帧速度或者用快捷键CTRL+SHIFT+K，可对选中关键帧进行调整，是比在速度图表上拖动关键帧更精确的方式指定速度。

1.显示要调整的关键帧的速度图表。

2.选择要编辑的关键帧，然后选择动画 > 关键帧速度。

3.为传入速度和传出速度输入速度值。

4.输入影响值以指定对前一个关键帧（用于传入插值）或下一个关键帧（用于传出插值）的影响程度。

5.如果要通过使输入和输出速度相等来创建平滑过渡，请选择连续（锁定输入和输出）选项。

图六  关键帧速度调整

三、图钉与关键帧的实际应用

图钉工具与关键帧的配合在动画制作中有广泛的应用：

1. 角色动画：

使用图钉工具为角色的手臂、腿部或面部添加形变。

通过关键帧记录形变变化，创建自然的动作。

例如：简单的人物2D转3D、摆手、走路或眨眼变化。

2.物体形变：

使用图钉工具模拟物体的形变，例如布料摆动、绳子拉伸。

通过关键帧记录形变过程，创建动态效果。

例如：物理形变。

3. 自然运动：

使用图钉工具模拟自然界的形变，例如树枝摇晃、鱼尾摆动。

通过关键帧和表达式，增强运动的真实感。

例如：花开和枝叶摆动。

4. 特效制作：

使用图钉工具为特效元素添加形变，例如烟雾、火焰的动态变化。

通过关键帧控制形变的时间，增强特效的表现力。

例如：蘑菇云。

5. 文字动画：

使用图钉工具为文字添加形变，例如文字的扭曲、拉伸。

通过关键帧记录形变变化，创建独特的文字动画。

例如：文字扭转。

总结

AE的图钉与关键帧动画是一种强大的动画技术，通过图钉来改变图画形态，设置关键帧来控制动画的效果。同时，AE还提供了多种扩展知识来帮助动画师创建出更加流畅和逼真的动画效果。