Extruding Maps in Adobe After Effects with GEOlayers

AE《Extruding Maps in Adobe After Effects with GEOlayers》教程提取版

说明：本提取版基于你提供的视频与字幕整理，目标是还原 可复刻的 AE / GEOlayers 操作流程。文中把信息分成三类：

• 已确认：画面或字幕里能直接确认。
• 高概率推断：画面没完整显示，但结合上下文基本可以确定。
• 未显示：视频里没有展示精确值，只能描述做法。

---

一、教程核心内容

这支视频的目标，是在 GEOlayers 里把多个行政区域画成带 Extrusion（挤出） 的 3D 形状层，然后通过地图镜头和分层弹出动画，做出“从小区域 → 大区域 → 整个国家”的层级展示效果。

本例用到的三个区域是：

• Sarthe
• Pays de la Loire
• France

最终逻辑是：

1. 先建立法国地图 Mapcomp。
2. 搜索并加入三个地理要素。
3. 建一个新的 Shape Layer Style，并给它设置绿色填充 + 100 px 挤出。
4. 以 Individual Layers 方式一次性绘制三个区域。
5. 倾斜地图，观察挤出效果，并补一盏 Spotlight。
6. 用“Extrusion Depth 绑定 Anchor Point Z”的方法，解决挤出动画从顶部收缩的问题。
7. 依次让 Sarthe → Pays de la Loire → France 弹出，并同步让地图镜头逐级拉远。
8. 最后点击 Finalize 下载高分辨率底图。

---

二、已确认的关键参数

1）Mapcomp 参数

• 名称：World Mapcomp
• 分辨率：1920 × 1080
• 帧率：24 fps
• 时长：15 seconds
• 底图样式：Bing Aerial

2）区域名称

• France
• Pays de la Loire
• Sarthe

3）自定义样式参数

样式名称：3D France

• Fill：开启
• Fill Opacity：100%
• Stroke / Point：关闭
• Extrusion：100 px
• 填充颜色：浅黄绿色，视频里没有直接给出 HEX，但能确定是教程里预设的绿色系样式之一

4）图层结果

执行 Draw Features 后，时间线里出现这些图层：

• Sarthe
• Pays de la Loire
• France
• World Mapcomp Anchor
• World Mapcomp
• Spot Light 1
• Ambient Light 1

后面作者又手动增加：

• Spot Light 2

5）关键 Transform / Map 数值

France 图层一帧可见值

在开启 3D 后，France 图层出现过如下值：

• Anchor Point = 0.0, 0.0, 100.0
• Position = 86072.2, 87658.5, -0.0
• Scale = 2091.6, 2091.6, 1053.8 %
• Orientation = 0.0, 0.0, 0.0

地图镜头中段一组值（约 00:10:23）

• Latitude = +47.3°
• Longitude = +0.9°
• Zoom = 7.33

地图镜头后段一组值（约 00:12:56）

• Latitude = +46.8°
• Longitude = +1.4°
• Zoom = 6.37
• Bearing = -30.4°
• Pitch = +48.0°

更后段一组值（约 00:13:19）

• Latitude = +46.2°
• Longitude = +2.3°
• Zoom = 5.60
• Bearing = -30.4°
• Pitch = +48.0°

---

三、逐步复刻流程

00:00–01:08 建立 Mapcomp

操作路径

• Window → Extensions → GEOlayers 3
• GEOlayers 首页选择新建项目
• 进入 Create Mapcomp

作者操作

1. 在 GEOlayers 的地图预览里把视图移动到 法国。
2. 在 Mapcomp 设置里输入：
   • Name = World Mapcomp
   • Size = 1920 px × 1080 px
   • Framerate = 24 fps
   • Duration = 15 seconds
3. 点 Next。
4. 在地图样式页选择：
   • Bing Aerial
5. 点 Create。

做完后应该看到

• AE 项目里生成 World Mapcomp
• 预览窗口里出现法国区域的卫星底图
• GEOlayers 面板右上角出现 Finalize

---

00:02:02–00:03:15 搜索地理要素并加入浏览器

操作路径

• GEOlayers 搜索栏：Search online...
• 对结果点 Add to Browser

作者搜索的要素

1. France
2. Pays de la Loire
3. Sarthe

作者操作逻辑

• 先搜国家：France
• 再搜较大一级区域：Pays de la Loire
• 最后搜最小一级区域：Sarthe
• 每次都不是直接绘制，而是先 Add to Browser

做完后应该看到

在 GEOlayers 面板下方的浏览器 / Favorite Features 区域里，出现三条记录：

• France
• Pays de la Loire
• Sarthe

选中时会在地图预览里显示各自轮廓。

---

00:03:15–00:04:43 新建样式并设置挤出

操作路径

• GEOlayers 顶部样式按钮 → Shape Layer Styles
• 点击 Add Style

作者操作

1. 打开 Shape Layer Styles。
2. 新建样式。
3. 把名称改成：
   • 3D France
