当你想要在 After Effects 中为线条、形状或轮廓添加动画效果时,你需要了解如何添加和使用修剪路径(Trim Path)。这个工具用于控制描边如何显现、消失或沿着路径移动,常见于Logo 动画 or 地图路线等运动图形视频中。
如果你在理解或设置After Effects 修剪路径时遇到困难,我们下面的教程将简化操作步骤,甚至提供一个可能更适合你的简单解决方案。

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

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

在画布上绘制线条或形状,创建你要制作动画的路径。确保描边可见,这样线条才能清晰显示。如果你不需要形状内部的颜色,可以点击填充图标并选择"无"来关闭填充。

选中你的形状图层后,打开时间轴面板中"内容"旁边的添加菜单,选择修剪路径.

。
设置起点和终点并制作路径动画
- 现在,打开修剪路径图层设置。你会看到两个滑块:起点和终点。它们控制路径可见的程度。要让线条自己绘制出来:
- 将起点值设置为 0%

将终点值设置为 0% 并点击关键帧图标。

向前移动播放头,将终点值从 0% 改为 100%。当你回放时,线条或形状将在屏幕上平滑地绘制出来。要让它消失,你可以反向设置这些值。提示:如果你想自定义线条或形状,可以在时间轴上打开形状图层

设置,在那里可以调整描边宽度、颜色和端点样式,甚至微调路径点来完善外观。
如何在 After Effects 中制作更平滑的修剪路径
- 在 After Effects 中创建基本的修剪路径动画后,你可能会注意到线条以恒定速度移动。如果你想让它移动得更平滑,可以借助关键帧助手的帮助。
- 在时间轴中,高亮显示你为修剪路径创建的关键帧(例如终点属性)。右键点击选中的关键帧,进入关键帧助手 > 缓入缓出

。这将平滑动画的开始和结束,使其感觉更流畅。
第二部分:修剪路径不起作用时的快速修复方法
如果你已经按照所有步骤操作如何在 After Effects 中使用修剪路径,但似乎没有任何动画效果,你可能遇到了一些设置问题。修剪路径对图层和路径的结构设置很敏感。你可以在这里尝试几个解决方案,看看是否能解决你的问题。

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

2. 修剪路径放置在组外
修剪路径还需要放置在与要制作动画的形状相同的组内。如果它位于该组之外,即使你正确设置了所有关键帧,它也不会产生任何效果。
- 如果你不确定如何检查:
- 在时间轴面板中,展开你的形状图层。
确保修剪路径嵌套在与形状相同的组下(例如,内容 > 形状 1 > 修剪路径 1)。
如果你看到修剪路径直接位于内容下方,而你的形状位于形状 1 内,只需将修剪路径拖到该组中即可。
第三部分:无需复杂设置的修剪路径简单解决方案修剪路径不是只能在 After Effects 这样的专业工具中才能实现的功能。如果你需要制作线条或描边动画,但发现 After Effects 中的修剪路径过于技术化,你可以使用.
万兴喵影轻松创建类似的路径动画。万兴喵影的

免费安装万兴喵影 APP
安全下载
万兴喵影钢笔工具的功能钢笔工具轻松自由地绘制自定义路径和形状当你开始设计时,万兴喵影中的钢笔工具

(位于
绘图工具下)让你可以自由绘制自定义路径,无论是直线还是曲线。你可以调整每个细节,如粗细、颜色和透明度,甚至可以从内置预设中选择,即刻为描边添加发光和风格。使用实时预览制作描边和元素动画路径就绪后,如果你想让描边沿着线条平滑动画,可以调整修剪路径
设置。在编辑时,你可以即时微调和预览结果,无需事先处理复杂的
。然后,你还可以绑定一个物体沿着路径移动,只需点击几下即可完成。如何在万兴喵影中使用修剪路径使用绘图工具创建路径在万兴喵影中启动新项目,然后选择绘图工具

并选择

画笔开始创建自定义路径。在预览窗口的任意位置点击开始绘制。然后,点击另一个点创建直线。如果要创建曲线,在释放鼠标前按住并拖动以塑造线条形状。
Esc键完成路径并退出绘图模式。自定义路径
- 绘图完成后,通过调整锚点来完善它。然后,你可以在右侧属性面板的
- 描边 > 效果
- 下为路径设置样式,例如:
- 应用发光、火焰等内置预设。调整线条粗细。
- 更改描边颜色。

以获得更柔和的边缘。
- 修改端点和连接样式。使用修剪路径制作动画复制蒙版路径(Ctrl/Cmd + C)要为线条制作动画,前往修剪路径选项,然后按照以下步骤操作:将播放头移至时间轴开头,设置

- 起点值为 0%终点为 0%,并在终点添加关键帧。

将播放头移至希望动画结束的点,
将终点值设置为 100%

,并在终点添加另一个关键帧。如果要制作反向动画,交换关键帧:在开头将终点值设置为 100%,在结尾设置为 0%。提示:绑定物体沿路径移动如果你想绑定物体沿路径移动,可以使用"路径跟随

"功能。对于物体,你可以使用可用的预设之一、从计算机导入或从时间轴中选择。点击
应用
| 保存更改。 | AE | 第四部分:修剪路径的常见应用场景 | 修剪路径是创建任何基于线条的动画所需的工具。现在你已经学会了如何在 After Effects 和万兴喵影中使用它,可以开始在项目中实验和应用了。 |
| 应用场景 | After Effects | 万兴喵影 | 说明Logo 或图标动画绘制形状图层路径,应用修剪路径修改器,并为起点/终点值设置关键帧 |
| 使用钢笔/画笔工具绘制自定义路径并激活修剪路径工具 | 非常适合创建简洁的 | Logo 显现效果或极简风格的动态片头手写效果 | 使用钢笔工具绘制文本/签名,在描边上应用修剪路径使用内置 |
| 标题动画模板 | ,或使用钢笔工具绘制自定义线条 | 非常适合签名或个人 | 品牌效果 |
| 路径或旅行路线动画 | 使用钢笔工具绘制地图路线,用修剪路径制作动画,然后手动为图标位置设置关键帧/链接到路径 | 绘制路径,使用修剪路径工具,并选择绑定物体(图标)沿路径移动的选项 | 非常适合旅行和 vlog 视频圆形或进度动画 |
创建圆形形状图层,应用修剪路径,并将终点值动画到 100%
添加圆形形状,调整外观,并设置修剪路径设置。
简单的 UI 或


