在 After Effects 中制作修剪路径(Trim Path)动画的核心是为形状图层添加该属性并对“起点”与“终点”值(如从 0% 到 100%)设置关键帧,若需规避复杂的图层组设置,可使用万兴喵影作为包含实时预览和简易工作流的替代方案。
● AE 前提条件与局限性:修剪路径严格限制仅对形状图层生效(不支持蒙版、纯色或图像图层),且在时间轴中必须拖动放置于与目标形状完全相同的组层级内部,否则关键帧无法产生任何动画效果。
● 动作序列与效果优化:基础的百分比起止关键帧会产生生硬的匀速移动,必须通过选中时间轴中的关键帧并右键应用“缓入缓出”功能,才能使线条绘制的开始与结束过渡变得平滑流畅。
● 工具差异与适用场景:针对旅行地图等需要物体沿线条移动的动画,AE 需要手动处理图标位置的关键帧或进行复杂的路径链接,而万兴喵影提供“路径跟随”选项可直接一键绑定物体,更适合需要快速产出而无需深入学习技术逻辑的用户。
问问AI
当您想在 After Effects 中为线条、形状或轮廓添加动画时,您需要了解如何添加和使用修剪路径(Trim Path)。该工具用于控制描边的出现、消失或沿路径移动的方式,常见于动态图形视频中的Logo 动画或地图路线。
如果您在理解或设置After Effects 修剪路径时遇到困难,我们下面的教程将简化操作步骤,甚至提供一个可能更适合您的更简单的解决方案。

第 1 部分:如何在 After Effects 中使用修剪路径
要在 After Effects 中添加修剪路径,让我们先从基础开始。在本示例中,我们将创建一个简单的线条动画,使其在屏幕上从一个点自动绘制到另一个点。

如何在 After Effects 中添加修剪路径
首先,创建一个新合成,然后添加一个形状图层。之后,您可以先创建想要添加动画的形状。
- 如果您想绘制自定义路径或线条,请从工具栏中选择并使用钢笔工具。您将拥有完全的控制权来创建任何形状或方向的动画。
- 如果您更喜欢使用基本形状,请选择形状工具并选择您想要的形状,例如圆形、矩形或多边形。

在画布上绘制线条或形状以创建您要添加动画的路径。确保描边可见,以便线条清晰显示。如果您不需要形状内部有任何颜色,可以通过点击填充图标并选择"无"来关闭填充。

选中形状图层后,在时间轴面板中打开"Contents"旁边的添加菜单,然后选择修剪路径。

如果操作正确,您将看到图层内容下方出现一个新的"Trim Paths"图层。
现在,打开修剪路径图层设置。您会看到两个滑块:Start(起点)和 End(终点)。它们控制路径的可见程度。要使线条自动绘制:
- 将 Start 值设置为 0%
- 将 End 值设置为 0% 并点击关键帧图标。

将播放头向前移动,并将 End 值从 0% 更改为 100%。播放时,您的线条或形状将在屏幕上平滑绘制。要使其消失,您可以倒放这些值。

提示:如果您想自定义线条或形状,可以在时间轴上打开形状图层设置,在那里您可以调整描边宽度、颜色和端点样式,甚至微调路径点以优化外观。

如何在 After Effects 中制作更平滑的修剪路径
在 After Effects 中创建基本的修剪路径动画后,您可能会注意到线条以恒定速度移动。如果您想让它移动得更平滑,可以借助关键帧助手来实现。
- 在时间轴中,高亮选中您为修剪路径创建的关键帧(例如 End 属性)。
- 右键点击选中的关键帧,然后前往关键帧助手 > 缓动。它将平滑动画的开始和结束,使其感觉更加流畅。

第 2 部分:修剪路径不起作用时的快速修复方法
如果您已按照在 After Effects 中使用修剪路径的所有步骤操作,但似乎没有任何动画效果,您可能遇到了一些设置问题。修剪路径对图层和路径的结构方式很敏感。您可以尝试以下几种解决方案,看看是否能解决您的问题。
1. 修剪路径未用于形状图层

修剪路径仅适用于形状图层,不适用于遮罩或导入的图形。如果您不小心将其应用于遮罩路径,它将不会产生动画效果。因此,您需要确保路径位于形状图层内,而不是纯色层或图像层。
如果您误画了遮罩,请复制遮罩路径(Ctrl/Cmd + C)并粘贴(Ctrl/Cmd + V)到新的形状图层路径中。然后在 After Effects 中重新应用修剪路径。
2. 修剪路径放置在组外

