Create an Indiana Jones Map in After Effects

4 阅读15分钟

这次我按你新上传的 《Create an Indiana Jones Map in After Effects (NO PLUGINS)》 重新拆了一版。
仍然是同一原则:

  • 以画面实际操作为准
  • 字幕只辅助确认顺序
  • 能确认的参数我直接写
  • 看不清或作者本来就是手调的,我会明确标出来,不乱编

这支教程的核心是:
AE 原生功能 + 内置脚本 Create Nulls From Paths
确实不是插件流。


一、这支视频的成品逻辑

作者做的是一种经典的“印第安纳琼斯地图飞行路线”效果,核心构成有 5 个:

  1. 一张世界地图底图
  2. 一条红色旅行路线
  3. 一套跟着路线节点走的城市空对象
  4. 一个跟随路线移动的相机系统
  5. 纸张纹理 + 城市文字 + 小圆点标记

路线大致是:

New York → St. Johns → Azores → Lisbon → Venice


二、作者实际操作流程

1. 先下载一张世界矢量地图

时间段:约 00:42–01:50

作者先去地图素材网站搜世界地图。

操作

  1. 在地图网站搜索:world

  2. 打开一个世界地图素材页

  3. 文件格式里他明确说:

    • 可用 AI
    • 可用 EPS
    • 可用 PDF
  4. 这次他选的是:EPS

作者为什么选 EPS

他解释得很清楚:

  • AI 可以分很多国家独立图层,灵活
  • 但图层会非常多,系统压力更大
  • 这次只是做一个整体世界地图路线动画
  • 所以他选 EPS,更省事

2. 把地图拖进 AE 主合成

时间段:约 01:50–02:20

画面里能确认到的点

  • 合成名:Indiana Jones Map
  • 作者口述:Ultra HD 4K
  • 时间线左下角显示帧率约为:23.976 fps
  • 时间线可见长度大约到 24 秒

操作

  1. 把 EPS 地图拖进主合成

  2. 地图初始很小

  3. 先开启该图层的 连续栅格化 / Continuously Rasterize

    • 就是矢量图层后面那个“小太阳/星形”按钮

原因

不开这个,放大会发虚;
开了以后,矢量图放大仍保持清晰。


3. 地图铺满画面

时间段:约 02:20–02:40

操作

  1. 选中地图层
  2. 菜单:
    Layer > Transform > Fit to Comp Width
  3. 然后按住 Shift,轻微重新摆放位置

作者特别提醒

不要选:

  • Fit to Comp

因为那样可能会把地图“压扁/拉伸”。

应该选:

  • Fit to Comp Width

画面里可见的数据

在这一阶段,地图层 scale 画面里出现过大约:

  • 533.3%

这个值不是手输的,是执行“Fit to Comp Width”后得到的结果。


4. 把地图改成旧地图的棕黄色

时间段:约 02:40–03:25

操作

  1. 打开:
    Window > Effects & Presets

  2. 找到:
    Color Correction > Change to Color

  3. 把这个效果拖到地图层上

  4. 在效果面板里:

    • From:用吸管吸原地图的绿色
    • To:改成一个 tan(浅棕/羊皮纸色)

画面里能确认的效果参数

  • ChangeHue
  • Change BySetting To Color

画面里能确认的数值

Tolerance 这一组保持为:

  • Hue = 5.0%
  • Lightness = 50.0%
  • Saturation = 50.0%
  • Softness = 50.0%

不能乱写的部分

作者说自己是去搜了一个 tan hex code 然后直接粘贴进去,
但画面里具体六位 hex 值看不清,所以这里我不编。


5. 先把地图图层切成 3D

时间段:约 03:25–04:00

这是这支教程的关键前提。

操作

  1. 在时间线里给地图图层打开 3D Layer

作者强调

后面所有要参与镜头运动的元素,最好都在创建后立刻变成 3D
不要先随便摆二维,再后面才切 3D。
否则建立相机系统后,元素很容易“跑飞”。


6. 画旅行路线

时间段:约 04:00–04:55

操作

  1. Pen Tool

  2. 顶部工具栏设置:

    • Fill:关闭
    • Stroke:打开
    • 颜色:红色
    • Stroke Width:3 px

画面里能确认的参数

  • Stroke = 3 px
  • 线条是明显的红色
  • Fill 是None

路线节点

作者按大致位置手画了 5 个点,顺序是:

  1. New York
  2. St. Johns
  3. Azores
  4. Lisbon
  5. Venice

作者说明

这一步不用画得特别准,
因为后面会把每个点都绑定成可编辑的 null,之后还能继续微调。

