AE《Recreate the Johnny Harris 3D Hawaii Map》操作提取版

7 阅读15分钟

说明:这份教程是根据你提供的视频和字幕逐步还原的 AE 实操流程版
我把内容分成三类:

  • 已确认:画面里能看清,或者作者口播明确说出的控件/参数。
  • 近似确认:画面能大致看出,但数值存在一点模糊。
  • 未显示/推断:作者提到了思路,但视频没有把精确数值展示完整。

我继续整理好了,这个新视频也已经拆成了可复刻教程。

下载文档:
AE_JohnnyHarris_夏威夷3D地图教程_提取版.md

这次能确认下来的关键参数,比上一条更完整一些:

  • 工程名:Johnny Harris Oahu Map
  • 分辨率:3840 × 2160
  • 帧率:25 fps
  • 时长:30 seconds
  • Texture Size:4096 px
  • Heightmap Size:512 px
  • 3D 插件:Mettle FreeFormPro

地形控制:

  • Elevation 初始回到 100
  • 后面提高到 150
  • 再试到 200

老地图对齐时画面里出现过的值:

  • Scale ≈ 50.0%
  • Opacity ≈ 36%
  • 精调后 Scale ≈ 41.1%
  • Opacity ≈ 14%
  • Pin 完后 Scale ≈ 37.9%

灯光:

  • Ambient Light50%
  • Spot Light:先 100,后减到 75
  • Cone Angle = 93°
  • Cone Feather = 100%
  • Casts Shadows = On
  • Shadow Darkness = 177%
  • Shadow Diffusion = 0 px

相机控制层:

  • CAMERA PITCH (Rotate X):俯仰
  • CAMERA BEARING (Rotate Z):方位
  • CAMERA ELEVATION (Position Z):高低
  • 画面里能看到 X Rotation = +42.0°
  • 演示动画里是 0° → +60.0°

动画部分:

  • Oahu.jpg (Pinned)Rectangle Mask
  • 1 秒 左右给 Mask Path 打关键帧
  • 再给 Mask Feather
  • 关键帧做 Easy Ease

这份文档里我已经按“初始化 → 定位 → 贴图 → 灯光 → 相机 → 遮罩动画”完整整理好了,并把“已确认 / 近似确认 / 未显示”区分开了。

你要是继续,我下一条就直接给你做成你最需要的那种:
逐点击复刻版,也就是“点哪里、选什么、数值填多少、当前应该看到什么”。

一、这期视频做的是什么

作者要复刻 Johnny Harris 在夏威夷视频片头里那种 “老地图贴在 3D 地形表面上” 的效果。
核心不是普通 GEOlayers 地图,而是:

  1. GEOlayers 3 建一个 3D Landscape 工程。
  2. 用第三方插件把平面位移成地形。
  3. 把一张老地图图片贴到地形纹理上。
  4. 用灯光、相机控制器和遮罩动画,做出 Johnny Harris 那种桌面式 3D 地图展示。

二、前置条件

1)必须用到的插件

作者明确说了,这个效果除了 GEOlayers 3 之外,还需要额外的 3D 位移插件,创建 3D Landscape 时会出现 3 个选项:

  • Mettle FreeFormPro
  • Rowbyte Plexus 3
  • Trapcode Mir 3

这期视频里作者实际点击的是:

  • Mettle FreeFormPro

2)地图素材来源

作者去 David Rumsey 地图库搜索 Oahu,找到 Johnny Harris 用过的那张老地图,然后导出图片导入 AE。
视频里导出时选择的是:

  • Export → Extra-Large

三、项目初始化

Step 1:打开 GEOlayers 3

路径:

  • Window → Extensions → GEOlayers 3

Step 2:不要先建普通 Map Comp,直接点 3D Landscape

作者强调:

  • 不要先 Create Map Comp
  • 先点 Create 3D Landscape

因为这个按钮会自动生成一套专门用于 3D 地形的工程结构,和普通地图工程不一样。

Step 3:在弹窗里填写 3D Landscape 参数

弹窗名称:

  • Create 3D Landscape

视频里能确认到的参数如下。

已确认参数

  • NameJohnny Harris Oahu Map
  • Size:作者口播说“Make this 4k”,画面显示已改为 4K
    • 可按:3840 × 2160
  • Framerate25 fps
  • Duration30 seconds
  • Texture Size4096 px
  • Heightmap Size512 px
  • 插件选择:Mettle FreeFormPro

