美国人口普查四大区域地图动画

用户38350844486
3 阅读19分钟

可以。我已经按你发来的视频 + 字幕把作者的 AE 操作链拆出来了。
先给你一个最重要的判断：

这不是纯 AE 原生流程，而是 After Effects + GEOlayers 3 的地图动画流程。
所以你要复刻，核心前提是：

  • After Effects 2023
  • GEOlayers 3 插件
  • 视频里还用了 Scale Bar 脚本
  • 渲染模式看起来是 Classic 3D
  • 时间线截图里能看到工程是 24 fps

下面我直接按“可复刻教程”给你整理。凡是视频里明确能听到/看到的参数，我都写死；凡是画面里没法稳定读出的数值，我会明确标出来，不乱猜。

一、先说能明确读出来的关键参数

这些是我能从视频里确认的：

文字

  • 字体：Azo Sans
  • 字重：Regular
  • 初始字号：100 px
  • 区域文字先缩到：90%
  • 区域文字透明度先降到：65
  • 后面作者又觉得字偏大，再缩到：75%
  • Alaska / Hawaii 的比例尺和相关小元素，最后统一透明度：75

线条 / 边框

  • 内部州界线重绘时，Color 1 line 的线宽改为：2 px
  • Alaska / Hawaii 外框矩形描边：25 px

动画

  • 四个大区分开动画：0s → 1s
  • 地图视角缩放动画：1s → 2s
  • 主循环工作区大约拉到：6s
  • 区域分开后大约停留几秒，再反向回来
  • 所有大区位移动画都做了 Ease Out / Ease In
  • Graph Editor 用的是 Speed Graph

GEOlayers 选项

  • 画四大区时：

    • Individual Layers：关闭
    • Auto Stroke Width：关闭
    • Simplify Geometry：关闭，后来一度改成 Current Zoom
    • Inside Mapcomp：关闭

  • 画 Alaska / Hawaii inset 时：

    • Inside Mapcomp：开启

  • Hawaii 第一次画出来太粗糙，后来作者把：

    • Simplify Geometry：关闭后重画

比例尺

  • 在截图里，Scale Bar 的 effect controls 可见：

    • Size：200.0, 10.0
    • Fixed Size：未勾
    • Miles：后面作者手动勾成英里制

二、作者做的到底是什么动画

他做的是一个 “美国人口普查四大区域地图动画” ：

  • West
  • Midwest
  • Northeast
  • South

主视觉逻辑是：

  1. 先画出美国下 48 州地图
  2. 按 Census Bureau 的 region 字段拆成 4 个大区
  3. 每个大区做成独立 shape layer
  4. 用 4 个 null 控制四大区分开
  5. 地图视角再往后缩，露出区域文字
  6. 修正 Great Lakes / 海岸线问题
  7. 左侧补 Alaska / Hawaii inset
  8. 加 scale bar
  9. 循环播放

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

Step 1：建立地图工程，先铺底色

作者操作

  1. 新建一个 GEOlayers 工程
  2. 当前底图先用 Bing aerial imagery
  3. 进入：
    Layer > New > Solid
  4. 新建一个背景纯色层
  5. 命名为：
    Background
  6. 把这个 Background 锁定

然后做的事

  1. 打开 MapComp settings
  2. 把 map compositions 的 imagery 关掉
  3. 因为后面不再用卫星图，只保留 shape layer 风格地图

复刻建议

你这里就直接做一个纯色底。
视频里底色是偏灰褐/米棕色，原始 HEX 没显示出来，但按画面采样大概接近：

  • 背景近似：#857B6F
  • 地图填充近似：#705645

这两个颜色是我从成片画面近似采样出来的，能复刻出八九不离十的视觉。

Step 2：导入美国州界数据，删 Alaska / Hawaii

作者操作

  1. 在 GEOlayers 面板里，双击 MapComp preview
  2. 找到：
    United States of America – states and provinces
  3. 这是一个 feature collection
  4. 若列表里没有，就去：
    Download Features
    下载 states and provinces
  5. 但作者直接用已有数据集，点：
    Add to Browser

然后

  1. 选中这个 feature collection

  2. 打开：
    Feature Properties

  3. 先按 name 排序，方便找州名

  4. 删除：

    • Alaska
    • Hawaii

