Make a Mission Impossible Map in After Effects

4 阅读17分钟

这支 《Make a Mission Impossible Map in After Effects》 我也按同一标准拆好了:

  • 以画面里的真实操作为准
  • 字幕只拿来补顺序
  • 能确认的参数我写死
  • 作者自己手调、画面没给清楚的,我单独标出来

这支比上一条更偏 GeoLayers 3 工作流
核心不是“手动画地图”,而是:

GeoLayers 3 + Felt + AE 模板化批量生成

成品逻辑是:

  • 一张固定不动的深色世界地图
  • 左下角人物和核弹图标
  • 从核弹图标向全球城市发射线段
  • 每个城市到点后出现一圈“爆点/脉冲环”
  • 城市名批量生成并错峰出场
  • 最后再补顶部的任务标题条和箭头装饰

一、这支视频实际用了什么

作者明确提到的工具有:

  1. Adobe After Effects

  2. GeoLayers 3

  3. Felt

  4. 可选:

    • Adobe Illustrator
    • Overlord(作者提到可选,不是必须)

二、先说这支视频的关键思路

这支教程最值得抄的不是画面本身,而是三个提速点:

1. 城市数据不是手打,是先生成表格再地理编码

作者先用 AI 列出“全球前 30 大城市”,再丢到 Felt,由 Felt 自动补经纬度,再导出 GeoJSON 给 GeoLayers。

2. 所有连线不是手动画,而是用 GeoLayers 的 mesh 连接

把核弹图标先变成一个 feature,然后和城市 feature 一起做 Connect Features > Straight Line Mesh,再把“核弹到城市”的那一批线单独抽出来。

3. 爆点环和城市名都不是一个个做,而是做成 Label Template 批量发

也就是:

  • 先做一个 Bomb Blast 模板
  • 再做一个 Name 模板
  • 然后批量套到所有城市上
  • 最后只手动整理时间顺序

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


1. 先准备城市数据

时间段:00:22–02:58

操作

  1. 打开 AI 聊天工具(视频里是 Google Bard)

  2. 输入类似:

    • “show me the top 30 most populated cities in the world”
    • 并要求表格样式输出
  3. 导出到表格

  4. 在 Google Sheets 里把表格命名成:

    • top 30 cities
  5. 下载成:

    • CSV

作者随后发现的问题

这个 CSV 不能直接给 GeoLayers 用,因为缺:

  • Latitude
  • Longitude

2. 用 Felt 自动补坐标

时间段:01:37–02:45

操作

  1. 打开 Felt

  2. 把刚才的 CSV 直接拖进地图

  3. Felt 会弹两个选项:

    • Elements
    • Data layer
  4. 作者选择:

    • Data layer

原因

因为这样会保留数据字段信息,便于后面转出。

  1. 等待 Felt 自动 geocode

  2. 右键这个数据层:

    • Actions > Convert to Elements
  3. 再右键:

    • Export > GeoJSON

3. 把 GeoJSON 导入 GeoLayers

时间段:02:45–03:24

操作

  1. 回到 AE

  2. GeoLayers 3 面板里点:

    • +
    • Import File
  3. 选刚才导出的 GeoJSON

  4. 导入后会得到一个 feature collection

接着做

  1. 点击:

    • Feature Properties
  2. 重命名为:

    • Mission Impossible map

作者特别提醒

这个 feature collection 如果你关闭项目再重开,可能会丢。
想避免丢失,最好把它拖到:

  • Favorite Features

4. 先把底图调成电影里的冷黑低饱和风格

时间段:03:25–04:03

这里作者不是去改 GeoLayers 样式,而是直接给世界地图 comp 上效果。

操作

  1. Effects & Presets

  2. 搜索:

    • Lumetri Color
  3. 拖到 World Mapcomp

画面里能确认的参数

Basic Correction 里:

  • Saturation = 0
  • Exposure = -2
  • Blacks ≈ 65

效果目标

  • 去饱和
  • 整体更暗
  • 对比降低一点
  • 更接近任务终端/情报屏的感觉

这里要注意

作者这里说的是“something like 65”,
属于视觉匹配,不是精确科学值。
0 / -2 / 65 这组三个数是视频里最接近成片的参考值。


5. 放置两枚主图标:人物 + 核弹