画完后

  1. 把这个 shape layer 改名:Route
  2. Route 打开 3D

7. 用内置脚本把路径点变成 Null

时间段:约 05:10–05:58

这一段是本教程最核心的 AE 原生技巧。

操作

  1. 选中 Route
  2. 在时间线搜索框搜:path
  3. 展开到真正的路径属性
  4. 菜单:
    Window > Create Nulls From Paths
  5. 在弹出的面板里,点:
    Points Follow Nulls

结果

AE 会自动为路径上的每个点生成一个空对象。

生成后作者做的事

把这些 null 逐个改名为:

  • New York
  • St. Johns
  • Azores
  • Lisbon
  • Venice

还要做

把这些 null 全部切成 3D


8. 先把路线本身做出“绘制动画”

时间段:约 06:01–06:30

操作

  1. 选中 Route
  2. 在 shape layer 的 Add 菜单里添加:
    Trim Paths
  3. 打开 Trim Paths
  4. 20 秒位置给 End 打关键帧
  5. 再回到开头附近,把 End 改成:
    0

意思

路线会从 0% 一直长到 100%。

时间逻辑

作者这里明确说了:

  • 希望这段路线动画大约持续 20 秒

所以你照做可以设成:

  • 开头:End = 0
  • 20 秒:End = 100

9. 锁住世界地图层,避免误拖

时间段:约 06:35–06:45

作者在这里专门说了一句:

为了防止后面不小心把世界地图拖走,最好把世界地图层锁定

这个建议很实用,因为后面你要频繁拖 null、调相机、看双视图,地图很容易误选。


10. 建一个“相机控制 Null”

时间段:约 06:48–07:45

操作

  1. 菜单:
    Layer > New > Null Object
  2. 重命名:
    Camera Control
  3. 给它打开 3D
  4. P 打开 Position

作者的做法

不是直接去动画 Camera 1,
而是先用这个 Camera Control 空对象来规划“镜头经过哪里”。


11. 给 Camera Control 做位置关键帧

时间段:约 07:20–08:30

操作逻辑

作者沿着路线,分几段在时间线上放关键帧:

  1. 开头靠近纽约
  2. 中间跟着路线走
  3. 后面接近欧洲
  4. 结尾到 Venice

关键点

这里他是“看路线长到哪儿,镜头跟到哪儿”。

这一步的性质

这一步没有固定数值
作者是手动拖位置,靠画面构图决定的。
所以你不应该死抄某个 Position 数字,而是应该抄他的工作流:

  • 先大致跟路线
  • 再后面统一细修

12. 开启完整运动路径显示

时间段:约 08:09–08:20

作者中途特地插了一句“未来的我提醒你”。

操作

  1. 菜单:
    Edit > Preferences > Display
  2. 在 Motion Path 那里选择:
    All Keyframes

作用

这样你能看到完整运动路径,
后面调镜头轨迹会轻松很多。


13. 把 Camera Control 的运动轨迹调平滑

时间段:约 08:35–09:40

这一步是在修“镜头怎么飞”。

13.1 平滑空间路径

  1. 长按钢笔工具
  2. 选:
    Convert Vertex Tool
  3. 对中间几个位置点点击并拖拽

作用

把本来生硬的折线运动,拉成更顺的弧形过渡。


13.2 平滑时间节奏

  1. 在时间线里选中中间两个关键帧
  2. 右键:
    Rove Across Time

作用

让中间段速度更均匀自然。


13.3 起点终点做缓动

  1. 选第一个关键帧:
    Keyframe Assistant > Easy Ease Out
  2. 选最后一个关键帧:
    Keyframe Assistant > Easy Ease In

作者的目的

让镜头:

  • 开头更柔和地起步
  • 结尾更柔和地停下

14. 创建真正的相机

时间段:约 09:42–10:00

操作

  1. 菜单:
    Layer > New > Camera
  2. 选:
    Two-Node Camera
  3. 预设:
    35 mm
  4. 不开景深相关项

作者说明

这是一个顶视角地图,不需要景深效果。


15. 把 Camera 1 绑定到 Camera Control

时间段:约 09:57–10:06

操作

  1. Camera 1 直接 parent 到 Camera Control

作者特别提醒

不要去单独连某个 position 属性,
而是直接把整个 Camera 1 父链接到 Camera Control

结果

相机就会跟着这个 null 的运动轨迹飞。


16. 用相机工具做构图

时间段:约 10:10–10:55

作者用到的工具

相机工具里他说这次只用两个:

  • Pan
  • Dolly

