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

客服热线:

4000-300624

如何在 After Effects 中制作地图动画 | 旅行路线与飞行路径

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

  • 一站式工作流程,轻松设计、动画化和编辑飞行路线。
  • 钢笔工具和修剪路径功能,打造流畅、可自定义的飞机动画。
  • 内置地图、图标和音效素材,快速实现专业效果。
免费下载万兴喵影 免费下载万兴喵影
qrcode-img
扫码获取万兴喵影 App
100% 安全认证 | 无需订阅 | 无恶意软件

动态地图已经取得了长足的发展,其应用可能性无限。如今,我们看到动态地图在旅游、教育、新闻和医疗等领域得到了广泛应用。它们被用于视频中,以展示一段时间内数据的变化。

这些地图主要被用作地理可视化的"最先进"工具。如今的观众和读者期望故事中包含这些动态地图。

借助最新技术,制作精彩的动态地图变得更加容易。本文将介绍在 Adobe After Effects 中制作3D 动画旅行地图的基本步骤,并讨论一些流行的模板。

Realistic 3D travel map

第一部分:如何在 After Effects 中创建 3D 动态旅行地图?

本综合教程将指导您从零开始创建专业级的After Effects 动态地图。您无需购买任何昂贵的插件或预设——所有操作都可以使用 Adobe After Effects 的内置工具完成,以创建令人惊叹的 3D 地图动画效果。

当您遵循我们的系统方法时,创建精彩的After Effects 旅行地图教程就变得简单明了。这里介绍的技术被全球专业动态图形艺术家用于为纪录片、旅游节目和企业演示创建电影级质量的地图动画。

注意:您可以观看 YouTuber 的视频教程,了解他如何使用 AE 制作地图动画。

步骤 1:为线条添加动画

任何成功的After Effects 动态世界地图项目的基础都始于正确设置合成并创建旅行路径动画。

  • 首先,在合成设置下创建一个新合成。您可以在这里设置预设。将质量更改为全高清 (1080p),并确保勾选锁定纵横比。您可以根据需要更改宽度,并且不要忘记重命名合成。
  • 接下来,导入您的路线图。您可以预合成它,并在以后根据需要从 After Effects 中进行更改。
  • 右键单击以创建一个新的纯色层;这将是您的描边。选择任何颜色,然后单击"确定"。
  • 接下来,您必须确定旅行位置。在此之前,取消选中新图层。
  • 选中未选中的新图层框,找到钢笔工具(工具栏下方),然后在当前位置(例如比利时)上单击并拖动。同样,在所需区域(例如莫斯科)上创建另一条线。
  • 为线条曲线添加动画 - 转到效果和预设,搜索"描边"并应用它。这将自动从该图层中选择蒙版 1。
  • 启用描边图层并更改画笔大小,更改绘画样式、颜色,并为地图上的线条添加间距。
  • 要为线条添加动画,请单击预设中的结束秒表。您可以选择线性或缓动动画。

对于前者,单击停止午餐并将时间向前移动约 3 秒,然后将秒表设置为 100%。在键盘上按"E"制作另一个关键帧,然后返回上一个关键帧并将秒表设置为零。

缓动稍微复杂一些。右键单击,转到关键帧辅助并选择缓动选项。转到图形编辑器以调整动画速度。

Create map animation in AE - Lines

步骤 2:在 After Effects 动态地图中添加投影

为了增强地图动画 After Effects项目的三维外观,通过阴影添加深度对于获得专业效果至关重要。

导航到图层效果,并向动画路径图层添加"投影"效果。调整左侧菜单中的距离参数,以创建不会压倒地图设计的微妙深度。此技术为您的 After Effects 视频映射项目增添了专业光泽。

Create map animation in AE - add drop shadow

步骤 3:3D 动画