Step 4:点击插件按钮生成工程

点击:

  • Mettle FreeFormPro

生成后,AE 里会自动建立一组预设好的 3D 地形合成结构。


四、工程结构理解

作者专门解释了这个 3D Landscape 工程内部结构。

主要关系是:

  • 主合成:Johnny Harris Oahu Map
  • 内部有:controller / 00 Controller
  • controller 里面还有:
    • Texturemap FreeFormPro
    • Height Map

视频里主合成下能看到的关键图层名称大致如下:

  • Camera 1
  • CAMERA PITCH (Rotate X)
  • CAMERA BEARING (Rotate Z)
  • CAMERA ELEVATION (Position Z)
  • 00 Controller Anchor
  • 00 Controller
  • Texturemap FreeFormPro
  • 02 Height Anchor
  • 02 Height

也就是说,这个模板已经把:

  • 相机
  • 俯仰控制
  • 方位旋转控制
  • 高度控制
  • 纹理层
  • 高程层

都预先搭好了。


五、把 GEOlayers 地图定位到 Oahu

Step 5:在 controller comp 中搜索 Oahu

作者说的是:

  • 选中 controller comp
  • 在 GEOlayers 搜索框输入:Oahu
  • 点击搜索结果对应按钮,把地图直接跳到 Oahu

画面右侧 GEOlayers 面板里能看到搜索词就是:

  • oahu

Step 6:切到 Full 分辨率,并 Finalize

作者操作:

  • 预览分辨率改成:Full
  • 按住 Ctrl 再点击 Finalize

他说这里用 Ctrl + Click Finalize 去处理地图。

Step 7:如果海洋卫星图有问题,缩一级再 Finalize

作者第一次 Finalize 后发现海面卫星图有瑕疵,于是这样处理:

  • 在 GEOlayers 里 缩小 1 个 scale level
  • 然后再 重新 Finalize

他说这个方法可以避免为了修海面而再去 Photoshop 抹图。


六、调整地形插件的 Elevation

Step 8:进入 Texturemap FreeFormPro 合成

进入路径:

  • 主合成内部的纹理地图 comp
  • 也就是作者说的:texture freeform map comp

左侧 Effect Controls 里能看到:

  • 一个单独的控制效果:Elevation
  • 以及插件:Mettle FreeForm Pro

Step 9:通过 Elevation 控制地形起伏

作者明确指出:

  • Elevation 滑块就是控制 3D 地形高度的地方

已确认参数

  • 初始回到:100

后面作者又继续加大:

  • 先提高到:150
  • 然后又试到:200

所以这期视频中出现过的关键高度值就是:

  • 100
  • 150
  • 200

推荐理解

  • 100:基础地形
  • 150:更接近 Johnny 的夸张山体起伏
  • 200:明显 exaggerate,阴影更强

七、导入老地图并与地形对齐

Step 10:把导出的 Oahu 老地图拖进 3D Landscape Texturemap 合成

作者导入的文件名在画面里显示为:

  • Oahu.jpg

放入位置:

  • 3D Landscape Texturemap

Step 11:先粗略缩放,让老地图覆盖岛屿

作者把老地图放进来后,先直接缩小。

已确认/近似确认的数值变化

从画面中能看到几次缩放状态:

  • 一开始对齐阶段大约:Scale 50.0%, 50.0%
  • 继续精调时大约:Scale 41.1%, 41.1%
  • Pin 完后的图层显示大约:Scale 37.9%, 37.9%

这里不要死抄某一个数值。作者实际做法是:

  • 先到 50% 左右
  • 再边看边缩到更贴合地形轮廓的位置

Step 12:按 Shift + T 降低透明度,方便叠对

作者口播明确:

  • Shift + T 调出 Opacity
  • 把透明度降下来,去看下面的卫星图

已确认/近似确认的透明度数值

画面里出现过:

  • Opacity 36%
  • 后续精调时约:Opacity 14%

所以实操时可以这样做:

  1. 先把透明度降到 30%~40%
  2. 对得差不多后再压低到 10%~20%
  3. 完成后恢复到 100%

Step 13:用 Pan Behind Tool 改锚点

作者为了更好对齐,专门把锚点移到一个明显的海岸特征点。

