Filmora
万兴喵影 - 全新视频剪辑APP
随时随地创作你的故事
下载
Filmora
万兴喵影 - 全新视频剪辑APP
随时随地创作你的故事
下载
探索万兴

客服热线:

4000-300624

如何在 After Effects 中制作描边动画(分步教程)

尝试万兴喵影作为替代方案

  • 在单个面板中绘制和制作动画,无需图层或插件。
  • 使用起始/结束滑块,关键帧自动生成。
  • 优化渲染速度,呈现流畅效果。
免费下载万兴喵影 免费下载万兴喵影
qrcode-img
扫码获取万兴喵影 App
100% 安全认证 | 无需订阅 | 无恶意软件
robot AI 摘要

在 After Effects 中制作描边动画的核心在于结合形状图层与“修剪路径”功能进行关键帧控制,但如果你只需快速生成基础的路线或轮廓动画,使用万兴喵影 15 版本的钢笔工具不仅学习成本更低且操作全在单一面板内完成。
    ● After Effects 制作基础描边动画的关键操作顺序为:创建形状图层(或从 Illustrator 转换矢量图层)、移除填充并保留纯色描边,最后必须添加“修剪路径”功能,并为“终点”参数设置 0% 至 100% 的关键帧以实现自动绘制。
    ● 若要在 After Effects 中制作带有纹理的手绘笔刷效果,前提条件是必须复制多条错开排列的路径,添加“粗糙边缘”效果,并且务必将“修剪路径”应用至包含所有复制线条的整个组,而非单条线。
    ● 选项对比与适用场景:After Effects 需要多图层与复杂效果设置,最适合复杂的运动图形和自定义动画装置;万兴喵影由于其钢笔工具的修剪路径与样式控件全部集中在单一界面且无需插件,更适合需要快速完成片头或教程解说的用户。


问问AI

想在 After Effects 中为描边添加动画,实现流畅的线条运动吗?描边动画非常适合 Logo 轮廓、手写签名、箭头和路线等效果。这种动画效果适用于视频片头和解说视频。

但在 After Effects 中创建描边动画并不简单。难点在于如何精确控制路径、时间和描边长度,使描边看起来流畅自然。线条出现或消失方式的微小变化,都会对动画的自然程度产生很大影响。

本指南将帮助你了解 After Effects 中描边的含义,并展示创建描边动画的步骤。如果你更喜欢快速设置线条动画,本文还会介绍一种替代方案。让我们开始吧。

guide to animate stroke in after effects

第 1 部分:什么是 After Effects 中的描边动画?

After Effects 中的描边动画是让线条或轮廓随时间自动绘制的过程。这些线条创建流畅的路径,以动态方式呈现形状、文本或 Logo。这是一种动态图形技术,可将静态元素变得更加生动。

what is stroke animation in after effects

在 After Effects 中为描边添加动画的主要工具是修剪路径功能。它允许你控制描边的起点、终点和偏移。通过调整这些值,你可以定义线条如何出现、消失或沿特定路径移动。

你可以在多种类型的视频中使用描边动画。它常用于:

  • 旅行视频中的路线动画:线条在地图上描绘,标记旅程或突出沿途的每一个站点。
  • 轮廓描边用于产品展示:细线勾勒产品边缘或展示形状的各部分,以呈现设计细节。
  • 手写 Logo 或签名演绎:描边沿自定义路径模拟自然手写效果,为品牌增添个性化触感。
  • 解说视频或信息图表中的箭头指示:描边按顺序绘制箭头,引导观众注意力或将各元素连接起来。

第 2 部分:如何在 After Effects 中为描边添加动画——分步教程

在开始之前,你需要了解 After Effects 中描边特效的工作原理。基本思路是使用简单的形状图层和基于关键帧的动画,绘制一条逐渐出现在屏幕上的线条。你将使用修剪路径功能来控制描边何时以及如何自动绘制。

方法 1:使用修剪路径创建基础描边动画

以下是使用修剪路径功能在 After Effects 中为描边添加动画的方法:

步骤 1
创建形状图层
首先将形状添加到时间轴。你可以导入 Illustrator 文件,也可以使用形状工具直接在 After Effects 中创建形状。两种方式效果相同。
create a shape layer in after effects
如果使用 Illustrator 文件,右键单击该文件,选择创建 > 从矢量图层创建形状。
步骤 2
移除填充并设置描边
我们需要确保形状仅包含描边。为此,选择形状图层并前往工具栏,将填充 > 无。
remove the fill of the shape
在填充选项旁边,将描边设置为纯色。调整描边宽度以控制线条的粗细。
set the stroke of the shape
步骤 3
添加修剪路径效果
在时间轴面板中,展开形状图层的下拉菜单,单击添加,然后选择修剪路径。此功能允许你为线条的起点和终点添加动画。
add the trim path effect
步骤 4
为描边添加动画
展开修剪路径部分。将结束设置为0%,使描边不可见,然后单击结束旁边的秒表图标,创建第一个关键帧。
animate the stroke in after effects
将播放头向前移动几秒,然后将结束设置为100%。描边现在将从头到尾自动绘制。
步骤 5
平滑动画
选中两个关键帧,右键单击,选择关键帧辅助 > 缓动或按 F9。这将使动画更加平滑。
easy ease to smooth the motion

