如何在 After Effects 中创建和动画化虚线（或点线）

在 After Effects 中创建描边是许多人初次接触该软件时学习的首批技巧之一。那么，如果你想把常规描边变成虚线或点状线该怎么办呢？

这次，我们将向你展示如何在 After Effects 中创建虚线或点状线，自定义外观，制作动画效果，甚至尝试另一种在 AE 之外创建和制作虚线或点状线动画的方法——你可能会更喜欢这种方式。

第一部分：如何在 After Effects 中创建虚线和点状线

在 After Effects 中创建任何类型的描边（包括虚线或点状线）都需要使用形状图层内的 钢笔工具。这是你绘制路径、应用描边，以及后续使用修剪路径制作动画的起点。

本教程将参考 Ben & Jack Studio 使用 After Effects 2020 制作的指南。不过，相同步骤也适用于其他版本的 After Effects，无论你使用哪个版本都可以跟着操作。

步骤 1：创建形状图层和路径

选择 钢笔工具（或按 G 键），然后在预览面板上绘制路径。点击的瞬间，After Effects 会自动创建一个形状图层。

单击一次放置第一个点，再次单击创建第二个点。After Effects 会绘制一条连接它们的直线。

小贴士： 如果你想制作曲线路径，在设置第二个点时按住并拖动，而不是只点击一次。这将创建贝塞尔手柄，让你可以塑造曲线形状。

步骤 2：添加虚线或点状线

在时间轴面板中，打开形状图层并导航到 内容 > 形状 1 > 填充 1.

。

将不透明度设置为 0% 以移除填充颜色。这样只保留描边可见，这对于创建虚线或点状线至关重要。接下来，前往 内容 > 形状 1 > 描边 1。在描边设置下找到 虚线+ 部分，点击

图标即可在 After Effects 中创建虚线。调整 虚线

值来控制其外观。数值越小，虚线或点越多。

使用偏移控制来微调虚线沿路径的位置。

要在 After Effects 中创建点状线：+在虚线部分，再次点击

图标即可在 After Effects 中创建虚线。 图标以添加间隙属性。调整

间隙值 来控制点之间的间距。较小的值使点更紧密，较大的值则使它们分散开。将线帽选项设置为

圆形端点，使描边端点呈圆形。将

虚线值设置为 0，这会将每段虚线变成完美的圆点。你还可以通过设置 描边颜色 和调整

描边宽度

来进一步自定义虚线或点状线的外观，根据你想要的粗细程度进行调整。

步骤 3：使用修剪路径制作虚线动画要创建沿着线条移动的虚线动画效果，需要为形状图层添加修剪路径动画。.

选中形状图层后，点击

添加 > 修剪路径

。

展开修剪路径菜单，你会看到两个滑块：起始和结束。它们控制线条的可见部分。

将起始设置为 0%，结束设置为 0%，然后点击结束旁边的关键帧图标创建第一个关键帧。在时间轴上将播放头移动到你希望动画结束的位置，将结束值从 0% 设置为 100%。

相关阅读：

笔刷描边效果

路径文字动画

第二部分：常见问题及解决方法

在 After Effects 中创建或制作虚线动画时遇到问题了吗？我们收集了一些在 AE 中处理描边或路径时经常出现的常见问题，以及可以快速解决这些问题的简单方案。

1. 1. 渲染后虚线看起来有像素化

1. 如果创建的虚线或点状线在导出后看起来模糊或有锯齿，通常是因为合成分辨率设置过低，或者线条是从较小的形状图层放大而来。
2. 快速修复：

在预览面板中，渲染前将分辨率设置为完整。

避免缩放整个形状图层。你可以增加描边宽度或以正确尺寸重新创建路径。

在 After Effects 中创建或制作虚线动画时遇到问题了吗？我们收集了一些在 AE 中处理描边或路径时经常出现的常见问题，以及可以快速解决这些问题的简单方案。

1. 导出时，选择更高的比特率或无损格式，如 QuickTime Animation、ProRes 4444 或 AVI（未压缩），以保持边缘清晰度。
2. 2. 路径没有显示虚线

即使添加了描边路径，仍然看不到任何虚线或点状图案？你可以检查填充是否仍处于激活状态，或者描边属性是否未正确应用。

打开形状图层设置，检查是否已将填充不透明度设置为 0%，以便描边可见。

1. 前往内容 > 形状 1 > 描边 1，确保已添加虚线和间隙值。
2. 另一个可能的原因是你使用的路径不属于形状图层，而是遮罩路径。应用于遮罩的描边效果不支持虚线或间隙属性。After Effects 中的虚线只有在路径存在于具有自身描边属性的形状图层内时才会出现。

快速修复：

复制遮罩路径并将其粘贴到形状图层中。

在 After Effects 中创建或制作虚线动画时遇到问题了吗？我们收集了一些在 AE 中处理描边或路径时经常出现的常见问题，以及可以快速解决这些问题的简单方案。