修剪路径还需要放置在与您要添加动画的形状相同的组内。如果它位于该组之外,即使您已正确设置了所有关键帧,它也不会产生任何效果。
如果您不确定如何检查:
- 在时间轴面板中,展开您的形状图层。
- 确保修剪路径嵌套在与您的形状相同的组下(例如,Contents > Shape 1 > Trim Paths 1)。
如果您看到修剪路径直接位于 Contents 下方,而您的形状位于 Shape 1 内,只需将修剪路径拖入该组即可。
第 3 部分:无需复杂设置的更简单修剪路径解决方案
修剪路径并非只能在 After Effects 等专业工具中使用。如果您需要制作线条或描边动画,但觉得 After Effects 中的修剪路径过于复杂,您可以使用万兴喵影轻松创建类似的路径动画。
万兴喵影的钢笔工具和绘画工具让您可以直接在视频编辑器中绘制自定义路径、线条或形状。然后,如果您想让描边动起来,可以使用修剪路径功能。与 After Effects 相比,工作流程要简单得多,实时预览功能让您在编辑时即可看到每一处更改。

万兴喵影钢笔工具的功能
轻松自由绘制自定义路径和形状
当您开始设计时,万兴喵影中的钢笔工具(位于绘画工具下)让您可以自由绘制自定义路径,无论是直线还是曲线。您可以调整每个细节,如粗细、颜色和透明度,甚至可以从内置预设中选择,为描边即时添加发光和样式效果。

通过实时预览为描边和元素添加动画
路径就位后,如果您想让描边沿线条平滑运动,请调整修剪路径设置。在编辑过程中,您可以微调并即时预览结果,无需事先处理复杂的关键帧。然后,您还可以绑定对象使其沿路径移动,只需几次点击即可完成。
如何在万兴喵影中使用修剪路径
在万兴喵影中开始一个新项目,然后选择绘画工具并选择涂抹选取来开始您的自定义路径。

在预览窗口的任意位置点击开始绘制。然后,点击另一个点创建一条直线。如果您想创建曲线,请在释放鼠标前按住并拖动以塑造线条形状。

按下键盘上的Esc键完成路径并退出绘制模式。
绘制完成后,通过调整锚点来优化路径。然后,您可以在右侧属性面板的描边 > 特效下为路径设置样式,例如:
- 应用内置预设,如发光、火焰等。
- 调整线条粗细。
- 更改描边颜色。
- 添加背景虚化以获得更柔和的边缘。
- 修改端点和连接样式。

要为线条添加动画,请前往修剪路径选项,然后按照以下步骤操作:
- 将播放头移动到时间轴的起始位置,将"起始"值设置为 0%,将"结束"点设置为 0%,并在"结束"点添加一个关键帧。

- 将播放头移动到您希望动画结束的位置,将"结束"值设置为 100%,并在"结束"点添加另一个关键帧。

如果您想制作倒放动画,请交换关键帧:在起始位置将"结束"值设置为 100%,在末尾位置设置为 0%。
提示:绑定对象沿路径运动

如果您想绑定一个对象沿路径运动,可以使用"路径跟随"功能。对于对象,您可以使用可用的预设之一、从电脑导入,或从时间轴中选择。点击应用以保存更改。

第 4 部分:修剪路径的常见用例
修剪路径是创建任何基于线条的动态效果所需的工具。现在您已经学会了如何在 After Effects 和万兴喵影中使用它,可以开始尝试并将其应用到您的项目中。
| 用例 | AE | 万兴喵影 | 备注 |
| Logo 或图标动画 | 绘制形状图层路径,应用修剪路径修改器,并对"起始"/"结束"值添加关键帧 | 使用钢笔工具/涂抹选取工具绘制自定义路径,并激活修剪路径工具 | 非常适合创建简洁的Logo 演绎或极简动态片头 |
| 手写效果 | 使用钢笔工具绘制文字/签名,在描边上应用修剪路径 | 使用内置的标题动画模板,或使用钢笔工具绘制自定义线条 | 非常适合签名或个人品牌特效 |
| 路径或旅行路线动画 | 使用钢笔工具绘制地图路线,通过修剪路径制作动画,然后手动为图标的位置添加关键帧/绑定到路径 | 绘制路径,使用修剪路径工具,并选择绑定对象(图标)沿路径运动的选项 | 非常适合旅行和 Vlog 视频 |
| 圆形或进度动画 | 创建一个圆形形状图层,应用修剪路径,并将"结束"值动画设置为 100% | 添加圆形形状,调整外观,并设置修剪路径参数。 | 简单的 UI 或信息图动画 |
结论
如果您正在学习动态设计,在 After Effects 中使用修剪路径是您首先应该掌握的技能之一。当您处理线条动画、Logo 或形状轮廓时,它尤其有用。您可以用它让描边自动绘制、展示文字,或为您的设计创建流畅的基于路径的动态效果。
即使您觉得 After Effects 中的修剪路径有些复杂,也可以从万兴喵影这样更简单的编辑器入手,实现相同的效果。万兴喵影的钢笔工具和修剪路径功能让您可以轻松绘制、制作动画和自定义路径,实时预览效果帮助您在创作过程中看到每一处调整。