不用 Orbit,因为这是顶视图。

快捷键

  • C 可以循环切换相机工具

操作思路

  1. 把时间指针放到第一个关键帧
  2. Dolly 拉近
  3. Pan 调整画面位置
  4. 让纽约起点镜头构图合理

17. 用 Front 视图和 Two Views 修镜头轨迹

时间段:约 11:00–12:15

作者这里讲得非常实用。

方法 A:切换成 Front

在视图下拉里,把当前视图从:

  • Active Camera

切到:

  • Front

你就能看到镜头轨迹和空间位置。


方法 B:切成双视图

  1. 把视图改为:
    2 Views
  2. 一边设成:
    Front
  3. 一边保持:
    Active Camera

这样做的好处

你可以一边看最终成片画面,
一边看相机控制轨迹有没有跑偏。


作者特别提醒

如果你要微调镜头轨迹:

  • 不要直接拖 null 本体
  • 要去拖 Camera Control 的 Position 关键帧

这样会更稳、更好调。


18. 叠加纸张纹理

时间段:约 12:20–13:50

作者这里去找了一张旧纸张纹理。

操作

  1. 下载一张 old paper texture

  2. 导入 AE

  3. 把它拖进合成

  4. 放到:

    • 地图层上面
    • 路线层下面

然后做的事

  1. 先把纹理图层也切成 3D
  2. 在 Front / 2 Views 里看它的覆盖范围
  3. 不让它铺满整个世界,只让它覆盖镜头会看到的区域

作者理由

因为镜头只看局部路径区域,
所以纹理没必要浪费分辨率去铺整个世界。


画面里能确认的参数

在一个镜头里,纹理层 scale 显示大约:

  • 25.0% , 25.0%

这不是绝对固定值,
但说明作者是明显把大图大幅缩小到只覆盖有效区域


19. 把纸纹设为 Multiply,并压低不透明度

时间段:约 13:30–13:55

操作

  1. 把纹理图层移到更上面
  2. 切到 Modes
  3. Blend Mode 改成:
    Multiply
  4. 再把 Opacity 往下压

不能乱写的部分

画面里没给出最终具体 opacity 百分比。
作者只是说这张纹理太强了,要把它淡一点。
所以这里结论只能是:

  • Multiply
  • Opacity 适当降低

20. 加第一个城市标签:New York

时间段:约 14:00–14:56

操作

  1. Text Tool
  2. 点击画面输入:
    New York
  3. 然后把该文字层切成 3D

结果

文字会一下飞到奇怪位置。
这是正常的,因为刚切进 3D 空间。


让文字自动吸附到对应城市

  1. 找到文字层的 Parent Pick Whip
  2. 拖到 New York 这个 null 上
  3. 释放时按住 Shift

作用

Shift-parent 会让它直接吸附到对应位置


21. 调整文字样式

时间段:约 14:40–14:56

作者口述里明确提到的设置

  • 字体:Inter

  • 他已经提前调好了:

    • character size
    • kerning

这一步还能确认的操作

  • 把段落改成:右对齐 / Right Align

看不清的部分

具体字号、字距数值,画面里没清楚展示。
所以这里只能确定:

  • Inter
  • 字距拉开
  • 右对齐
  • 效果接近电影地图字样

22. 给城市加一个小圆点 Marker

时间段:约 14:57–15:40

操作

  1. 长按形状工具

  2. Ellipse

  3. 设置:

    • Stroke:关闭
    • Fill:打开
    • 颜色大致延续路线/标记色系(偏红)
  4. 按住 Shift 双击 椭圆工具
    会自动生成一个完美正圆

  5. 重命名:
    New York Marker

  6. 切成 3D

然后吸附到城市点

  1. 同样用 parent pick whip
  2. 拖到 New York null
  3. Shift 释放,让它直接吸附过去

23. 把 Marker 缩小到真正可用尺寸

时间段:约 15:25–15:40

操作

  1. 搜索参数:
    size

  2. 找到椭圆的 Ellipse Path > Size

  3. 作者先说先随便输入一个较小值,比如:

    • 25
  4. 然后继续改小,最后说:

    • 10

结论

这个教程里,最终圆点标记大小可以直接参考:

  • Size = 10

然后把它放到文字下方。


24. 后面其它城市照着复制

时间段:约 15:40–16:04

作者最后说得很直接:

剩下的城市就按同样方法继续做:

  • 文字标签
  • 小圆点
  • 绑定对应 null
  • 需要的话放到纹理层下面,让它也吃到纸张质感