这样就只剩 lower 48

Step 3：利用 region 字段，把州按四大区分类

作者操作

  1. 随便点一个州，比如 Alabama
  2. 进入：
    Feature Properties
  3. 发现里面有字段：
    Region
  4. Alabama 的 Region 是 South
  5. 这说明 Census 的四大区域已经在属性里带好了

接着做

  1. 选中整个 United States feature collection
  2. 打开：
    Feature Properties
  3. 把“按什么显示 feature 名称”的字段切到：
    Region
  4. 点击：
    Apply

这样列表里就不再主要按州名看，而是方便你按 West / Midwest / Northeast / South 来选。

Step 4：设置绘制风格，画出 4 个大区 shape layer

这是很关键的一步。

作者操作

  1. 在 GEOlayers 的 layer style 里，选：
    Color 2
  2. 然后改这几个参数：
  • Individual Layers：关
  • Auto Stroke Width：关
  • Simplify Geometry：关
    后面他提到也可以设成 Current Zoom，不够细再回头重画成 Max Zoom
  • Inside Mapcomp：关

原因

因为作者现在不是想“每个州一层”，而是要“每个区域一层”。

实操

  1. 先 Shift 选中 Midwest 的所有州
  2. 点击：
    Draw Features
  3. 这样会得到一个合并后的 Midwest shape layer
  4. 然后手动重命名，避免 GEOlayers 自动生成一串重复名

同样方法再做：

  • West
  • South
  • Northeast

最终你应该得到 4 个主 shape layer

建议直接命名为：

  • West
  • South
  • Northeast
  • Midwest

Step 5：建立 4 个 Null，用 Null 控四大区运动

作者明确说，他更喜欢用 null 控地图元素，而不是直接给 shape layer 打关键帧。

作者操作

  1. 右键时间线空白处：
    New > Null Object

  2. 一共建 4 个 null

  3. 分别大致摆在对应区域附近

  4. 命名成：

    • West
    • South
    • Northeast
    • Midwest

接着做两层父子关系

第一层：null 跟地图走

把 4 个 null 的 Parent & Link 设到：
Regions of the United States Anchor

然后把这 4 个 null 都切成 3D layer

这样一来，你转地图、动地图，null 也跟着走。

第二层：shape 跟 null 走

把四个大区 shape layer 分别 parent 到各自 null：

  • west shape → West null
  • south shape → South null
  • northeast shape → Northeast null
  • midwest shape → Midwest null

作者还做了一个小动作

他把 4 个 region shape layer 锁住
原因是后面方便只选中 null，不误选 shape

这个步骤非常实用，建议照抄。

Step 6：做四大区分开动画

动画目标

作者要的是：

  • 区域先分开
  • 停几秒
  • 再合回去
  • 可以循环

作者具体做法

6.1 给 null 打位置关键帧

  1. 选中 4 个 null

  2. 按 P 打开 Position

  3. 在 0 秒打第一组关键帧

  4. 播放头移到 1 秒

  5. 打开 Grid 作为参考

  6. 分别移动：

    • Northeast：向右
    • South：向下
    • Midwest：向上
    • West：向左

他说自己是对着网格“大约移动一个格子的量”去目测控制距离。

注意

这里视频没有显示精确坐标数值，所以没有办法告诉你“West x 减多少、South y 加多少”。
能确认的是：都是沿单一方向平移，并且量级大约接近一个网格单位。

6.2 缓动
  1. 选中第二组关键帧 → Easy Ease In
  2. 选中第一组关键帧 → Easy Ease Out
6.3 做循环回程
  1. 复制这组位移关键帧
  2. 粘贴到后面
  3. 选中后面那组
  4. 右键：
    Keyframe Assistant > Time Reverse Keyframes
  5. 把工作区先拉到大约 6 秒
  6. 调整这些反向关键帧的位置，让中间有几秒停留

结果

0–1 秒：分开
1–若干秒：停留
后面：回到原位
最后可 loop

Step 7：给大区做“州界线”版本

一开始那四大区只有大面块，看起来太平。
所以作者做了第二套“边界线层”。

作者操作

  1. 选中 4 个 region shape layers
  2. Ctrl/Cmd + D 复制
  3. 保持它们仍被选中
  4. 去换 GEOlayers 的 style，选类似：
    Color 3 line
  5. 然后点：
    Swap Layer’s Style