工具:

  • Pan Behind Tool
  • 也就是 Anchor Point Tool

操作逻辑:

  • Oahu.jpg 的锚点拖到岛屿上的一个 小半岛/突出的海岸特征点
  • 这样后续缩放时更容易围绕这个特征点对齐

Step 14:切回 Selection Tool,继续拖动+缩放精确贴合

作者接着做了两件事:

  1. 拖动位置,让老地图和卫星图的关键轮廓重合
  2. 缩放时 按住 Ctrl,做更细腻的缩放调整

作者原话含义是:

  • 按住 Ctrl 缩放,可以获得更精细的调节手感

Step 15:如果太卡,降低预览分辨率

作者明确提到:

  • 这个工程会比较卡
  • 可以把分辨率调低,让操作更流畅

画面里看到过:

  • Full
  • Third
  • Adaptive Resolution

八、把老地图 Pin 到 GEOlayers 纹理系统里

Step 16:选中老地图图层和纹理目标图层

作者说:

  • 先选中这张老地图
  • 再选中 texture map comp 里的目标层
  • 然后使用 Pin

Pin 完成后,图层名会变成:

  • Oahu.jpg (Pinned)

Step 17:在 GEOlayers 里执行 Pin

右侧 GEOlayers 面板里可以看到:

  • 顶部对象是 01 Texture
  • 面板上方有 Pin 按钮

作者操作就是把这张图 Pin 到纹理层

Step 18:勾选地图联动选项

Pin 完后,左侧效果控件里能看到这些选项:

  • Scale with Map勾选
  • Rotate with Map勾选
  • Rotate along path不勾选
  • Bearing Offset → 默认 0x+0.0°
  • Position Progress → 默认 0.00

作者口播里还说:

  • 要确保它是 3D

所以这里你要做的是:

  1. Pin 到 01 Texture
  2. 打开 Scale with Map
  3. 打开 Rotate with Map
  4. 图层保持 3D

九、回到主合成查看 3D 贴图结果

Step 19:回主合成观察

回到 Johnny Harris Oahu Map 主合成后,就能看到:

  • 老地图已经贴到了 3D 地形表面
  • 地形起伏开始在地图表面体现出来

此时画面已经非常接近 Johnny Harris 那种效果的基础版。


十、加灯光塑造体积感

作者明确说,这一步很重要,因为单纯位移之后还不够像 Johnny 的效果,要靠灯光把山体阴影打出来。

Step 20:新建 Ambient Light

路径:

  • 在主合成时间线空白处 右键
  • New → Light

参数:

  • Light TypeAmbient
  • Intensity50%

作者说先设成:

  • 50

后面又做了进一步微调:

  • 又加了 10%
  • 再继续略微提高

所以可复刻做法是:

  1. 先建 Ambient Light 1
  2. 初值设 50%
  3. 后面根据画面对比再提到 60% 左右,甚至更高一点

Step 21:再新建 Spot Light

路径同样是:

  • Right Click → New → Light

参数:

作者口播明确值

  • Light TypeSpot
  • Intensity:先设 100
  • 要勾:Casts Shadows

画面里能看清/近似看清的值

  • Cone Angle93°
  • Cone Feather100%
  • FalloffNone
  • Shadow Darkness177%
  • Shadow Diffusion0 px

其中 Spotlight 的强度,作者口播先说设 100,后面又说“太亮了”,再降到 75
所以实际使用顺序是:

  • 100
  • 预览后减到 75

Step 22:拖动 Spotlight 位置,找最好看的阴影方向

作者的操作方式:

  • 先取消选中
  • 再重新点选 spotlight
  • 直接在画面里拖它的位置

目的:

  • 让山脉表面出现更漂亮的明暗变化
  • 让地图看起来更立体、更像桌面模型

作者也明确说了:

  • 这一步其实可以玩很久
  • 灯光会极大影响最终质感

十一、继续增强地形夸张程度

Step 23:回到 Elevation,把地形抬高到 150 / 200

后面作者又回到:

  • Texturemap FreeFormProEffect Controls
  • Elevation 滑块

调整逻辑:

  • 先从 100 提到 150
  • 再提到 200

这样做的目的:

  • 让山体阴影更明显
  • 让老地图压在地形上的感觉更强

十二、用预设 Null 控制相机角度

