AE形状图层描边动画：制作可控的线条出现与消失效果

很多人做线条动画时，第一反应是去找插件或者写表达式，结果一条简单的引导线折腾半小时还是抖的。其实 AE 里最稳的做法就是形状图层加"修剪路径"，画完线、加上描边、打两个关键帧，线条就会顺着路径自己长出来。理解了路径、描边和修剪路径这三者的分工，出现、停留、消失这一整套节奏都能精确控制。

先分清路径、描边和修剪路径各管什么

这三个属性经常被混在一起理解，但它们的职责完全不同。路径决定线条走的形状，是一条看不见的轨迹，它本身不显示任何画面。描边决定这条轨迹被画成什么样子，粗细、颜色、端点是圆头还是平头，都在描边里改。而修剪路径决定这条轨迹在某一时刻显示到哪里，它不改变形状，只控制"画到了几成"。

真正产生动画的是修剪路径。描边只要打开就一直存在，路径也不会自己变化，所以要让线条"出现"，本质上就是让修剪路径的开始或结束数值随时间变化。想清楚这一点之后，后面所有的效果都只是同一个原理换个用法。

顺便说一个容易踩的坑：修剪路径必须和它要控制的路径处在同一个形状组里，而且要排在描边下面的层级顺序里生效。如果你新建了好几个形状组，修剪路径加在了外层，它会同时影响组里的所有路径，这有时是你想要的，有时就会导致几条线一起动，看起来乱。

画出一条干净的路径

新建一个形状图层，最省事的方式是不选任何图层，直接用钢笔工具在合成里画。注意工具栏上要选择形状模式而不是蒙版模式，如果当前选中了某个素材图层，钢笔画出来的会变成那个图层的蒙版，而蒙版是没法用修剪路径的，这是新手最常见的失败原因。

画的时候点击是直角拐点，按住拖动会拉出手柄形成曲线。线条动画对路径的方向很敏感，因为修剪路径是按路径的绘制方向来推进的，你从左往右画，线条就从左往右长。所以起点画在哪一边，直接决定了动画的出现方向，落笔前先想好。

路径画完，展开图层看形状组里的属性。如果里面自动带了填充，把填充关掉或者设成无，只留描边。描边宽度按画面大小定，端点选圆头会让线头看起来更柔和，接合方式选圆角能避免拐角处出现尖刺。这些都是静态设置，先调到你满意的样子，再去做动画。

用修剪路径做出线条出现

在形状图层的"添加"菜单里选修剪路径，它会作为一个新属性组出现。展开后能看到开始、结束和偏移三个数值。默认状态下开始是零、结束是百分之百，也就是整条线全部显示。

让线条从无到有，最直观的做法是改结束值：把时间指针放在动画起始那一帧，将结束设为零，这时线条会完全消失；再把指针移到你希望线条画完的那一帧，把结束改回百分之百。两个关键帧之间的这段时间，就是线条生长的过程。

如果你想让线条从另一头出现，就反过来操作开始值。把开始从百分之百降到零，线条会从末端往起点方向生长。这两个数值也可以配合使用，比如同时让开始和结束以不同速度变化，就能做出一段短线在路径上游走的效果，线头线尾都在动，但整条线始终只显示一小段。

预览时如果发现线条是瞬间闪出来的，先检查两个关键帧是不是落在了同一帧上；如果发现线条方向不对，回到路径本身，用钢笔工具的相关命令反转路径方向，或者干脆重画一遍，比反复调数值更快。

让线条停留一段时间再消失

出现、停留、消失是三段式节奏，很多人做的时候直接在结束值上加第三个关键帧往回拉，结果线条是从末端倒着缩回去的，看起来像录像倒放，很别扭。

更自然的做法是分工：出现阶段动结束值，消失阶段动开始值。具体来说，先用结束值的两个关键帧完成生长；生长结束后留出一段没有关键帧的时间，这段时间线条保持完整状态，就是停留；然后在停留结束的那一帧给开始值打一个数值为零的关键帧，再往后移动到消失完成的位置，把开始值改成百分之百。这样线条的头部会追着尾部跑，整条线像被擦掉一样从起点方向退场，视觉上是连续向前的，不会有回放感。

如果你想让线条像被擦除一样从末端消失，就把消失阶段也交给结束值，从百分之百降到零。这两种消失方式没有对错，取决于你希望画面的运动方向朝哪走。配合画面里其他元素的移动方向来选，通常前者更适合有节奏感的转场，后者更适合收尾时的干净退场。

停留时长值得单独留意。没有关键帧的那段静止时间，才是观众真正看清这条线的窗口。线条如果配合文字或图标使用，停留至少要让人读完对应的内容，不然线画得再漂亮也白搭。

速度和起止位置怎么调

线条动画的质感几乎全部来自速度。默认的关键帧是线性的，线头从头到尾匀速前进，看着机械。最简单的改善是给关键帧加上缓动，让线条起步时稍快、接近终点时逐渐减速，或者反过来先慢后快。缓动之后如果还觉得不够，进一步打开速度曲线编辑器手动拉动手柄，把加速和减速的比例调到你想要的感觉。

整体速度的快慢由两个关键帧之间的距离决定，间隔越短线条画得越快。有个实用技巧：不要靠改数值来微调速度，直接在时间轴上拖动关键帧的位置更直观，也更容易和音乐节拍或其他元素对齐。如果做完发现整段动画节奏不对，框选所有关键帧一起拖动或按住修饰键缩放选区，能整体加快或放慢，而不用逐个重设。

起止位置的控制则要回到开始和结束这两个数值本身。它们不一定要走完零到百分之百的完整区间，比如让结束值只走到八成，线条就会永远停在路径的八成处，剩下那一段始终不显示。这在需要线条指向某个具体位置但路径又画长了的时候特别好用，不必回去改路径，改个数值就行。同理，把开始值固定在一个非零的数上，线条的起点就会从路径中间某处开始。

偏移这个属性平时用得少，但它能让整段线条在路径上整体滑动而不改变长度。如果你已经用开始和结束限定出一小段线，再给偏移打关键帧，就能做出一小截高光沿着路径流动的效果，比同时调两个数值省事。

做不出来时先查这几处

线条动画出问题的原因通常很集中，按下面的顺序排查一般几十秒就能定位。

• 线条完全不显示：检查描边宽度是不是零、描边颜色是不是和背景同色、修剪路径的结束值是不是停在了零。




• 修剪路径不起作用：确认画的是形状路径而不是素材图层的蒙版，蒙版需要用其他方式做描边动画。




• 几条线同时动：修剪路径加在了包含多个路径的外层组上，把它移进对应的单个形状组里。




• 线条动的方向相反：路径的绘制方向和预期相反，反转路径方向即可，不要靠交换开始和结束值硬凑。




• 拐角处线头有毛刺：把描边的端点和接合方式改成圆角，或者适当降低描边宽度。

把这套流程走顺之后，线条动画基本就是个体力活了：画路径、加描边、上修剪路径、打关键帧、调缓动。同样的方法可以复用到下划线强调、图标勾选、地图路线、数据连线这些场景里，区别只在路径形状和节奏快慢。先用一条简单的直线把出现、停留、消失三段练熟，再去做复杂路径，会比一开始就啃复杂效果省时间得多。