作用

把原来的填充层复制出一套“线条层”，同时保留父子关系，所以它们还是跟着对应 null 走。

作者随后把这些层重命名

例如：

  • West State Borders
  • South State Borders
  • Northeast State Borders
  • Midwest State Borders

这个命名你最好照抄，后面修海岸线时就不会乱。

Step 8：加四个区域文字

作者操作

  1. 选 Type Tool
  2. 在地图上直接打字
  3. 先打一个，比如 Midwest
  4. 其余的通过复制文字层得到

明确可读出的文字参数

在 Character 面板里，视频能看清的是：

  • Font：Azo Sans
  • Style：Regular
  • Size：100 px

然后作者又手动改：

  • Scale：90%
  • Opacity：65

之后他觉得还是偏大，又把这些区域文字缩到：

  • 75%

摆放逻辑

这些区域字不是严格居中，而是故意打散一点，避免太对称：

  • West 放左侧
  • South 放下方
  • Northeast 放右侧
  • Midwest 放上中

Step 9：把文字也绑定到地图系统里

作者操作

  1. 为了让文字跟着地图视角一起动
  2. 把这些 text layer 的 Parent & Link 设到：
    Map Comp Anchor
  3. 并且把它们也设成 3D

作者说这么做是为了后面万一做 bearing / pitch 之类的地图机位动作，也能一起跟。

Step 10：做“地图缩远，露出文字”的第二段动画

这段不是动 null，而是动 GEOlayers 的 MapComp view

作者的时间安排

  • 区域分开：0s → 1s
  • 地图缩放视角：1s → 2s

操作

  1. 到 GEOlayers 面板
  2. 对当前 MapComp View 打关键帧
  3. 在 2 秒处打“结束状态”
  4. 再回到 1 秒附近设置“开始状态”
  5. 开始状态是更近的画面，看不到区域文字
  6. 结束状态是视角拉远，露出四个文字

这一步画面里没法读出的东西

  • 精确 zoom 数值
  • bearing / pitch 是否有微调
  • MapComp 相关各子参数的具体值

但能明确的是：

  • 作者确实在 GEOlayers 面板里给 MapComp View 打了一组关键帧
  • 后面复制时，画面里这组一共显示出了 5 个相关 keyframes
  • 作者还特别去 Graph Editor 里调了这段动画的 Speed Graph

Graph Editor 处理

  1. 选关键帧
  2. 进 Graph Editor
  3. 用 Speed Graph
  4. 调终点关键帧 influence，让它更像“先有一点 punch，再 zoom out”

注意：
具体 influence 百分比在视频里看不清。

Step 11：给文字加淡入，不是直接出现

作者操作

  1. 进入：
    Window > Effects & Presets
  2. 找他常用的：
    Fade In Animation preset
  3. 选中几个区域文字层
  4. 双击应用

然后修剪文字层时长

作者说因为文字在起始阶段不该一开始就在画面里，所以他手动裁剪 in/out 点：

  • 让文字在地图拉远后才出现
  • 回缩前再消失

快捷键

他明确说用了：

  • Alt + [
  • Alt + ]

来修剪图层时间范围

Step 12：复制并反向地图缩放关键帧，形成完整 loop

作者操作

  1. 把地图缩远那组 keyframes 复制
  2. 粘贴到后半段
  3. 选中后面的复制关键帧
  4. 执行：
    Animation > Keyframe Assistant > Time Reverse Keyframes

他还提醒了一点

复制粘贴关键帧容易出两个问题：

  • 粘贴位置不对，生成重复 keyframe
  • 把 effect 一起复制过去，变成灾难

所以他强调：
播放头必须对准你真正想粘贴的位置

这点很重要。

Step 13：重新居中地图，修正画面构图

作者发现成片里地图偏左上，右下留白太大，于是做了重新居中。

作者操作

  1. 播放头先停在地图缩远后的终点关键帧上
  2. 按住 Shift 吸附到对应 keyframe
  3. 然后在地图视图里手动挪地图，让整体更居中
  4. 再用 slider 轻微放大一点点

之后

他把这一组更新后的地图视图关键帧，再复制到后面的回程段。

但他发现