作者重点说明了这个模板里已经预置好几个控制器,不需要你自己再搭一套。

Step 24:俯仰用 CAMERA PITCH (Rotate X)

图层名:

  • CAMERA PITCH (Rotate X)

控制方法:

  • 展开这个图层
  • 改它的 X Rotation

已确认数值

画面里出现过:

  • X Rotation = +42.0°
  • 后面做演示动画时:X Rotation = +60.0°

作者口播说得也很清楚:

  • Pitch 用 X Rotation 控制

Step 25:方位旋转用 CAMERA BEARING (Rotate Z)

图层名:

  • CAMERA BEARING (Rotate Z)

控制方法:

  • 改这个控制层的 Z Rotation

作者原话:

  • Z Rotation 可以控制 bearing
  • 也就是把地图绕垂直方向转一圈,改变朝向

Step 26:高低远近用 CAMERA ELEVATION (Position Z)

图层名:

  • CAMERA ELEVATION (Position Z)

控制方法:

  • 改它的 Z Position

作者原话:

  • Z Position 会让整个画面上移下移
  • 本质上就是改变相机/平台的高度感

十三、做 Johnny 式“地图显现”动画

作者最后说,Johnny 的原版还更复杂,比如:

  • 投影感 n- 更多桌面环境元素
  • 动画开合更精致

但他给了一个很直接的 AE 实现法:用遮罩把地图擦出来

Step 27:对 Oahu.jpg (Pinned) 添加矩形遮罩

操作:

  • 进入 3D Landscape Texturemap
  • 选中 Oahu.jpg (Pinned)
  • Rectangle Tool 给这张图加一个遮罩

时间线里会出现:

  • Mask 1
  • Mask Path
  • Mask Feather
  • Mask Opacity
  • Mask Expansion

Step 28:在 1 秒位置给 Mask Path 打关键帧

作者口播明确:

  • 1 second mark
  • Mask Path 打一个关键帧

也就是:

  1. 当前时间指针移到 00:01:00 左右
  2. Mask Path 前面的秒表

Step 29:把前一帧/起始状态的遮罩改到另一侧

作者接着做的是:

  • 回到前面某个时间点
  • 把遮罩路径拉到另一边
  • 这样地图就会形成一个“从一边擦出来”的效果

视频里虽然没逐点报坐标,但逻辑很明确:

  • 后一个关键帧:遮罩覆盖完整地图
  • 前一个关键帧:遮罩只露出一部分甚至几乎不露

Step 30:给遮罩加 Feather

作者说:

  • 可以加一点 Mask Feather

所以这里建议:

  • Mask Feather 一个小到中等的值
  • 让显现边缘不要那么硬

视频里没有给出精确 feather 数值。

Step 31:关键帧做 Easy Ease

作者原话:

  • 给这些关键帧加一些 Easy Ease

所以:

  1. 选中 Mask Path 关键帧
  2. F9 或右键 Keyframe Assistant → Easy Ease

十四、给相机俯仰再加一点动画

Step 32:给 CAMERA PITCH 的 X Rotation 做动画

作者最后示范:

  • CAMERA PITCH (Rotate X) 做一个俯仰变化

已确认演示值

  • 60°

也就是他的演示思路是:

  1. 开头更接近俯视
  2. 后面逐步抬起到一个有透视感的角度

这一步和遮罩动画配合起来,就会更像 Johnny 片头那种:

  • 地图一边显现
  • 相机一边变化角度

十五、按视频还原时,最关键的参数清单

下面这部分你可以直接拿去照着做。

核心初始化参数

  • 插件:GEOlayers 3
  • 3D 位移插件:Mettle FreeFormPro
  • 工程名:Johnny Harris Oahu Map
  • 分辨率:3840 × 2160
  • 帧率:25 fps
  • 时长:30 s
  • Texture Size:4096 px
  • Heightmap Size:512 px

地形参数

  • Elevation = 100(初始)
  • Elevation = 150(加强)
  • Elevation = 200(强夸张)

对齐阶段出现过的图层参数

  • Scale ≈ 50.0%
  • Opacity ≈ 36%
  • Scale ≈ 41.1%
  • Opacity ≈ 14%
  • Pinned 后 Scale ≈ 37.9%
  • Opacity = 100%