4. 保持 Fill 开启。
5. 选择绿色系填充色。
6. Opacity = 100%
7. Stroke / Point 不勾选。
8. 开启 Extrusion。
9. 把挤出深度设为：
   • 100 px
10. 作者点开过右侧的小齿轮，展示了可以用数据驱动挤出，但本教程没有继续使用。
11. 点击 Apply。

做完后应该看到

• 样式名变为 3D France
• 样式色块变成浅黄绿色
• Extrusion 一项不再是 0 px，而是 100 px
• 样式栏中会显示挤出已启用的视觉标记

---

00:04:43–00:05:36 设置为 Individual Layers 并一次性绘制

关键选项

作者特别强调这里要确保：

• Individual Layers = On

原因

如果这个选项关闭，三个区域会被画进 同一个 Shape Layer 的不同 group 里； 而本教程需要它们变成：

• Sarthe
• Pays de la Loire
• France

三个独立图层，便于分别做挤出动画。

操作

1. 在浏览器里同时选中：
   • France
   • Pays de la Loire
   • Sarthe
2. 点击底部的 Draw Features 按钮。

做完后应该看到

时间线新增：

• 三个区域图层
• World Mapcomp Anchor
• Spot Light 1
• Ambient Light 1

并且合成渲染器显示为：

• Renderer = CINEMA 4D

这是因为 AE 的挤出形状层依赖 Cinema 4D Renderer。

---

00:05:36–00:07:01 倾斜地图观察挤出，并补第二盏灯

操作路径

• 在 GEOlayers 面板里按住：
  • Ctrl（Windows）/ Command（Mac）
• 然后在地图里拖拽

作用

这是在改变地图的 Pitch，从而看到 shape extrusion 的立体厚度。

作者操作

1. 按住 Ctrl/Cmd 在 GEOlayers 面板里拖拽，地图从俯视变成有透视角度。
2. 这时可以看到法国整体已经变成一个带厚度的 3D 挤出块。
3. 作者说明系统较慢时，这一步可能会比较吃性能。
4. 随后他手动增加第二盏聚光灯：
   • 右键 / 新建一盏 Spot Light
5. 新灯加入后，时间线里能看到：
   • Spot Light 2
   • Spot Light 1
   • Ambient Light 1

做完后应该看到

• 法国挤出体有更明显的明暗层次
• 画面中出现两盏 Spot Light 的线框

---

00:07:01–00:09:23 修正“挤出从顶部收缩”的问题

这是本教程最关键的技术点。

问题

作者直接去改：

• 图层 Geometry Options → Extrusion Depth

比如把它从 100 改成 30 时，会发现：

• 挤出是朝 图层本身方向 回缩的
• 地图边界看起来会“往上提”
• 不是想要的“从地表长出来”

原因

作者解释为：

• 这是 Anchor Point 位置问题
• 当前锚点在挤出体顶部附近
• 所以改挤出深度时，模型会围绕顶部变化

正确做法

1. 选中一个挤出层，比如：France
2. 打开：
   • Geometry Options → Extrusion Depth
3. 再按：
   • Shift + A 打开 Anchor Point
4. 可以看到：
   • Anchor Point Z = 100 因为此时 Extrusion Depth = 100
5. 用 pick whip 把：
   • Extrusion Depth 绑定到：
   • Transform > Anchor Point > Z

表达式逻辑（高概率推断）

视频里没有清晰显示完整表达式文本，但根据作者的操作，表达式逻辑等价于：

transform.anchorPoint[2]

也就是：

• 挤出深度永远等于当前图层的 Anchor Point Z

为什么这样就对了

因为之后你只需要动画：

• Anchor Point Z

当它从 0 → 100 时：

• Extrusion Depth 也会同步从 0 → 100
• 挤出会以地表为底部向上增长
• 不会再出现顶面乱漂的问题

作者要求

这个绑定不是只做一个层，而是要对：

• Sarthe
• Pays de la Loire
• France

三个挤出层都做一遍。

---

00:09:23–00:10:05 重置地图角度，开始布动画

操作

1. 点击 GEOlayers 的：
   • Reset Rotation
2. 作者还提到一个查看选项：
   • Show Map Comp

作用

• Reset Rotation：把地图旋转 / 倾斜状态恢复到正视图或标准视图
• Show Map Comp：显示当前地图画幅边界，便于看镜头构图是否越界

---

00:10:05–00:11:20 做第一个区域的弹出动画（Sarthe）

地图镜头起始值（约 00:10:23）

能看清的一组中段值是：

• Latitude = +47.3°
• Longitude = +0.9°
• Zoom = 7.33

这一段画面是作者已经把镜头拉到较近的位置，准备让最小区域先弹出来。

作者做法

1. 在 World Mapcomp 上给地图属性打关键帧。
2. 到大约 2 秒多 的位置，调整地图到更近、更倾斜的构图。
3. 选中 Sarthe 图层。
4. 按 A 打开 Anchor Point。
5. 因为挤出深度已经绑定到 Anchor Point Z，所以只需要动画这个值。