25. 最后开运动模糊并渲染

时间段:结尾

作者最后提到:

  • 给所有内容打开 Motion Blur
  • 然后就可以渲染

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

下面这部分是你最方便直接用的。

能确认的

  • 主合成:Ultra HD 4K

  • 帧率:画面显示约 23.976 fps

  • 合成长度:时间线可见约 24 秒

  • 地图文件:EPS

  • 地图铺满方式:
    Layer > Transform > Fit to Comp Width

  • 地图层 scale 画面里出现过:533.3%

  • Change to Color:

    • Change = Hue
    • Change By = Setting To Color
    • Hue Tolerance = 5.0%
    • Lightness = 50.0%
    • Saturation = 50.0%
    • Softness = 50.0%
  • Route:

    • Fill = None
    • Stroke = Red
    • Stroke Width = 3 px
  • 路线动画:

    • Trim Paths > End
    • 开头附近:0
    • 20 秒处:100
  • Camera:

    • Two-Node Camera
    • 35 mm preset
  • 纹理层:

    • Blend Mode = Multiply
    • 画面出现过的缩放示例:25%
  • 文字字体:

    • Inter
  • Marker:

    • Ellipse Path > Size
    • 最终建议值:10

四、这支视频里不能硬编、只能按画面结论写的地方

这些地方作者要么是手调,要么画面没显示清楚,我不乱写。

1. tan 的具体 hex 值

作者说自己复制了一个 tan hex code,
但画面里没有清楚显示六码。

2. 文字的精确字号与 kerning 数值

只能确认字体是 Inter、字距拉开、右对齐。
具体数值画面没有稳定展示。

3. 纹理最终 opacity

只能确认他把纹理压低了,
但最终百分比没显示清楚。

4. Camera Control 每个 Position 的具体坐标

这些不是固定模板数值,
作者一直在按构图手拖修正。
所以这里抄流程,不抄死坐标。


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

这部分最重要。

1. 你换路线城市,所有 null 数量都要变

只要你不做 New York → Venice 这条线,
你就必须重新:

  • 画 path
  • 生成新的 null
  • 重命名 null
  • 重新布置 Camera Control 的关键帧

2. 你换地图范围,镜头构图必须重来

如果你只做欧洲、只做亚洲,或者只做某一个国家:

  • 地图不一定还用 Fit to Comp Width
  • 起始构图要重定
  • 相机 Dolly/Pan 要重做
  • texture 覆盖区域也要重新裁

3. 你换底图颜色,Change to Color 要重吸

如果你拿到的地图本身不是绿色底图,
From 的吸色点必须重选。
To 也不一定还是 tan。


4. 你换纹理图,Multiply 强度会完全不同

不同纸纹差异很大,所以这两个值必须重调:

  • Scale
  • Opacity

有的纹理很淡,有的非常脏,直接照搬会失控。


5. 你换分辨率,Marker 和字大小都要重设

如果你不是 4K,而是 1080p 或竖屏:

  • 文本字号
  • kerning
  • 圆点大小
  • 路线粗细 3px 是否还合适

都要重新判断。


6. 你换路线长短,Trim Paths 时间也要重分配

作者这里是长路线,所以给了:

  • 20 秒

如果你的路线更短,20 秒会显得拖。
如果路线更多站点,20 秒又可能太快。


7. 一定先开 3D,再建相机系统

这是这支教程最容易出错的点。
你如果后面才切 3D,元素位置很容易乱。


六、给你一份最省事的复刻顺序

你照着这个顺序做,返工最少:

  1. 建 4K 主合成
  2. 导入 EPS 世界地图
  3. 开连续栅格化
  4. Fit to Comp Width
  5. Change to Color 改成旧地图色
  6. 先把地图切 3D
  7. 用钢笔画 Route
  8. Route 加 3D
  9. Create Nulls From Paths
  10. null 全部重命名并切 3D
  11. Route 加 Trim Paths
  12. 建 Camera Control
  13. 给 Camera Control 做位置关键帧
  14. Preferences 里改成 All Keyframes
  15. Convert Vertex + Rove Across Time + Easy Ease
  16. 建 Two-Node Camera(35mm)
  17. Camera parent 到 Camera Control
  18. 用 Pan / Dolly 调起始构图
  19. 导入纸张纹理,切 3D,缩到只覆盖有效区域
  20. Multiply + 降低 Opacity
  21. 做文字标签并 Shift-parent 到对应 null
  22. 做圆点 marker,Size 改到 10
  23. 复制到其它城市
  24. 开 Motion Blur
  25. 渲染

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