说明:这份教程是根据你提供的视频和字幕逐步还原的 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 Light:50%Spot Light:先100,后减到75Cone Angle = 93°Cone Feather = 100%Casts Shadows = OnShadow 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 地图,而是:
- 用 GEOlayers 3 建一个 3D Landscape 工程。
- 用第三方插件把平面位移成地形。
- 把一张老地图图片贴到地形纹理上。
- 用灯光、相机控制器和遮罩动画,做出 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
视频里能确认到的参数如下。
已确认参数
- Name:
Johnny Harris Oahu Map - Size:作者口播说“Make this 4k”,画面显示已改为 4K
- 可按:
3840 × 2160
- 可按:
- Framerate:
25 fps - Duration:
30 seconds - Texture Size:
4096 px - Heightmap Size:
512 px - 插件选择:
Mettle FreeFormPro
Step 4:点击插件按钮生成工程
点击:
- Mettle FreeFormPro
生成后,AE 里会自动建立一组预设好的 3D 地形合成结构。
四、工程结构理解
作者专门解释了这个 3D Landscape 工程内部结构。
主要关系是:
- 主合成:
Johnny Harris Oahu Map - 内部有:
controller/00 Controller - controller 里面还有:
Texturemap FreeFormProHeight Map
视频里主合成下能看到的关键图层名称大致如下:
Camera 1CAMERA PITCH (Rotate X)CAMERA BEARING (Rotate Z)CAMERA ELEVATION (Position Z)00 Controller Anchor00 ControllerTexturemap FreeFormPro02 Height Anchor02 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
所以这期视频中出现过的关键高度值就是:
100150200
推荐理解
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%
所以实操时可以这样做:
- 先把透明度降到
30%~40% - 对得差不多后再压低到
10%~20% - 完成后恢复到
100%
Step 13:用 Pan Behind Tool 改锚点
作者为了更好对齐,专门把锚点移到一个明显的海岸特征点。
工具:
- Pan Behind Tool
- 也就是 Anchor Point Tool
操作逻辑:
- 把
Oahu.jpg的锚点拖到岛屿上的一个 小半岛/突出的海岸特征点 上 - 这样后续缩放时更容易围绕这个特征点对齐
Step 14:切回 Selection Tool,继续拖动+缩放精确贴合
作者接着做了两件事:
- 拖动位置,让老地图和卫星图的关键轮廓重合
- 缩放时 按住 Ctrl,做更细腻的缩放调整
作者原话含义是:
- 按住
Ctrl缩放,可以获得更精细的调节手感
Step 15:如果太卡,降低预览分辨率
作者明确提到:
- 这个工程会比较卡
- 可以把分辨率调低,让操作更流畅
画面里看到过:
FullThirdAdaptive 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
所以这里你要做的是:
- Pin 到
01 Texture - 打开
Scale with Map - 打开
Rotate with Map - 图层保持 3D
九、回到主合成查看 3D 贴图结果
Step 19:回主合成观察
回到 Johnny Harris Oahu Map 主合成后,就能看到:
- 老地图已经贴到了 3D 地形表面
- 地形起伏开始在地图表面体现出来
此时画面已经非常接近 Johnny Harris 那种效果的基础版。
十、加灯光塑造体积感
作者明确说,这一步很重要,因为单纯位移之后还不够像 Johnny 的效果,要靠灯光把山体阴影打出来。
Step 20:新建 Ambient Light
路径:
- 在主合成时间线空白处 右键
- New → Light
参数:
- Light Type:
Ambient - Intensity:
50%
作者说先设成:
50
后面又做了进一步微调:
- 又加了
10% - 再继续略微提高
所以可复刻做法是:
- 先建
Ambient Light 1 - 初值设
50% - 后面根据画面对比再提到
60%左右,甚至更高一点
Step 21:再新建 Spot Light
路径同样是:
- Right Click → New → Light
参数:
作者口播明确值
- Light Type:
Spot - Intensity:先设
100 - 要勾:
Casts Shadows
画面里能看清/近似看清的值
Cone Angle:93°Cone Feather:100%Falloff:NoneShadow Darkness:177%Shadow Diffusion:0 px
其中 Spotlight 的强度,作者口播先说设
100,后面又说“太亮了”,再降到75。
所以实际使用顺序是:
- 先
100- 预览后减到
75
Step 22:拖动 Spotlight 位置,找最好看的阴影方向
作者的操作方式:
- 先取消选中
- 再重新点选 spotlight
- 直接在画面里拖它的位置
目的:
- 让山脉表面出现更漂亮的明暗变化
- 让地图看起来更立体、更像桌面模型
作者也明确说了:
- 这一步其实可以玩很久
- 灯光会极大影响最终质感
十一、继续增强地形夸张程度
Step 23:回到 Elevation,把地形抬高到 150 / 200
后面作者又回到:
Texturemap FreeFormPro的Effect ControlsElevation滑块
调整逻辑:
- 先从
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 1Mask PathMask FeatherMask OpacityMask Expansion
Step 28:在 1 秒位置给 Mask Path 打关键帧
作者口播明确:
- 到 1 second mark
- 给 Mask Path 打一个关键帧
也就是:
- 当前时间指针移到
00:01:00左右 - 点
Mask Path前面的秒表
Step 29:把前一帧/起始状态的遮罩改到另一侧
作者接着做的是:
- 回到前面某个时间点
- 把遮罩路径拉到另一边
- 这样地图就会形成一个“从一边擦出来”的效果
视频里虽然没逐点报坐标,但逻辑很明确:
- 后一个关键帧:遮罩覆盖完整地图
- 前一个关键帧:遮罩只露出一部分甚至几乎不露
Step 30:给遮罩加 Feather
作者说:
- 可以加一点
Mask Feather
所以这里建议:
- 给
Mask Feather一个小到中等的值 - 让显现边缘不要那么硬
视频里没有给出精确 feather 数值。
Step 31:关键帧做 Easy Ease
作者原话:
- 给这些关键帧加一些 Easy Ease
所以:
- 选中
Mask Path关键帧 F9或右键Keyframe Assistant → Easy Ease
十四、给相机俯仰再加一点动画
Step 32:给 CAMERA PITCH 的 X Rotation 做动画
作者最后示范:
- 用
CAMERA PITCH (Rotate X)做一个俯仰变化
已确认演示值
- 从
0° - 到
60°
也就是他的演示思路是:
- 开头更接近俯视
- 后面逐步抬起到一个有透视感的角度
这一步和遮罩动画配合起来,就会更像 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 = OnRotate with Map = OnRotate along path = OffBearing Offset = 0Position 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 = NoneCasts Shadows = OnShadow 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 最终成片
十七、最短复刻流程
如果你只想最快做出来,直接照这个顺序:
Window → Extensions → GEOlayers 3- 点
Create 3D Landscape - 填:
3840×2160 / 25fps / 30s / Texture 4096 / Heightmap 512 - 选
Mettle FreeFormPro - 在 controller 搜
Oahu Ctrl + Click Finalize- 如果海面有问题,缩一级再
Finalize - 进
3D Landscape Texturemap - 导入
Oahu.jpg - 缩到约
50%附近,透明度先降到36% - 用
Pan Behind Tool把锚点放到明显海岸特征点 - 继续缩放到约
41%附近,透明度压到约14% - 位置对齐岛屿轮廓
- 把图片
Pin到01 Texture - 打开
Scale with Map、Rotate with Map - 确保图层是 3D
- 回主合成,新建
Ambient Light 1,强度50% - 新建
Spot Light 1,先100%,后减到75% - 回
Elevation,把地形从100提到150,甚至200 - 用
CAMERA PITCH / BEARING / ELEVATION调视角 - 给
Oahu.jpg (Pinned)加矩形遮罩 - 在
1 秒附近做Mask Path动画 - 加一点
Mask Feather - 关键帧
Easy Ease - 给
CAMERA PITCH做0° → 60°的演示动画
十八、结论
这期视频最关键的不是某一个复杂表达式,而是这几个核心认知:
- Johnny 这类 3D 老地图效果,可以直接在 AE 里做,不一定要 Blender。
- 关键是用 GEOlayers 的 3D Landscape 模板,而不是普通 Map Comp。
- 真正把“质感”拉起来的,是 Elevation + 灯光 + Camera 控制层。
- 地图显现动画最简单的做法,就是在 Pinned 贴图层上做 Mask Path。
如果你要,我下一版可以继续按你上一个文件的格式,给你整理成更硬核的:
“逐点击清单版”,也就是每一步都写成:
- 点击哪个面板
- 点哪个按钮
- 选哪个图层
- 改哪个数值
- 当前应该看到什么画面
那样你照着点就能直接复刻。