How to Make a Map Like GeoGlobeTales

用户38350844486
6 阅读12分钟

这支 《How to Make a Map Like GeoGlobeTales》 我继续按你前面要的标准拆了：

  • 以画面实操为准
  • 字幕只辅助校对顺序
  • 能确认的参数我写死
  • 作者自己手调、画面没给清楚的，我单独标出来

这支的核心不是复杂插件堆叠，而是：

AE + GeoLayers 3 + 一个很干净的 3D 地图工作流
可选还用了 Deep Glow，但不是绝对必须。

一、这支视频实际在做什么

作者复刻的是那种 GeoGlobeTales 风格的竖版地理事实地图，特点是：

  • 卫星地图底图
  • 外面只保留一个正方形地图视窗，不让世界地图平铺重复
  • 背后有蓝图纸张纹理 + 网格
  • 国家边界高亮时有“双线 trim paths”那种分裂再合拢的感觉
  • 文本不是贴在地图平面里，而是稍微抬离地图，制造 parallax
  • 镜头是先飞入国家，再稍停，再退一点
  • 最终交付是 9:16 竖版

作者演示案例是：

Democratic Republic of Congo / DRC

二、你需要的东西

  1. After Effects

  2. GeoLayers 3

  3. 纸张纹理素材

  4. 可选：

    • Deep Glow
    • 没有也能做，只是 glow 质感没那么省事

三、按作者实际顺序整理的可复刻教程

1. 先创建地图 Map Comp

时间段：约 00:42–01:10

操作

  1. 打开 GeoLayers 面板
  2. 点击 Create Map Comp
  3. 尺寸设为：
  • 3840 × 2160
  • Ultra HD 4K
  1. 时长改成：
  • 90 秒
  1. 点 Next
  2. Imagery Profile 选择：
  • Ezri
  1. Style 下拉里选：
  • World Imagery
  1. 点击 Create

这一步的重点

作者明确说，GeoGlobeTales 用的是这种卫星地图样式。

2. 先把地图裁成单一正方形视窗

时间段：约 01:12–02:30

作者不想让地图像 GeoLayers 默认那样平铺重复，所以先做一个 mat。

操作

  1. 先让地图居中
    在地图控制里把：
  • Latitude = 0
  • Longitude = 0
  1. 取消选中当前图层
  2. 选 Rectangle Tool
  3. Fill 打开，Opacity 保持 100%
  4. 按住 Shift 双击 矩形工具
    自动生成一个正方形
  5. 把这个 shape layer 重命名为：
  • mat
  1. 把它：
  • Parent 到 map comp anchor
  • 勾成 3D

为什么一定要这样做

作者特别强调：

如果后面地图有 pitch / bearing / zoom 变化，
这个 mat 也必须跟着地图一起动，不然就穿帮。

继续做 Track Matte

  1. 切到 Switches / Modes
  2. 找到 World Map Comp 的 Track Matte
  3. 把它指定到刚建好的 mat

结果

地图就只显示在这个方形窗口里了。

接着微调 mat 大小

作者又手动微调这个正方形，让：

  • Alaska
  • Russia

不要露出太多，边缘裁得更干净。

这一步没有精确数值，属于构图手调。

3. 做背景：蓝图纸张纹理

时间段：约 02:32–03:30

操作

  1. 作者去 texturelabs.org

  2. 下载纸张纹理：

    • Vintage Blueprint Draft Paper 381

  3. 导入 AE

  4. 把纹理拖到时间线最底部，放在地图后面

  5. 把纹理层：

  • Parent 到 map comp anchor
  • 设为 3D

重点

这样它也会跟着地图系统一起动。

4. 给纸张纹理加 Grid

时间段：约 03:30–05:05

操作

  1. Window > Effects & Presets

  2. 搜索：

    • Grid
      路径在 Generate

  3. 把 Grid 加到纸张纹理层上