复制后 Speed Graph 的速度曲线被改了，于是又回 Graph Editor 重新修一下。

四、修正地图错误：Great Lakes 和海岸线

这部分是整段教程最有含金量的地方。

Step 14：修 Midwest / Northeast 被 Great Lakes 吃掉的问题

作者发现原始行政边界数据直接合并后：

  • Michigan 不对
  • New York 一带也不对

因为它拿到的是行政边界，不是你视觉上想要的“陆地边界”。

解决思路

下载 lakes 数据 → 提取 Great Lakes → 用 Great Lakes 去 subtract Midwest / Northeast

具体做法

14.1 下载 lakes 数据
  1. GEOlayers 中：
    Add Features to Browser > Download Features
  2. 下载：
    lakes
14.2 找 Great Lakes
  1. 选某个湖
  2. 打开：
    Feature Properties
  3. 找到字段：
    name_alt
  4. 作者看到这个字段值是：
    Great Lakes
  5. 点击字段名可复制
  6. 回列表筛选里粘贴字段，再输入：
    = Great Lakes
  7. 于是得到所有五大湖
14.3 合并 Great Lakes
  1. 选中 Great Lakes 这些湖
  2. 执行：
    Merge into new polygon feature
  3. 把这个新对象拖出 lakes 文件夹
  4. 删掉其他湖
  5. 重命名为：
    Great Lakes
14.4 合并 Midwest
  1. 回美国州数据
  2. 重新选中 Midwest 所有州
  3. Merge 成一个新 polygon
  4. 重命名为：
    MIDWEST
    作者这里用了全大写，方便和别的对象区分
  5. 把它拖出原 feature collection
14.5 执行减法

作者明确说：

选两个 polygon，下面那个会从上面那个里减掉

实际顺序是：

  1. 先选 Midwest
  2. 再 Ctrl 选 Great Lakes
  3. 点击：
    Subtract Lower Feature

结果得到一个干净的 Midwest。

14.6 重画 Midwest
  1. 回到时间线开始处
  2. 重新用 Color 2 draw feature
  3. 得到：
    Midwest subtracted
  4. 关掉旧 Midwest
  5. 把新 Midwest parent 到对应的 Midwest null
  6. 注意父子关系必须在动画开始前建立

Northeast 同理

作者又把 Northeast 合并后，同样减 Great Lakes，再重画出：

  • THE NORTHEAST subtracted

Step 15：修正海岸线被描边吃掉的问题

作者指出：

  • Louisiana
  • Texas
  • Florida
  • Maryland / Delaware

这些地方海岸线都被粗描边“削掉”了

因为他前面复制出来的 border layer，本质上是把整个州边界都描出来了，海岸线也一起描了。
但真正想要的是：

只要州与州之间的内部边界，不要海岸线描边。

解决方法

用 GEOlayers 里的：
Inner Boundaries

Step 16：用 Inner Boundaries 重做州界线

作者操作

  1. 在 GEOlayers 里双击 United States of America
  2. 找到新数据集：
    Inner Boundaries
  3. 它是一个 simple line feature
  4. 点击：
    Add to Browser
  5. 进 Feature Properties
  6. 重命名为：
    Inner Boundaries

然后把旧 border layer 暂时隐藏

  1. 把旧的：

    • West State Borders
    • South State Borders
    • Northeast State Borders
    • Midwest State Borders
      全部 visibility 关掉

  2. 作者没删除，而是：

    • 隐藏
    • 锁定
    • 开启 shy

这一步很专业，建议照抄。别急着删层。

重新设置新线条样式

  1. 在 Layer Styles 选：
    Color 1 line
  2. 点：
    Edit Styles
  3. 把 pixel width 改为：
    2
  4. Apply
  5. 然后 Draw Feature

结果

会得到一条全国范围的内部州界线图层。
作者一开始看不到，是因为它在层级太下面。后来把它拖到州面层之上，就显示出来了。

Step 17：把这一整张内部州界线图，拆成四个区域版

因为全国一张线条层还不够，必须让它只在各自大区内显示。

作者思路

复制 4 份全国内部州界线层，然后分别用 Track Matte 裁成：

  • West borders
  • South borders
  • Northeast borders
  • Midwest borders