通过实现真实的世界地图 After Effects体验,将平面地图转换为动态3D 摄像机运动和空间关系。

  • 右键单击以创建新摄像机,然后单击世界地图图层。
  • 为描边效果和当前图层启用 3D。如果看不到 3D 图标,请确保切换开关。
  • Create map animation in AE - add 3d animation
  • 接下来,与新摄像机一起,同样通过右键单击创建一个"新空对象"。也为此打开 3D。
  • 如果单击摄像机并将其父级设置为空对象,则可以使动画更加出色。这意味着空对象将成为您的控制,即摄像机将跟随空对象的旋转,以创建比简单平移和倾斜更好的动画。
  • 要查看旋转,请单击空对象并按"R",对于位置标签,按住 Shift 并按"P"。
  • 使用"Z 旋转"放大并转到起始位置。您还可以在每个旋转标签上放置秒表。转到 3 秒并将其旋转到另一个方向。
  • 要使缓动效果同样生效,您还需要在所有关键帧的此动画上添加它。
  • 播放以查看您刚刚创建的3D 动画

步骤 4:景深

如果您通过单击"摄像机"转到摄像机设置,您将找到摄像机选项,可以在其中启用景深。您还必须将光圈更改为 130,然后调整焦距以锐化旅行终点。这样,您就创建了景深效果。您也可以对起点重复同样的操作。

当您降低光圈值时,剩余的图像模糊将会减少。

Create map animation in AE - add depth of field

步骤 5:添加图钉位置

在您的After Effects 地图动画中,您可以在旅行场景中导入图钉位置。如果需要,将其设为另一个 3D 图层,并将其重新定位到起点和终点目的地。

  • 可以使用后方平移工具将锚点移动到开头。
  • 通过按"R"向上旋转图钉。
  • 要使此功能在动画中弹出,请按"S"。对于缩放,单击秒表,将帧设置为零,然后单击上一个关键帧。右键单击它,启用缓动。
Create map animation in AE - add pin location

第二部分:Adobe After Effects 中最佳旅行地图动画模板

注意,以下旅行地图动画模板来自 Envato,您也可以在一些After Effects 模板下载网站.

1. Flight Maps(航班地图):

Flight Maps 是一个简单的模板选项,可帮助您在两个城市之间快速创建 2D 动画。它为用户提供了可供选择的预动画区域地图。如果您想反转城市之间的旅行方向,它也允许您这样做。

After Effects Templates - Flight Maps

该模板在仪表板上为您提供 6 种地图颜色主题。每个都可以从效果控制面板中打开和自定义。诸如打开云层之类的额外功能可以为您的合成增加更多深度。灰尘纹理等令人惊叹的效果可以将您的设计提升到一个全新的水平,使您能够为动态地图添加更多动感。

假设您想添加汽车或帆船等图形。为此,请从模板仪表板合成中单击图标层。路线线条样式和图钉等方面也可以自定义。使用 Flight Maps 可以通过选择过渡样式层在开头添加动画。

总而言之,此模板需要一些手动工作。它不是一个可以轻松插入城市且不会自动移动的面板。它是 Envanto Elements 旅行地图 After Effects 模板免费下载的一部分,使其非常容易获得。

2. Map Connector(地图连接器):

After Effects Templates - Map Connector

如果您想连接 2 个不同的城市,这可能不是一个好的模板。但是,Map Connector 是一个出色的 2D 模板,用于说明有关各个位置的元数据或其他相关信息。

与 Flight Maps 不同,此模板没有供您选择的内置模板,但您仍然可以自定义颜色、时间和位置。用户可以通过首先打开目标合成并按"p"查看摄像机位置来更改城市位置,他们可以更改为覆盖您想要显示的位置。返回主合成将显示目的地已转移到新城市。

Map Connector 需要您返回项目面板并打开不同的位置以更新这些新位置的信息框和文本。

对于初学者来说,此模板上的关键帧使用起来稍微困难一些。它可能缺少一些重要的效果,但非常容易使用。

3. Place on Earth(地球上的位置):