Grid 参数

  • Blending Mode = Screen
  • Size From = Width & Height Sliders
  • Width = 100
  • Height = 100

然后继续调：

  • Opacity ≈ 65
  • Border / Width ≈ 3

作者后面又做了一层副网格

  1. 复制一份 Grid
  2. 因为主网格是 100 × 100，所以把副网格锚点偏移：
  • X + 50
  • Y + 50
  1. 再把副网格透明度压到：
  • Opacity ≈ 30

结果

会比单层网格更有层次。

5. 让地图本体更立起来

时间段：约 05:10–05:42

作者直接给 World Map Comp 加 Layer Styles。

操作

  1. 选中 World Map Comp

  2. 菜单：

    • Layer > Layer Styles > Drop Shadow

  3. 再加：

    • Layer > Layer Styles > Stroke

注意

这一段作者是在画面里快速手调，
具体的阴影数值和描边数值没有清晰展示。
能确定的是：他确实加了这两项，用来让地图从背景里“立起来”。

6. 下载目标国家：DRC

时间段：约 05:45–06:10

操作

  1. 在 GeoLayers 搜索：

    • Democratic Republic of Congo
    • 或 DRC

  2. 下载这个 map feature

然后套样式

  1. 到 Shape Layer Styles
  2. 选一个：
  • 白色描边样式
  1. 打开：
  • Auto Stroke Width

7. 做 GeoGlobeTales 风格的“双线边界动画”

时间段：约 06:15–08:35

这是这支教程最值钱的地方。

7.1 先画出国家边界

作者在 DRC 上方画出边界路径，然后对这个 shape 做动画。

7.2 第一组 Trim Paths

  1. 选中该 shape

  2. 在 shape layer 里点：

    • Add > Trim Paths

  3. 打开 Trim Paths

  4. 这段动画总时长约：

  • 2 秒
  1. End 动画不是 0 到 100，而是：
  • 0 → 50

为什么只到 50

因为他要做两半对冲的感觉，不是一整圈一次画完。

7.3 加缓动

  1. 选关键帧
  2. Keyframe Assistant > Easy Ease
  3. 进 Graph Editor 手调速度曲线

7.4 再给 Offset 做位移动画

  1. 给 Offset 打关键帧
  2. 位移幅度作者说大约：
  • 45°

也就是：

  • 起点 Offset
  • 终点 Offset = 45°

作用

线不仅长出来，还会有一点环绕偏移的滑动感。

7.5 复制第二半边

  1. 把当前 shape + trim 这一组先 Group
  2. 复制这个 Group
  3. 对第二组，把 Offset 起点改到：
  • 180°
  1. 终点改成：
  • 180 + 45 = 225°

结果

这样就得到两边同时向中间/向目标方向推进的“双线边界动画”。

8. 给边界加 Glow

时间段：约 08:35–08:58

操作

  1. 搜索：

    • Deep Glow

  2. 直接加到边界 shape 上

作者观点

他说 AE 原生也能做 glow，
但如果你经常做这种地图动画，Deep Glow 很值。

注意

视频里没有把 Deep Glow 的数值一项项展开。
能确认的是：他确实用了它，而且效果就是那种很干净的白色边缘发光。

9. 再做一个轻微的国家填充高亮

时间段：约 08:58–09:50

操作

  1. 新建一个 shape / solid 区域高亮
  2. 先随便给一个颜色
  3. 后面作者又改成：
  • 偏白色
  1. Blend Mode 提到过类似：
  • Overlay
  1. 再把透明度压低一点

作用

不是做实心遮挡，而是让国家区域“亮一下”。

再给它加淡入

  1. 到 Effects & Presets

  2. 搜索：

    • Fade In

  3. 用的是：

    • Behaviors > Fade In/Out Frames

这个预设会让高亮层在修剪点自动淡入。

10. 加国家缩写文字 DRC

时间段：约 09:50–10:08