时间段:04:03–07:16

素材来源

  • 核弹图标:作者从 Freepik
  • 人物图标:作者说是自己用 MidJourney 快速生成的

核弹图标处理

作者把素材放到 Illustrator 里,只要其中一个图标。

操作
  1. 在 AI 里选中想要的核弹图形

  2. 导出:

    • PNG
  3. 导回 AE


6. 让核弹图标变成地图风格

时间段:05:52–06:13

操作

  1. 给核弹 PNG 加效果:

    • Tritone
  2. 作者把色调压成三色结构

  3. 其中口播明确说:

    • Midtones 改成 50% gray

结论

核弹图标不是保留原图颜色,而是被压成偏灰的扁平风格。


7. 去掉人物图标白底,并统一成灰色

时间段:06:14–07:09

操作

  1. 选人物 PNG

  2. 搜索并添加:

    • Extract
  3. Luminance Channel 下,把白底往回裁掉

  4. 再调一下:

    • White Softness

原因

人物 PNG 的边缘会有白边,作者先用 Extract 粗裁掉。

接着做

  1. 再添加:

    • Fill
  2. 注意顺序必须放在 Extract 后面

  3. Fill 颜色也改成:

    • 50% gray

8. 摆放地图构图

时间段:07:09–07:35

作者的意图

  • 左下留空间给人物和核弹
  • 全球城市仍然都在地图可视范围内
  • 不追求严格地理构图,而是追求“电影任务屏幕”的排版感

这一段没有固定数值

就是纯手动挪地图视野。
这里你不要找具体 Position,因为作者就是肉眼构图。


9. 把核弹图标变成 feature

时间段:07:48–08:30

这是核心操作。

操作

  1. 选中核弹 PNG 图层

  2. 在 GeoLayers 面板点:

    • +
    • Feature from Layer

结果

这个核弹图标就被注册成一个地图 feature,之后无论地图怎么动,它都能保持在地图系统里。


10. 用 Straight Line Mesh 一次生成所有连线

时间段:08:30–09:25

操作

  1. 把:

    • 城市 feature collection
    • 核弹 feature

    一起放到同一套 feature 集合里

  2. 选中这些 features

  3. 点击:

    • Connect Features
  4. 在最上方选择:

    • Straight Line Mesh

结果

GeoLayers 会生成一个 Feature Mesh
里面包含:

  • Points
  • Lines

而且是“所有点互相连到所有点”。


11. 只保留“核弹 → 城市”的那一批线

时间段:08:53–09:40

作者实际做法

  1. 展开 Lines

  2. 在最前面那批可以看到:

    • 所有城市都连接到核弹
  3. 手动把这些线挑出来

  4. 新建一个 collection

  5. 命名:

    • Mission Impossible lines
  6. 放回:

    • Mission Impossible map
  7. 把原来的 Feature Mesh 删除

作用

这样就不会保留“城市和城市互连”的杂线,只留下“核弹到城市”的放射线。


12. 建连线样式

时间段:09:39–10:19

操作

  1. Shape Layer Styles

  2. 新建一个 style

  3. 命名:

    • Line

确认到的设置

  • Fill:关闭
  • Stroke / Point:开启
  • Width = 5 px
  • Auto Stroke Width:关闭
  • Individual Layers:开启

颜色

作者是手动选了一个接近电影里的浅暖灰/米灰色。
画面里没有明确 hex 值,所以这里不能假装看清了。


13. 先保存当前地图视图

时间段:10:09–10:22

作者顺手做了一个很实用的保险动作。

原因

怕后面不小心把地图视野挪乱。

做法

把当前视图状态保存成一个地图视图/特征,作者还建议你起个你自己看得懂的名字,比如:

  • frame me up

本质就是:
把现在这个“构图刚刚好”的地图视角存起来。


14. 批量绘制所有连线并自动做路径动画

时间段:10:23–11:02

操作

  1. 选中:

    • Mission Impossible lines
  2. 点击:

    • Draw Features
  3. 勾选:

    • Animate Feature Path
  4. 动画时长先设:

    • 1 second
  5. 确保时间指针在开头

  6. 点击:

    • Create Animation

作者随即修正

他说:

  • 1 秒太慢了