具体操作（以 West 为例）

  1. 把全国内部州界线层重命名为：
    West State Borders 2
  2. 给它换个 label color，方便识别
  3. 在时间线开始处，把它 parent 到：
    West null
  4. 找到时间线里的：
    Track Matte
  5. 用 pick whip 把它的 matte 指到：
    West 这个区域填充层

结果：

  • 这个边界线层只在 West 区域内可见
  • West 填充层会自动变成 matte layer，AE 会把它 visibility 关掉
  • 作者会把那个可见性再手动开回去

然后重复

复制这条内部边界线层，分别做成：

  • South State Borders 2
  • Northeast State Borders 2
  • Midwest State Borders 2

再分别：

  • parent 到对应 null
  • track matte 到对应 region layer

这样修完后

海岸线不再吃进描边
而州与州内部边界还都在

这一步是整套复刻里最关键的。

五、补 Alaska / Hawaii inset

Step 18：新建两个独立 Map Comp

作者特地没有把 Alaska / Hawaii 直接塞回主 lower-48 图，而是做了两个独立 map comp。
原因很明确：

因为 Alaska / Hawaii 的比例尺和 lower 48 不同。

先做 Alaska

  1. 新建：
    New Map Comp
  2. 命名：
    Alaska
  3. 记得设为：
    not linked
    这样可以单独挪位置
  4. 进入 MapComp settings
  5. 关掉 imagery
  6. 选中 Alaska map comp

画 Alaska

  1. Layer Styles 选回：
    Color 2
  2. 这次要勾上：
    Inside Mapcomp
  3. 搜索并 Draw：
    Alaska
  4. 这样 Alaska 会画在它自己的 map comp 里

摆位置

作者把 Alaska 这个 inset 摆到主图左侧上方。

很关键的一句

他特别提醒：

不要直接缩放 map comp 本身来改变 Alaska/Hawaii 的大小。
因为那样会破坏 scale 信息。

他的做法是：

  • 通过 map comp 的显示/定位去摆位置
  • 不用外层 comp scale 硬缩

Step 19：复制 Alaska Map Comp 做 Hawaii

作者操作

  1. 在 Map Comp settings 里
  2. 复制 Alaska map comp
  3. 选：
    Duplicate
  4. 命名为：
    Hawaii

画 Hawaii

  1. 搜索 Hawaii
  2. Draw 出来
  3. 第一次觉得太低精度
  4. 于是回样式设置，把：
    Simplify Geometry 关闭
  5. 重画一次 Hawaii

然后

作者直接进入 Hawaii map comp，把：

  • Alaska polygon
  • 第一次画出来的旧 Hawaii polygon

都删掉，只留重画后的 Hawaii

摆位置

把 Hawaii 放到 Alaska 下方，组成左侧上下两个 inset。

六、给 Alaska / Hawaii 加外框

Step 20：矩形描边框

作者操作

  1. 选：
    Rectangle Tool
  2. 把 Fill 关掉
  3. Stroke 取和画面一致的那种浅色线
  4. 按住 Shift 双击
    得到规则矩形
  5. 先框 Alaska
  6. 再复制一份框 Hawaii

明确参数

  • Stroke：25 px

后面又微调

因为 Alaska / Hawaii 和框之间有点挤，所以他又小幅上下挪了它们和矩形。

命名

  • Alaska Border
  • Hawaii Border

七、加比例尺

Step 21：主 lower-48 比例尺

作者操作

  1. 运行脚本：
    Run Script File > Scale Bar
  2. 先给主 lower-48 做一个
  3. 对齐方式选：
    Right align
  4. 所以它出现在右下

颜色

  1. 改 scale bar 颜色
  2. 把 brightness 拉到：
    90
  3. 作者说这样能得到接近白色
  4. 然后把这个 HEX 复制给比例尺文字

单位

他明确切成：

  • Miles
    而不是 metric

Step 22：Alaska / Hawaii 比例尺

Alaska

  1. 再运行一次 Scale Bar
  2. 目标选 Alaska
  3. 对齐选：
    Center
  4. 它先会出现在该 comp 中心
  5. 再手动拖到 Alaska inset 下方
  6. 作者还说按 Ctrl 拖动可以吸附对齐

Hawaii

同理再做一遍

统一处理

作者最后把这些比例尺相关元素统一设为：

  • Opacity 75