操作

  1. 用文字工具手动输入：

    • DRC

  2. 把它摆到国家区域中央

  3. 然后把文字层：

  • Parent 到 World Map Comp Anchor
  • 设为 3D
  1. 作者还顺手又给这个文字加了：
  • Deep Glow

11. 先做一个竖版安全框 Guide

时间段：约 10:10–11:30

因为最后要交付 TikTok / 竖版，所以作者先做一个 guide。

操作

  1. 新建一个矩形 shape
  2. 按住 Shift 双击 生成正方形
  3. 取消宽高联动的小链条
  4. 手动输入尺寸：
  • 1080 × 1920

这就是标准 9:16。

  1. 右键这个 guide：

    • Transform > Fit to Comp Height

  2. 重命名：

  • vertical guide

  1. 右键：

    • Guide Layer

结果

它不会进最终渲染，只用来对齐构图。

12. 做地图镜头动画

时间段：约 11:35–12:55

作者这里不是另外建 Camera，而是直接在地图系统里改：

  • pitch
  • bearing
  • zoom / view

节奏逻辑

大致是三段：

  1. 起始镜头：略有 pitch / bearing，先在外部
  2. 约 2 秒附近：飞入目标国家
  3. 约 5 秒附近：再轻轻退出来一点

操作方式

  • 在起点打关键帧
  • 到 2 秒左右手动推进地图视野
  • 到 5 秒左右再拉回一些，并把旋转恢复一点

重点

作者明确说他想要的是：

  • 飞进去
  • 停一下
  • 再回一点

而不是整个镜头一直死盯着一个点。

13. 用 Graph Editor 调整镜头速度

时间段：约 12:15–12:55

操作

  1. 选中地图关键帧
  2. 打开 Graph Editor
  3. 开头一段拉得更陡，让镜头更快地冲进去
  4. 后面一段调中等，让回退更柔和
  5. 最后他又把整段曲线继续拉长，让：
  • 6 秒内都保持有运动

也就是说

他一开始不是很满意“飞进去之后停太死”，
所以最后改成：整段 6 秒里，镜头一直都在轻微移动。

14. 调整元素出场时机

时间段：约 13:00–13:20

作者不想让：

  • 边框
  • 填充
  • 文本

同时一起出来。

所以他的处理是

  • 边界 stroke
  • 区域 fill

稍晚一点再进场

文字更晚，等镜头开始退一点时再看见。

15. 把文字抬离地图，做 Parallax

时间段：约 13:20–14:05

这是 GeoGlobeTales 风格的核心之一。

操作

  1. 选中 DRC 文字层

  2. 确保当前是：

    • Local Axis Mode / Local Access Mode 的 3D gizmo

  3. 抓住 Z 轴箭头

  4. 把文字往上抬离地图

结果

当镜头退回时，文字会和地图底面产生一个轻微空间差，
就会有那种“字悬在地图上方”的 parallax 感。

再做修剪

  1. 把文字层前段修短
    让它在最开始飞进去时不出现

这样动画逻辑就变成：

  • 先只有边界和高亮
  • 再退回来时，文字才 reveal 出来

16. 给文字加 AE 预设动画

时间段：约 14:05–14:30

操作

  1. 到动画预设里找：

    • Text
    • Animate In

  2. 作者选的是：

  • Fade Up by Characters

作用

让 DRC 不是整块突然出现，而是按字符逐个淡入上浮。

17. 最后真正输出时，新建竖版总合成

时间段：约 14:45–15:40

作者建议不要直接从大地图 comp 输出，
而是再包一层专门的竖版 comp。

操作

  1. 新建合成

  2. 命名：

    • vertical

  3. Preset 选择：

    • Social Media Portrait HD

  4. 把之前的 World Map Comp 拖进去

  5. 右键：

    • Transform > Fit to Comp Height

好处

这里可以额外叠：

  • 标题
  • UI
  • 角标
  • 任何不需要跟地图一起动的覆盖元素

18. 渲染