您想使用 3D 地球仪显示单个位置吗?在这种情况下,此特定地图模板非常有效。您可以使用编辑合成编辑位置。您需要擦洗合成,直到出现默认城市标签,然后双击以更改城市名称(如果需要,可以使用更新的字体)。

After Effects Templates - Place on Earth

接下来,单击位置图层并将标签移动到正确的位置。当您转到渲染选项卡时,擦洗以预览从点 a 到点 b 的移动。现在,在此模板中,您还可以为要指出的位置添加视觉效果。

要将更改的位置更好地放入框架中,您必须从效果控制中更新点 2 参数。您可以在这里调整所有参数,直到它看起来恰到好处。

您可能希望在四分之一分辨率下进行更改,以便在决定渲染之前更快地进行编辑。由于 3D 动画,渲染时间可能需要更长时间。此外,最好键入值而不是擦洗,因为这些参数非常敏感。

4. World Map Toolkit(世界地图工具包)(Premiere Pro):

After Effects Templates - World Map Toolkit

此模板主要在 Adobe After Effects 中创建。但是,它被导出为动态图形模板,以在 Premiere Pro 中用作 .MOGRT 文件。这意味着您在 Premiere Pro 中执行所有编辑。除非文件在 Premiere Pro 中优化,否则您将在编辑时继续遇到重大延迟。

⭐ 替代方案:无需 After Effects 即可创建动态旅行地图

对于许多初学者来说,由于涉及修剪路径、蒙版路径、图形编辑器和表达式的复杂工作流程,在 After Effects 中创建动态旅行地图可能很耗时。如果您正在寻找一种更快、更简单的方法来构建地图动画而无需高级合成,万兴喵影's 钢笔工具提供了一个非常适合初学者的解决方案。它非常适合想要快速高效地制作精美世界地图动画的视频博主、教育工作者、旅游内容创作者和社交媒体故事讲述者。

filmora travel route
免费试用 免费试用
qrcode-img
扫码获取万兴喵影应用
secure-icon安全下载

为什么使用万兴喵影制作地图动画?

万兴喵影极大地简化了路线动画,使动态地图对每个人都触手可及——即使没有专业培训。

传统 After Effects 工作流程 万兴喵影钢笔工具工作流程
需要掌握蒙版、修剪路径、图形编辑器、表达式知识 使用钢笔工具绘制路线 → 一键应用路线动画
学习曲线陡峭 适合初学者,几分钟即可学会
渲染繁重,硬件密集 轻量级性能和快速导出
模板修改复杂 内置可编辑地图模板,支持拖放控制
最适合高端视频制作 非常适合旅游视频博主、教师和社交媒体创作者

✨ 简而言之:万兴喵影让动态地图创建不再依赖技术技能,而更多地关注创意故事讲述。

免费试用 免费试用
qrcode-img
扫码获取万兴喵影应用
secure-icon安全下载

如何在万兴喵影中创建旅行地图动画

按照以下步骤设计干净、专业的旅行路线动画:

步骤 1
添加地图背景

将世界地图或城市地图图像导入媒体面板。如果您没有准备好的地图,也可以直接在素材库中搜索地图资源。

将地图拖到主视频轨道以设置背景。

import world map background
步骤 2
绘制旅行路径

使用钢笔工具描绘要设置动画的路线。

  1. 单击时间轴上方的形状图标
  2. 选择钢笔工具
  3. find pen tool in filmora
  4. 在画布上单击以创建点
  5. 创建直线或按住并拖动以形成平滑的曲线路径以实现自然运动
  6. draw travel path with pen tool

这形成了动态地图的基本旅行路线。

步骤 3
自定义路径样式

在右侧的属性面板中,转到:形状 → 基本 → 描边

  1. 调整线条颜色、粗细和不透明度
  2. 应用描边样式预设以获得发光或虚线等风格效果

这有助于在视觉上突出您的旅行路线。

customize the path style
步骤 4
使用修剪路径为线条添加动画