Step 23：把 inset 与比例尺接入主地图的锚点系统

为了让主地图在缩放/移动时，左侧的 Alaska / Hawaii inset 和比例尺也一起跟着走：

作者操作

把这些元素里真正需要跟主地图移动的 shape/map comp 图层，parent 到主地图 anchor。

但他特别提醒：

Scale Bar 的文字层已经自动 parent 到对应 Scale Bar shape layer 了，不要乱改文字层的 parent。

所以正确做法是：

  • 只连 shape bar / map comp / 框
  • 不要动已经自动跟随的 scale bar text

八、最后改标题并输出

Step 24：改主标题

作者最后把主标题改成：

Census Regions of the United States

前面中间阶段画面上出现过：
Regions of the United States

最终成片标题是加了 Census 的版本。

九、按你的需求，整理成最简复刻清单

你如果现在就自己做，直接照这个顺序：

  1. 新建 GEOlayers 工程
  2. Solid 做 Background，锁定
  3. 关闭 imagery
  4. 加入 United States of America - states and provinces
  5. 删除 Alaska / Hawaii
  6. 按 Region 字段整理 feature
  7. Color 2 样式画 4 个大区 shape layer
  8. 建 4 个 null：West / South / Northeast / Midwest
  9. null parent 到 Regions of the United States Anchor，并设 3D
  10. 4 个 shape 分别 parent 到对应 null
  11. 0–1 秒做四区分开 Position 动画
  12. 复制、反向、形成 loop
  13. 复制 4 个 region shape 做 border 版
  14. 打区域文字，Azo Sans / Regular / 100 px
  15. 文字缩到 90%，Opacity 65；后又缩到 75%
  16. 文字 parent 到 map anchor，并设 3D
  17. 1–2 秒做 MapComp zoom out 动画
  18. Effects & Presets 里套 Fade In preset 给区域文字
  19. 下载 lakes，提取 Great Lakes
  20. Merge Midwest / Northeast，分别 subtract Great Lakes
  21. 重画 corrected Midwest / corrected Northeast
  22. 用 Inner Boundaries 重做内部州界线
  23. 线宽改 2 px
  24. 复制 4 份内部边界线，用 Track Matte 裁成四区专属 borders
  25. 新建 Alaska map comp，Inside Mapcomp 开启，画 Alaska
  26. Duplicate 出 Hawaii map comp，重画 Hawaii，必要时关掉 Simplify Geometry
  27. Rectangle Tool 画 Alaska/Hawaii 外框，Stroke 25 px
  28. Run Script File > Scale Bar
  29. 主图比例尺右对齐，Alaska/Hawaii 比例尺居中对齐
  30. 单位切 Miles
  31. 比例尺与小 inset 元素统一透明度 75
  32. 改标题为 Census Regions of the United States
  33. Render

十、这套教程里“我不能替你瞎写”的地方

下面这些，视频里确实看不清具体数字，所以我不编：

  • 四个 null 在 1 秒时的精确 Position 数值
  • MapComp zoom / bearing / pitch 的具体数值
  • Graph Editor 的 influence 具体百分比
  • 背景色与填充色的官方原始 HEX
  • Fade In preset 的内部关键帧参数

但这不影响复刻，因为作者本身很多地方也是“凭画面微调”，不是输入精确数值。

十一、给你的复刻建议

这套流程最容易翻车的地方只有 4 个：

  1. 没装 GEOlayers 3
    那就根本做不出来。
  2. 把 Alaska / Hawaii 直接缩放 comp
    会把比例尺逻辑搞乱。
  3. 忘了在动画开始前建立 parent
    会导致新画出来的修正版 Midwest / Northeast 跳位。
  4. Track Matte 没开对 / 把原 region 层 visibility 关掉没开回来
    会让你以为线没了。

你这次给我的材料已经足够，我下一步可以继续帮你做两种版本里的任意一种：

版本 A：AE 新手照着点的“菜单级教程” ，每一步写成“点哪里 → 选什么 → 会看到什么”。
版本 B：整理成“工程搭建清单 + 参数表” ，你可以边做边对照。

做的时候卡在哪一步，直接把那一步的截图发我，我就按这套结构继续往下拆。

avatar
文章
阅读
粉丝