作者最后就是正常：

  • Composition > Add to Render Queue

他这里更偏向“用渲染队列按当前序列设置直接出”，
没有展开讲 Media Encoder 那一套。

四、这支视频里能直接照抄的关键参数

已确认参数

  • Map Comp：

    • 3840 × 2160
    • 90 秒

  • Imagery：

    • Ezri
    • World Imagery

  • mat：

    • 正方形
    • Parent 到 map comp anchor
    • 3D

  • 纸张纹理：

    • Vintage Blueprint Draft Paper 381

  • Grid：

    • Blending Mode = Screen
    • Width = 100
    • Height = 100
    • Opacity ≈ 65
    • Border / Width ≈ 3

  • 第二层 Grid：

    • Anchor X + 50
    • Anchor Y + 50
    • Opacity ≈ 30

  • DRC 边界 Trim Paths：

    • 时长约 2 秒
    • End：0 → 50

  • Offset 第一组：

    • 0 → 45°

  • Offset 第二组：

    • 180 → 225°

  • 竖版 Guide：

    • 1080 × 1920
    • Guide Layer

  • 文本入场预设：

    • Fade Up by Characters

五、这支视频里不能硬编的地方

这些地方我不假装看清了：

1. Drop Shadow 和 Stroke 的精确数值

作者只是在画面里快速手调，
没有清楚展示具体 Distance、Opacity、Size、Stroke px。

2. Deep Glow 参数

能确认他用了，
但没有一项项展示 Radius / Exposure / Gain。

3. 国家高亮填充的准确透明度和混合模式细值

只看得出他在做偏白、低透明度、轻微 punch 的效果。

4. 地图镜头每个关键帧的精确 pitch / bearing / zoom 数值

这部分是明显按画面手调，不是模板死值。

六、如果你替换素材，哪些地方必须重调

这部分最重要。

1. 你换国家，边界 trim paths 逻辑不变，但镜头构图一定要重做

国家面积不同，下面都得跟着改：

  • 起始 zoom
  • 飞入深度
  • 退回幅度
  • 文本位置
  • 文本抬高的 Z 值

2. mat 的裁切大小要跟地图主题匹配

作者这次是世界地图做单一视窗。
如果你只做非洲、欧洲、亚洲局部，就不一定还是这个正方形大小。

3. 纸张纹理和 Grid 会受缩放影响

你一旦换镜头推拉幅度，就得重新看：

  • 纹理够不够大
  • zoom in 后会不会太糊
  • Grid 密度 100×100 还合不合适

4. 文本的 Z 轴抬高量必须按镜头幅度重调

这个值太小，parallax 不明显；
太大，文字就会像飘飞一样假。

5. 竖版安全区必须提前参与构图

这支教程很容易犯的错是：
先做横版镜头，最后再硬裁 9:16。
作者其实已经在中途提醒你要先放 1080×1920 guide。

6. 如果你没有 Deep Glow

可以用 AE 原生 Glow 替代，
但通常需要多叠几层才能接近他这种边缘发亮感。

七、给你一个最省事的复刻顺序

你现在照着做，最稳的是：

  1. 先建 4K map comp
  2. 先选 Ezri / World Imagery
  3. 先做正方形 mat 并 parent 到 map anchor
  4. 再铺蓝图纸张纹理
  5. 再加双层 grid
  6. 再给地图本体补 drop shadow 和 stroke
  7. 再下载目标国家 feature
  8. 再做双组 trim paths 边界动画
  9. 再加 glow
  10. 再做国家高亮层
  11. 再打国家文字并设成 3D
  12. 再放 1080×1920 guide
  13. 最后才调地图飞入/飞出镜头
  14. 再把文字抬离地图做 parallax
  15. 最后包一层 vertical comp 输出

如果你要，我下一条可以继续把这支视频整理成 “纯执行清单版” ，只保留“点哪里、改多少、下一步做什么”的可照抄流程。

avatar
文章
阅读
粉丝