关键动画

• Anchor Point Z：0 → 100
• 同时加：Opacity：0% → 100%

便捷键

• Shift + T：调出 Opacity
• 右键关键帧 → Keyframe Assistant → Easy Ease
• 打开 Graph Editor 再调速度曲线

结果

第一个区域会：

• 从地表向上长出
• 同时淡入
• 前快后慢，更有“弹起”感

---

00:11:20–00:12:05 复制关键帧给后两个区域

作者操作

1. 复制已经做好的：
   • Anchor Point 关键帧
   • Opacity 关键帧
2. 粘贴到：
   • Pays de la Loire
   • France
3. 按 U 查看当前图层所有带关键帧的属性。
4. 把这两个图层的关键帧沿时间线错开放置。

结果逻辑

时间顺序是：

1. Sarthe 先弹出
2. Pays de la Loire 再弹出
3. France 最后弹出

从画面和时间线位置看，作者并没有三层完全重叠播放，而是做了 明显的错峰入场。

---

00:12:05–00:13:07 给地图镜头做逐级拉远

这一步是把前面三个行政层级的弹出，与地图镜头的缩放 / 平移 / 倾斜同步起来。

中后段一组确认值（约 00:12:56）

• Latitude = +46.8°
• Longitude = +1.4°
• Zoom = 6.37
• Bearing = -30.4°
• Pitch = +48.0°

更后段一组确认值（约 00:13:19）

• Latitude = +46.2°
• Longitude = +2.3°
• Zoom = 5.60
• Bearing = -30.4°
• Pitch = +48.0°

作者思路

• 第一个区域弹出时，镜头较近
• 第二个区域弹出时，镜头拉远一点
• 第三个区域弹出时，镜头再拉远到能看到整个法国，甚至带一点欧洲背景

作者还做了

• 选择地图的 Zoom 关键帧
• 再做一次速度曲线调整

也就是说，地图镜头本身也做了 ease / speed 调整，不是纯线性缩放。

---

00:13:07–结束 Finalize 输出高分辨率底图

操作

• 点击 GEOlayers 右上角：Finalize

对话框里可见内容

• 面板标题：Finalization
• 当前 Mapcomp 名称：World Mapcomp
• 提示文案：
  • Hold CTRL/CMD to finalize the current frame.

作用

作者解释得很清楚：

• 在没 Finalize 之前，底图只是预览级别
• Finalize 之后，GEOlayers 会下载对应的高分辨率地图瓦片 / 图像
• 这样导出时画面会更清晰

---

四、按复刻思路整理成一句话流程

如果你想照着快速复刻，最短流程就是：

1. Create Mapcomp，设成 1920×1080 / 24fps / 15s / Bing Aerial。
2. 搜 France / Pays de la Loire / Sarthe，全部 Add to Browser。
3. 新建 3D France 样式，Fill 100%，Stroke 关，Extrusion = 100 px。
4. 确认 Individual Layers 开启。
5. 一次性 Draw Features。
6. 用 Ctrl/Cmd + 拖拽 倾斜地图，看挤出效果。
7. 额外补一盏 Spot Light 2。
8. 对三个区域都把 Extrusion Depth 绑定到 Anchor Point Z。
9. 动画时只做：
   • Anchor Point Z: 0 → 100
   • Opacity: 0 → 100
10. 用 U 看关键帧，把三个区域错峰弹出。
11. 同步动画 World Mapcomp 的 Latitude / Longitude / Zoom / Bearing / Pitch，镜头逐级拉远。
12. 最后 Finalize。

---

五、这支教程最值得记住的 5 个关键点

1）一定要开 Individual Layers

否则三个区域会被画到一个 shape layer 里，后面不好分别做弹出动画。

2）挤出动画不要直接只改 Extrusion Depth

直接改会出现“从顶面缩进”的问题。

3）正确做法是：Extrusion Depth 跟随 Anchor Point Z

这才会得到“从地表长出来”的效果。

4）地图镜头和区域弹出要同步

这支教程真正的观感，不只靠挤出本身，而是靠：

• 小区域弹出时镜头近
• 中区域弹出时镜头稍远
• 国家弹出时镜头拉到全局

5）最后记得 Finalize

否则预览时看起来模糊，输出时底图质量也不对。

---

六、未能精确确认、但不影响复刻的部分

下面这些内容视频里没有给出明确数值，所以我不做硬编：

• 第二盏 Spotlight 的精确参数
• Graph Editor 的 influence 具体百分比
• 绿色填充的精确 HEX
• 三个区域关键帧的绝对精确时间点（但顺序和方法是明确的）

如果你要，我下一步可以继续把这份再整理成 “逐点击版”，也就是：

• 点哪里
• 点哪个按钮
• 哪一层先开
• 哪个属性先打关键帧
• 每一步做完画面应该变成什么样

这样你跟着 AE 一步一步照做会更直接。