现在你已经使用修剪路径在 After Effects 中创建了描边动画。你可以将相同的步骤应用于不同的形状、文本描边或 Logo,以实现创意性的展示效果。

方法 2:画笔描边动画

你还可以使用 After Effects 的画笔描边技术创建手绘颜料或墨水效果。这种方式产生更柔和、自然的边缘,看起来像真实的画笔涂抹,而非干净的数字线条。

请按照以下步骤学习如何创建:

步骤 1
创建新合成
新建一个合成并命名为 Brush Stroke 1。保持高清分辨率,将持续时间设置为大约五秒。
步骤 2
绘制基础线条
选择钢笔工具,在屏幕上画一条直线。按住Shift键保持直线。将填充 > 无,并将描边宽度设置为约 6 像素。暂时选择白色等颜色。
use pen tool to draw a line
步骤 3
复制并调整线条
进入形状图层,打开内容属性,将路径复制多次。
duplicate and vary the lines
调整每条新线条的路径位置,使它们略微错开排列。将部分线条的宽度更改为 10 或 15 像素,以创建更粗、更有层次感的效果。通常大约十条线条效果较好。
adjust the path positions
步骤 4
添加粗糙边缘
单击线条图层,前往效果和预设面板。
apply effects to the lines layer
搜索粗糙边缘,将其应用到线条的效果控件。
find roughen edges and apply to layer
将边框设置为约4,将复杂度设置为约10。这会添加不规则边缘,使线条呈现出类似画笔的纹理效果。
adjust the effects' settings
步骤 5
添加修剪路径为画笔添加动画
打开形状图层,前往内容,单击添加 > 修剪路径。确保将其添加到包含所有复制线条的整个组中,而不仅仅是一条线条。这样,所有线条将作为一个统一的画笔描边一起产生动画效果。
access the trim path in after effects
展开修剪路径设置以调整滑块。将播放头移动到线条描边的起始位置,将滑块设置为 0%。单击滑块旁边的秒表图标,创建第一个关键帧。然后,将播放头向前移动,将滑块的数值更改为100%。描边现在将作为一个统一的动画在屏幕上绘制。
set the keyframes for the animations

现在你已经在 After Effects 中创建了一个在屏幕上绘制的画笔描边动画。你可以组合多个画笔描边、调整颜色或弯曲形状,以制作更具艺术感的动画。

额外推荐:你真的需要 After Effects 吗?试试替代方案

你想在 After Effects 中为描边添加动画,但不想要复杂的设置吗?在动态图形中,描边的作用不仅仅是装饰。它们引导视线、描绘路径,并有目的地展示形状。你经常会在旅行路线、Logo 演绎、解说视频或产品亮点中使用描边动画。

但是,如果你的目标是快速创建这些特效,After Effects 可能不是最佳选择。在 After Effects 中为描边添加动画可能很耗时,且需要多个设置步骤。如果你更喜欢工作流程更简单的视频编辑器,可以尝试像万兴喵影这样的替代编辑器。

animate stroke in filmora
免费试用 免费试用
qrcode-img
扫码获取万兴喵影 App
secure-icon 安全下载

万兴喵影第 15 版引入了钢笔工具功能,让您也能像在 After Effects 中一样创建描边动画。不同之处在于,所有操作都在一个地方完成。您可以在视频画布上绘制、调整曲线,并为线条的路径添加动画,无需在多个图层之间切换。

After Effects 与万兴喵影描边动画对比

请查看下表,了解万兴喵影与 After Effects 在创建描边动画方面的对比:

功能 After Effects 万兴喵影
主要描边工具 使用形状图层配合修剪路径实现线条动画。 钢笔工具配合描边和修剪路径动画控制。
工作流程复杂度 需要多个图层、特效和关键帧。 所有调整在单个面板中完成。
学习曲线 对新用户来说较为陡峭。 易于学习。
描边动画控制 通过起始、结束和偏移控制时间。 激活修剪路径后,起始和结束滑块设置会立即显示。
插件需求 高级样式通常需要插件。 万兴喵影中的描边动画不需要插件。
渲染速度 取决于合成大小和特效。 针对更快导出进行了优化。
最适合 复杂的动态图形和自定义动画装置。 快速动画、片头和教程。

如何在万兴喵影中制作描边动画

按照以下步骤在万兴喵影中创建描边动画:

步骤 1
启动项目并添加素材
打开万兴喵影并创建新项目。导入您的视频或图片,将其拖到时间轴上。在预览窗口中调整其位置或大小,以正确构图。
步骤 2
使用钢笔工具绘制路径
在时间轴上方的工具栏菜单中,前往绘画工具 > 钢笔工具。
access the pen tool in filmora
然后,您可以在预览屏幕上绘制描边。
create the stroke lines with pen tool
单击一次添加直线点,或单击并拖动使其弯曲。
绘制完成后,在屏幕上右键单击并选择停止以确认路径。
步骤 3
自定义描边样式
使用绘画工具创建形状后,形状编辑面板将在屏幕右侧打开。
滚动到描边部分,您可以在此设置线条颜色、调整粗细(厚度)或设置不透明度。如果您想要更快的设置,还可以从预设描边样式中选择。
customize the stroke style
步骤 4
使用关键帧为描边添加动画
在同一面板中,前往修剪路径部分。此工具可以帮助为描边线条添加关键帧。
将播放头移动到片段的起始位置,并将结束设置为0%。点击关键帧图标以标记第一帧。
set the start of the keyframe
然后,将播放头向前移动,并将结束更改为100%。下一个关键帧将自动添加。
此设置会创建一个沿路径绘制的平滑描边动画。
set the end of the keyframe
步骤 5
预览描边动画
在预览窗口中播放视频以查看动画效果。如有需要,调整描边时间或路径形状,使其更加自然流畅。

结论

学习在 After Effects 中制作描边动画是创建轮廓、Logo 描摹或运动路径的实用技能。它提供精确控制,但设置和调整关键帧需要时间。

如果您更喜欢更快、更简单的设置,万兴喵影的钢笔工具可以用更少的精力实现与 After Effects 类似的描边动画效果。它让您可以在画布上绘制形状、调整描边样式,并直接在一个地方为路径添加动画。

万兴喵影适合希望获得流畅描边动画而无需面对陡峭学习曲线的创作者。立即试用,看看您的编辑速度能有多快。

万兴喵影
人工智能视频编辑应用和软件
免费试用 免费试用
qrcode-img
扫码获取万兴喵影 App
适合所有创作者随时随地制作视频的最佳工具!
您的完美首次视频编辑从这里开始——无需经验

💬 关于 After Effects 描边动画的常见问题

  • 1. 我可以在 After Effects 中将描边动画与其他效果结合使用吗?

    可以。您可以将描边动画与发光、模糊或颜色渐变效果混合使用,让它更加突出。许多剪辑师还会将其与动态模糊或不透明度变化结合,以创建更流畅的过渡和景深效果。

  • 2. 如何让我的描边动画看起来更自然或更像手绘效果?

    尝试使用画笔描边方法而不是基础的修剪路径。添加粗糙边缘效果,或稍微改变线条宽度和速度来模拟手绘笔触。微小的不完美感能让动画看起来更自然生动。

  • 3. 描边动画应该持续多长时间?

    没有固定的规则,但大多数 After Effects 描边动画片段在 2-5 秒之间效果最佳。保持足够长的时间让观众跟上动画节奏,但又要足够短以保持与视频其他部分的流畅衔接。

相关文章

2026年8款最佳视频拼贴制作工具,轻松制作视频拼图

正在寻找2025年最佳拼贴视频制作工具?本指南对比了8款顶级工具的功能和技巧,帮助你快速制作吸睛的视频拼贴作品。

发布人:AI 小喵|2026-10-15 07:27:43
最佳 MOV 转 GIF 转换器:MOV 转 GIF 详细转换指南

想要将视频转换为 GIF 动图吗?本文将介绍使用最佳 MOV 转 GIF 转换器快速制作高质量 GIF 的所有必要步骤。

发布人:AI 小喵|2026-10-15 07:27:40
如何从 DaVinci Resolve 导出视频【完整指南+评测】

在这份完整指南中,轻松学习如何导出 DaVinci Resolve 项目。本指南还会介绍其导出工具,并推荐一款更简单的替代剪辑软件。

发布人:AI 小喵|2026-10-15 07:27:38
最搞笑的梗音效大全及下载地址

搞笑梗音效能为你的剪辑和直播注入活力。查看我们的指南,了解在哪里免费下载音效梗素材,以及如何轻松自定义你的专属音效。

发布人:AI 小喵|2026-10-15 07:27:37
如何在 After Effects 中使用运动草图:分步指南

想学习如何在视频中制作动画路径?阅读本文,了解如何在 After Effects 中使用和创建动态草图及其替代方案。

发布人:AI 小喵|2026-10-14 21:23:13
还在寻找 Topaz Video AI 破解版?这里有一个更安全的替代方案值得了解

想要使用 Topaz Video AI 破解版?了解其中的风险,并找到一种更安全的方法来提升和修复视频,而不会损害您的系统。

发布人:AI 小喵|2026-10-15 07:34:40
如何去除视频闪烁:修复任何素材中的光线闪烁问题

闪烁的灯光毁了你的视频画面?了解闪烁产生的原因、如何使用三种方法去除视频闪烁,以及如何在拍摄前预防光线问题。

发布人:AI 小喵|2026-10-15 07:34:36