所以后面成片里,他是把线动画整体加快了。
但视频里没有给出一个新的精确秒数,只能确认:

  • 先试了 1 秒
  • 最终使用的是 更快版本

15. 做“Bomb Blast”模板

时间段:11:05–12:34

这是城市到点后那圈扩散环。

新建合成

  1. New Composition

  2. 命名:

    • Bomb Blast
  3. 尺寸:

    • 500 × 500

画面里能确认

左侧项目面板里确实显示:

  • 500 x 500
  • 24 fps

画圆

  1. Ellipse Tool

  2. 设置:

    • Stroke Width = 2 px
    • 白色
  3. 按住 Shift 双击 椭圆工具生成正圆

初始大小

  1. 到:

    • Ellipse Path > Size
  2. 改成:

    • 1

也就是先变成一个接近小点的圆。


做扩散动画

  1. 在 shape layer 里点:

    • Add > Offset Paths
  2. Amount 打关键帧

  3. 从:

  • 0
  1. 动到:
  • 作者口述是 5 秒左右

终点值

终点 Amount 数值作者是手拖到刚好碰到外边缘
并没有口头报具体数字,所以这里不能写死。


做多圈扩散

  1. 复制这个圆 两次
  2. U 调出关键帧
  3. 选结束关键帧:
  • Keyframe Assistant > Easy Ease In
  1. 把三组动画时间错开

结果

就得到了连续扩散的三个圆环。


16. 把 Bomb Blast 变成 Label Template

时间段:12:24–12:48

操作

  1. 在项目面板找到:

    • GEOlayers 3 Items
  2. Bomb Blast comp 直接拖进:

    • Label Templates

回到 GeoLayers

  1. 在 template 下拉里选:

    • Bomb Blast
  2. 选中所有城市

  3. 点:

    • Label Features > Add Labels

17. 立刻把 Bomb Blast 整体缩小

时间段:12:49–13:08

操作

  1. 选中所有刚生成的 blast labels

  2. 按:

    • S
  3. 缩放到:

    • 50%

作者原话

“bring these down by about half the size… 50 percent”

所以这里可以直接抄:

  • Scale = 50%

18. 再做城市名字模板

时间段:13:08–14:40

18.1 新建名字合成

  1. New Composition

  2. 命名:

    • Name
  3. 初始尺寸:

    • 1000 × 500

这个尺寸在画面里能确认。


18.2 输入占位文字

  1. 用文字工具输入:

    • NAME

对齐方式

  1. 在 Paragraph 里设成:

    • Left Align

18.3 字号

这一段作者口播和画面有一点前后变化:

  • 口播说想把它降到 75 或 50
  • 但你给我看到的画面里,属性面板一度显示 100 px

所以最稳的结论是:

  • 他最初文字偏大
  • 后来是往 75 / 50 这个级别收
  • 成片效果也更接近“较小字号”而不是 100px 巨字

我建议你照成片复刻时,优先按:

  • 50–75 px 区间

而不是死抄 100。


18.4 加一个锚点 Null

  1. 右键:

    • New > Null Object
  2. 重命名:

    • Label Anchor Point

作用

保证 label 的真正定位点在一个稳定的中心位置,后面批量发 label 时更好控。


18.5 让文字贴着锚点

  1. 拖动 NAME 文本,让它对准 Label Anchor Point
  2. 作者提到可以轻微偏一点,让名字从锚点向右展开

18.6 把 comp 宽度继续加大

  1. Composition Settings
  2. 把宽度从 1000 改成:
  • 2500

原因

防止某些长城市名超出模板边界。


18.7 给文字加轻微阴影

  1. 搜索:
  • Drop Shadow
  1. 给 NAME 加一点阴影

具体值

视频里没展示阴影的精确 Distance / Softness / Opacity,
只能确认是“轻微增强可读性”。


19. 把 Name 也变成 Label Template

时间段:14:35–15:00

操作

  1. Name comp 拖进:

    • GEOlayers 3 Items > Label Templates
  2. 回到地图

  3. 仍然选中所有城市

  4. 选择:

    • Name
  5. 点:

    • Add Labels

20. 调整名字标签的整体尺度

时间段:15:00–15:22

作者实际说法

如果要改这些名字的大小,可以去缩放,视频里他试了:

  • Scale = 65

结论