1. 按照上面如何在 After Effects 中创建虚线或点状线的步骤操作。
2. 3. 动画播放时虚线移动过快或过慢
3. 如果虚线动画感觉太快或太慢，问题通常来自关键帧的间距或描边选项中偏移值的设置。打开形状图层上的修剪路径设置。将关键帧靠近以加快运动，或将它们分开以减慢速度。

使用

图表编辑器

在 After Effects 中创建或制作虚线动画时遇到问题了吗？我们收集了一些在 AE 中处理描边或路径时经常出现的常见问题，以及可以快速解决这些问题的简单方案。

1. 来平滑速度曲线，实现更自然的动画效果。
2. 4. 边缘看起来粗糙或有锯齿
3. 当虚线或点状线的边缘显得粗糙时，通常是由于抗锯齿或预览质量设置过低。过度缩放形状图层也会导致明显的边缘伪影。
4. 为形状图层启用连续栅格化（小太阳图标），使线条在任何尺寸下都保持清晰。

在预览面板中，将质量设置为最佳而不是草稿。

如果需要更粗的线条，调整描边宽度，而不是直接缩放形状图层。如果边缘仍然看起来粗糙，可以应用高斯模糊效果，使用较小的数值轻柔地平滑边缘。第三部分：无需 After Effects 也能创建和制作虚线动画的简单方法

如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

万兴喵影

。万兴喵影为你提供了一种更直观的方式来创建自定义路径，并将它们转换为动态动画，无需复杂的设置。

免费试用 免费试用

下载 APP

扫码获取万兴喵影 App钢笔工具免费安装万兴喵影 App

安全下载

• 你不仅限于制作简单的点状线——使用万兴喵影，你可以轻松将创建的路径转换为发光轨迹、火焰风格动画，甚至只需点击几下就能让物体沿着路径移动。它对初学者足够友好，同时仍然灵活到可以创建令人印象深刻的效果。为什么我们推荐万兴喵影：快速应用样式和
• 效果
• ，如发光、火焰或模糊，为虚线或点状线即时改头换面。

轻松将任何对象（或使用内置预设）附加到路径动画上，使其沿路径平滑移动。

享受更直观的界面，对初学者友好，比 After Effects 简单得多。

如何在万兴喵影中创建虚线或点状线

步骤 1使用钢笔工具绘制自定义路径在万兴喵影中打开新项目，然后前往 钢笔工具绘图工具

并选择钢笔工具开始创建自定义运动路径。

在预览窗口中的任意位置单击以设置第一个点。再次单击以连接另一个点并形成直线。要制作曲线，在释放前单击并拖动。

完成后，按键盘上的 Esc 键完成路径并退出绘图模式。

步骤 2

优化和设置路径样式绘制路径后，前往属性面板上的 描边 > 效果 设置，将 to 样式.

更改为 虚线。现在，你已经成功制作了虚线。你可以通过更改路径 端点 和 连接

来进一步自定义，或调整

粗细

滑块使线条更细或更粗。

步骤 3

使用修剪路径制作虚线动画

要让虚线沿路径移动，你也可以使用万兴喵影中的修剪路径功能。

将播放头移动到时间轴的开始位置。

将起始和结束值都设置为 0%。为结束属性添加关键帧以标记动画开始。

将播放头移动到你希望动画停止的位置，将结束值更改为 100%，并添加另一个关键帧。

回放时，虚线将从头到尾平滑地自我绘制。步骤 4让物体沿路径移动

如果想让物体沿着你绘制的路径移动，启用 路径跟随 选项。选择你想附加的对象。你可以从可用预设中选择，导入自己的文件，或使用时间轴中的对象。

确认。播放时，对象将自动跟随路径的运动。

飞行路线动画动画旅行地图视频额外技巧：使用内置虚线贴纸实现即时动画

• 如果你想跳过手动绘制路径，万兴喵影提供了各种虚线和点状线
• 贴纸预设
• ，可以直接应用到你的视频中。这些非常适合想要快速获得视觉吸引力动画而无需花时间创建自定义路径的创作者。只需将贴纸拖放到时间轴上。自定义大小、颜色和动画速度以适应你的项目。
• 结合发光、火焰或 运动模糊 等效果，打造更具动感的效果。

非常适合社交媒体帖子、片头或需要快速制作的

动态图形 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

。

动态图形 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

点状线 1

动态图形 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

预览

动态图形 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

点状线 2

动态图形 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

点状线 3

动态图形 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

点状线 4

点状线 5

点状线 6

总结

现在你已经学会了如何在 After Effects 中创建虚线和点状线，接下来要做的就是将这项技能应用到你自己的项目中。尝试使用虚线在地图上突出显示路线，在信息图表中强调运动，或为动画转场添加节奏感。

如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如 如果想要比 After Effects 更简单、更适合初学者的方式，你也可以尝试直接在视频编辑软件中制作虚线动画，比如

万兴喵影

。万兴喵影为你提供了一种更直观的方式来创建自定义路径，并将它们转换为动态动画，无需复杂的设置。

而且由于绘制和制作自定义路径动画不仅仅是 After Effects 的专属功能，你也可以在万兴喵影中创建相同的效果——但工作流程要简单得多。

万兴喵影

免费试用 免费试用

下载 APP