要创建手写旅行动画:

  1. 在属性面板中打开修剪路径
  2. 将播放头移动到时间轴的开头
  3. 设置起始 = 0% 和结束 = 0%,然后在结束处添加关键帧
  4. 将播放头移动到路径动画应结束的位置
  5. 将结束更改为 100%

如果您希望动画从线条的不同段开始,可以调整偏移量。

animate the path
步骤 5
添加飞机图标或移动对象

要为沿路径飞行的飞机添加动画:

  1. 打开路径跟随器
  2. 从贴纸中选择飞机图标,或导入您自己的图形
  3. 单击应用

运动轨道将出现在时间轴上,自动将图标附加到动画路径。

add plane icon
步骤 6
添加音效并完善动画

转到音频选项卡并搜索飞机、风或旅行主题音效。将它们拖到音频轨道上以增加真实感和情感影响。

可选的修饰:

  1. 添加摄像机缩放关键帧以实现动态运动
  2. 使用文本或标题标注作为目的地标签
  3. 应用发光或阴影效果以获得视觉深度
add sound effect
步骤 7
最终输出

以您需要的分辨率导出动态旅行地图——1080p 用于社交平台,4K 用于更高的制作质量。

export your final video

最终建议:

这两种工具都可以创建令人印象深刻的动态旅行地图,但正确的选择取决于您的工作流程需求:

  • 选择After Effects用于电影级地图动画、专业合成或高级 After Effects 视频映射项目。
  • 选择万兴喵影如果您想要快速结果、更容易的学习曲线,以及地图动画 After Effects 风格视觉效果的实用替代方案——而没有复杂性。

结论

由于我们生活在一个进化的世界中,我们的大脑和眼睛已经习惯于更好地响应移动的环境。动态地图有效地利用了我们的视觉处理技能。因此,它们最近被广泛使用。

我们希望我们的分步指南和模板建议能帮助您在 Adobe After Effects 中创建动态旅行地图,让您的视频内容更加出色。

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

相关文章

Debut Video Capture 2026 评测:功能、优缺点及替代方案

如果您正在寻找一款屏幕录制工具,Debut Video Capture 可能正是您所需要的。在这里查看完整评测以及最佳替代方案。

发布人:AI 小喵|2026-04-15 21:17:50
如何在 Premiere Pro 中消除风噪 | 2026

别让背景杂音毁了你的视频。我们的指南将教你如何在 Premiere Pro 中消除风声,让你的声音始终清晰可闻。

发布人:AI 小喵|2026-04-15 21:17:27
如何在 Premiere Pro 中自动生成字幕

获取详细的分步教程、实用技巧和功能对比,学习如何在 Premiere Pro 中使用自动字幕功能轻松生成字幕,提升视频的可访问性。

发布人:AI 小喵|2026-04-15 21:17:26
如何在 Premiere Pro 中添加形状:分步教程及更简单的替代方案

以故事为先的剪辑从学习如何在 Premiere 中添加形状开始。打造画面层次,聚焦观众注意力,让每一帧都充满意图。

发布人:AI 小喵|2026-04-15 21:17:25
2026 年 Windows 最佳 GarageBand 替代软件推荐(免费和付费)

无需再费力寻找适用于 Windows 的 GarageBand 替代软件,这里已为您总结好最佳工具。

发布人:AI 小喵|2026-04-15 21:17:23
需要 MP3 文件?2026 年最佳 MP4 转 MP3 转换器推荐

将 MP4 视频文件转换为 MP3 音频格式是一个简单的过程。如果您想了解更多关于可在线使用或在 PC 和 Mac 电脑上使用的最佳 MP4 转 MP3 转换器,请继续阅读。

发布人:AI 小喵|2026-04-15 21:17:18
如何在 After Effects 中制作 3D Logo 动画(附免费模板推荐)

本指南将教你如何在 After Effects 中制作 3D 动画,适合任何技能水平。学习专业步骤、使用模板,或使用一体化工具来制作你的 Logo 动画。

发布人:AI 小喵|2026-05-06 16:22:15