城市名批量生成后,他又做了一次整体缩放试探,参考值:

  • 65%

21. 如有必要,手动偏移个别标签

时间段:15:22–15:45

操作

  1. 打开某个 label 的:

    • Effect Controls
  2. 用 offset 类参数手动挪一挪

原因

中国、印度一带城市太密,标签很容易重叠。
作者自己也说,如果更认真做,应该换一套更均匀的全球城市分布。


22. 按城市逐组整理时间线

时间段:15:45–16:48

这一段是这支教程里最“手工”的地方。

每个城市有 3 个元素

作者明确说每个城市一组有:

  1. line
  2. Bomb Blast label
  3. city name label

他的整理方法

  1. 在时间线搜索栏搜某个城市,比如:

    • Mexico City
  2. 就会筛出这 3 个元素

  3. 全选它们

  4. 移到一起

  5. 再按出场顺序去错开时间

动画顺序

作者想做成:

  • 从左侧开始
  • 再往右
  • 大致按从上到下/由左至右的节奏推进

23. 后期微调:线更细、更淡,名字补淡入

时间段:16:48–17:05

作者这里总结自己做过的微调:

连线

  • Stroke Width 降低了
  • Opacity 降到约 65%

名字

  • 加了一个简单的:

    • Fade Up 淡入

这里要注意

线条一开始样式里设的是:

  • Width = 5 px

但后面成片前,他自己又说“我把线宽降下来了”。
所以最终成片并不是死 5px,而是:

  • 5px 起步
  • 后面又变细一点

24. 做顶部标题条

时间段:17:05–17:34

作者要复刻的是顶部这句:

  • NUCLEAR EMERGENCY SUPPORT TEAM
  • 以及左边的 N.E.S.T.

文字做法

  1. 先打一组文字
  2. 再画一个矩形
  3. 用文字做 Alpha Matte
  4. 再反相,得到“矩形里镂空文字”的感觉

第二组文字

  • 做成全大写

  • 作者明确提到用:

    • Blend Mode = Vivid Light
  • 再把:

    • Opacity = 50 或 75

你给我的画面里

最终时间线里我能看到两层相关文字都设成了:

  • Vivid Light
  • Opacity = 75%

所以真正照着成片抄,优先参考:

  • 75%

25. 做顶部箭头/锯齿装饰

时间段:17:34–18:02

操作

  1. Pen Tool 画一根竖线

  2. 给 shape 加:

    • Zig Zag
  3. 把:

    • Segments = 1
  4. 再把大小拉大

  5. 再加:

    • Repeater
  6. 复制多份

  7. 用两个 mask 修整:

    • 一个 Subtract
    • 一个 Intersect

目的

把锯齿图案修成电影里那种窄条科技箭头感。

你给我的画面里

这一段某帧顶部工具栏显示过:

  • Stroke Width = 20 px

这个值很可能就是这套装饰线条在制作时使用的描边宽度参考。


26. 最后补一个简单的开场镜头运动

时间段:18:06–19:40

作者前面说本来不想让地图动,
但最后还是决定加一个开场:

  • 先聚焦左下角人物和核弹
  • 然后再移到完整地图视图

做法

  1. 在大约 2.5 秒附近,给地图位置打关键帧
  2. 利用前面保存的 map features / 视图状态
  3. 双击核弹对应 feature,让地图快速居中到核弹位置

关键点

因为:

  • Nuke
  • Person

这两个图标都已经 parent 到地图 anchor 上了,
所以地图一动,它们会跟着动。


27. 删掉不想要的初始缩放,只保留平移

时间段:18:49–19:09

作者发现自动生成的地图关键帧里有缩放,但他不想要。

操作

  1. 展开地图 comp 的关键帧
  2. 删掉开头那些 zoom keyframes
  3. 只保留位置移动

结果

开头就是:

  • 图标先居中
  • 然后地图平移展开
  • 不会突然推镜头

28. 再补背景淡入

时间段:19:20–19:40

操作

  1. 给背景/地图层打:

    • Opacity 关键帧
  2. 让开头先只看到 bomb/person

  3. 背景稍后再淡入

作者最后还做了一点位置修正

为了让开头两枚图标更居中,他又把地图整体:

  • 稍微往左
  • 稍微往下

调了一点。


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