Pin 后需要开的选项

  • Scale with Map = On
  • Rotate with Map = On
  • Rotate along path = Off
  • Bearing Offset = 0
  • Position Progress = 0
  • 图层保持 3D

灯光参数

Ambient Light 1

  • Type:Ambient
  • Intensity:50%
  • 后续再提高约 10%,并可继续微调

Spot Light 1

  • Type:Spot
  • Intensity:先 100,后减到 75
  • Cone Angle = 93°
  • Cone Feather = 100%
  • Falloff = None
  • Casts Shadows = On
  • Shadow Darkness = 177%
  • Shadow Diffusion = 0 px

相机控制层

  • CAMERA PITCH (Rotate X):俯仰
    • 画面中见到:+42.0°
    • 演示动画:0° → +60.0°
  • CAMERA BEARING (Rotate Z):方位旋转
  • CAMERA ELEVATION (Position Z):高低/远近

遮罩动画

  • 图层:Oahu.jpg (Pinned)
  • 工具:Rectangle Tool
  • 属性:Mask Path
  • 1 秒 左右打关键帧
  • Mask Feather
  • 关键帧做 Easy Ease

十六、这期视频里没展示清楚,但你复刻时要注意的点

1)地图边缘问题

作者自己也提到,Johnny 原版里没有明显的地形边界,而他这个快速复刻版能看到边缘。
他说可能的原因有两个:

  • Johnny 把预合成的纹理铺得更大
  • 或者把贴图做了更大的 scale / 更好的包裹处理

所以你要更像原版的话,可以继续试:

  • 把纹理预合成做大
  • 让地图边界延伸得更自然
  • 在场景里再加桌面、阴影、投影元素

2)Johnny 原版不只是 AE 模板直出

作者判断 Johnny 大概率不是 Blender 做的,但 Johnny 肯定还做了更多精修,比如:

  • 桌面环境元素
  • 投影/投射感
  • 更精致的灯光和合成
  • 更复杂的动画节奏

也就是说,这个视频教的是:

  • 如何在 AE + GEOlayers + 第三方插件里快速搭出同类效果
  • 不是 100% 逐像素还原 Johnny 最终成片

十七、最短复刻流程

如果你只想最快做出来,直接照这个顺序:

  1. Window → Extensions → GEOlayers 3
  2. Create 3D Landscape
  3. 填:3840×2160 / 25fps / 30s / Texture 4096 / Heightmap 512
  4. Mettle FreeFormPro
  5. 在 controller 搜 Oahu
  6. Ctrl + Click Finalize
  7. 如果海面有问题,缩一级再 Finalize
  8. 3D Landscape Texturemap
  9. 导入 Oahu.jpg
  10. 缩到约 50% 附近,透明度先降到 36%
  11. Pan Behind Tool 把锚点放到明显海岸特征点
  12. 继续缩放到约 41% 附近,透明度压到约 14%
  13. 位置对齐岛屿轮廓
  14. 把图片 Pin01 Texture
  15. 打开 Scale with MapRotate with Map
  16. 确保图层是 3D
  17. 回主合成,新建 Ambient Light 1,强度 50%
  18. 新建 Spot Light 1,先 100%,后减到 75%
  19. Elevation,把地形从 100 提到 150,甚至 200
  20. CAMERA PITCH / BEARING / ELEVATION 调视角
  21. Oahu.jpg (Pinned) 加矩形遮罩
  22. 1 秒 附近做 Mask Path 动画
  23. 加一点 Mask Feather
  24. 关键帧 Easy Ease
  25. CAMERA PITCH0° → 60° 的演示动画

十八、结论

这期视频最关键的不是某一个复杂表达式,而是这几个核心认知:

  1. Johnny 这类 3D 老地图效果,可以直接在 AE 里做,不一定要 Blender。
  2. 关键是用 GEOlayers 的 3D Landscape 模板,而不是普通 Map Comp。
  3. 真正把“质感”拉起来的,是 Elevation + 灯光 + Camera 控制层。
  4. 地图显现动画最简单的做法,就是在 Pinned 贴图层上做 Mask Path。

如果你要,我下一版可以继续按你上一个文件的格式,给你整理成更硬核的:
“逐点击清单版”,也就是每一步都写成:

  • 点击哪个面板
  • 点哪个按钮
  • 选哪个图层
  • 改哪个数值
  • 当前应该看到什么画面

那样你照着点就能直接复刻。