下面这些是我能确定的。

可直接抄

  • Lumetri:

    • Saturation = 0
    • Exposure = -2
    • Blacks ≈ 65
  • 核弹:

    • Tritone
    • Midtones = 50% gray
  • 人物:

    • Extract
    • 再接 Fill
    • Fill = 50% gray
  • 连线样式初始值:

    • Fill Off
    • Stroke On
    • Width = 5 px
    • Auto Stroke Width Off
  • 连线动画初始尝试:

    • Animate Feature Path = 1 second
  • Bomb Blast comp:

    • 500 × 500
    • 24 fps
  • Bomb Blast 圆:

    • Stroke Width = 2 px
    • 白色
    • Ellipse Path > Size = 1
  • Bomb Blast 批量生成后缩放:

    • 50%
  • Name comp 初始:

    • 1000 × 500
  • Name comp 后改:

    • 2500 × 500
  • Name 模板:

    • Left Align
  • Name 标签批量后试调缩放:

    • 65%
  • 线条后期透明度:

    • ≈ 65%
  • 顶部标题混合模式:

    • Vivid Light
  • 顶部标题最终参考透明度:

    • 75%
  • 箭头/装饰形状画面里出现过:

    • Stroke Width = 20 px
  • 地图开场移动关键点:

    • 约 2.5 秒

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

这些地方我不会假装看清了。

1. 主地图 comp 的精确创建参数

这支视频是从已经建好的 GeoLayers map comp 继续做
没有完整展示“从零创建 map comp”的尺寸、时长、投影这些设置。

2. 连线颜色的具体数值

只能确认是偏暖浅灰/米灰。
没有清楚 hex / RGB。

3. Bomb Blast 的最终扩散 Amount 数值

作者是拖到“刚碰外边缘”,不是输入具体数字。

4. Name 模板的最终字号

这段前后有变化:

  • 画面一度显示 100 px
  • 口播又说 75 或 50

更合理的结论是:
他做完后成片使用的是偏小字号版本,不是 100px 巨字版本。

5. Drop Shadow 具体参数

只看得出“加了一个轻微阴影”。


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

这部分最重要。

1. 你换城市列表,整套时序都要重排

这支教程最大工作量其实不是画图,而是:

  • 每城 3 层
  • 一共几十个城市
  • 全部错峰出场

只要你换城市,
就要重新整理每组:

  • line
  • blast
  • name

2. 你换地图构图,左下图标区必须重新留白

这套版式的成立,靠的是:

  • 左下有一块空区给人物 + 核弹
  • 中右上密集分布城市名

如果你换成欧洲局部图、亚洲局部图,
这个构图逻辑就得重来。


3. 你换人物或设备图标,色彩处理链也要重做

  • 核弹图标适合 Tritone
  • 人物图标适合 Extract + Fill

但换成别的素材后,不一定还是这套链路最合适。


4. 你换文字密度,Name 模板宽度要再改

作者把 comp 从:

  • 1000
    改到
  • 2500

就是因为长城市名会超框。
如果你换成更长地名,2500 也可能不够。


5. 线宽和文字大小要跟分辨率一起改

如果你不是做这个横版大地图,而是:

  • 1080p
  • 竖版
  • 方版

那这些都要重调:

  • 5px 线宽
  • 2px blast 描边
  • 65% label scale
  • 标题条粗细
  • 箭头描边 20px

6. 中国、印度这种密集区,必须手动局部避让

批量生成只能解决 70% 工作。
真正决定成片是否干净的,是你后面是否手动调整这些拥挤区域。


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

你如果现在照着做,最稳的顺序是:

  1. 先准备城市 CSV
  2. 用 Felt 转成带坐标的 GeoJSON
  3. 导入 GeoLayers
  4. 先把世界地图做成深色低饱和风格
  5. 先摆好人物和核弹图标
  6. 先把核弹做成 feature
  7. 用 Straight Line Mesh 生成连线
  8. 抽出“核弹到城市”的线
  9. 先做 Line style
  10. 再统一 Draw Features 做线动画
  11. 再做 Bomb Blast 模板
  12. 批量发 blast
  13. 再做 Name 模板
  14. 批量发城市名
  15. 最后才去按城市整理时间线
  16. 最后再加顶部标题条和开场平移

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