AE《Animating the Panama Canal》操作提取版

4 阅读13分钟

继续整理好了,这支也按同一套方式拆完了。

下载文档:
AE_PanamaCanal_地图动画教程_提取版.md

这次能确认出来的关键参数也不少,我先给你摘最有用的:

  • 工程:

    • 3840 × 2160
    • 24 fps
    • 10 seconds
    • 底图:Bing aerial
  • Panama 阴影:

    • Opacity = 75%
    • Direction = 235°
    • Distance = 55.0
    • Softness = 35.0
    • Shadow Only = On
  • 去饱和:

    • 背景 Saturation = -65
    • 背景 Lightness = -25
    • Panama 前景 Saturation = -45
    • Panama 前景后期某帧还能看到 -35
  • 国家边线:

    • Width = 1 px
    • 白色描边
  • 运河发光:

    • 插件:Deep Glow
    • Radius = 500
    • Exposure = 1.00
    • Blend Mode = Screen
  • 十字网格:

    • Cross Size = 35
    • Cross Thickness = 5
    • X Copies = 5
    • Y Copies = 5
    • X Gap = 150
    • Y Gap = 150
  • 标题文字:

    • 字体:Airborne 86
    • 风格:Stencil
    • Size = 150 px
    • Tracking = 100 px
  • 海洋文字:

    • Size ≈ 75
    • 居中对齐
  • 地图动画中段可见值:

    • Latitude = 8.5°
    • Longitude = -80.1°
    • Zoom = 8.12
    • Bearing = -1.1°
    • Pitch = 0.0°

我在文档里已经把这支视频拆成了这些部分:

  • Panama 主体抠图与前后景分离
  • Alpha Matte 做国家隔离
  • Shadow Only 做悬浮阴影
  • Thin Country Border 细边线
  • Panama Canal 两段 river feature 合并
  • Trim Paths 路线动画
  • Deep Glow 发光线
  • Grid of Crosses 科技感底纹
  • Flickering Rectangle 闪烁矩形
  • 标题、海洋文字、比例尺
  • GEOlayers 地图镜头缩放与 bearing 动画
  • close-up 阶段统一 fade out
  • wide / closeup 两套十字网格切换

而且这次我还特别把几个很关键的“坑”写清楚了:

  • Trim Multiple Shapes 要从 Simultaneously 改成 Individually

  • 合并后的 Panama Canal 要检查两个 path 的方向

  • 所有跟地图运动的元素都要:

    • parent 到 Panama Mapcomp Anchor
    • 打开 3D
  • 作者是先做地图大镜头,再回头修所有元素的 timing 和绑定问题

说明:本整理基于视频画面 + 字幕逐段还原。

我把内容分成三类:

  • 已确认:画面里能直接看清的参数/控件
  • 近似确认:字幕明确说了,但画面数值不一定完整显示
  • 推断:视频操作逻辑能确定,但具体值未显示

一、工程与地图初始化

1. 搜索并下载 Panama 国家要素

  • 打开 GEOlayers 3 面板。
  • 搜索:Panama
  • 下载要素:Natural Earth country feature
  • 点击加入浏览器:Add to Browser
  • 双击该要素,让画面自动居中到 Panama。

2. 新建地图

  • 新建 map comp,地图对象名:Panama Mapcomp
  • 地图底图:Bing aerial
  • 视频里口述的默认工程参数:
    • 分辨率3840 × 2160
    • 帧率24 fps
    • 时长10 seconds
  • 作者按住 Ctrl 点击 Finalize,只先渲染一帧,方便查看高清底图。

二、先把 Panama 从底图中“抠”出来

1. 复制地图,做前景/背景分离

  • 在工程里只复制 map comp,不复制 containing comp
  • 将副本命名为:Background
  • 时间线里大致会形成这组结构:
    1. Panama MATTE
    2. Panama Mapcomp Anchor
    3. Panama Mapcomp
    4. Background Anchor
    5. Background

2. 建立 GEOlayers collection

  • 新建 collection:Panama Canal fly
  • 作者提到会不时导出为 GeoJSON 做存档。

3. 生成 Panama matte 形状层

GEOlayers → Layer Styles 中:

  • 选择一个纯填充样式
  • 要求:
    • Fill = 100% opacity
    • 不要勾选 Inside Mapcomp
    • 要把图形画在 containing comp 中,而不是 map comp 内
  • 选中 Panama 要素后执行 Draw。
  • 生成的 shape layer 重命名为:Panama MATTE

4. 关于几何精度的关键设置

这里视频特别强调:

  • Simplify Geometry = Max Zoom

这样得到的 Panama 轮廓边缘会更干净。

5. 用 Track Matte 抠出 Panama 前景

  • 选中 Panama Mapcomp
  • 打开时间线的 Track Matte
  • 用 pick whip 指向 Panama MATTE
  • 结果应为:Alpha Matte
  • 此时 matte 层本身会自动隐藏,这是正常的。

三、给 Panama 做“悬浮感”阴影

1. 复制 matte 作为阴影层

  • 复制 Panama MATTE
  • 打开可见性
  • 重命名为:Panama SHADOW

2. 加 Drop Shadow

操作路径:

  • Window → Effects & Presets
  • 搜索:Drop Shadow
  • 双击添加到 Panama SHADOW

3. 初始阴影测试值

画面先出现一组测试参数:

  • Opacity50%
  • Direction135°
  • Distance5.0
  • Softness0.0
  • 勾选:Shadow Only

4. 最终接近采用的阴影值

随后作者调成更明显的一版,画面里能看清:

  • Opacity75%
  • Direction235°
  • Distance55.0
  • Softness35.0
  • 勾选:Shadow Only

这层需要放在 Panama Mapcomp 下方,这样阴影才会出现在 Panama 底下。


四、压暗背景,让 Panama 更突出

1. 背景去饱和

BackgroundHue/Saturation

  • Master Saturation-65
  • Master Lightness-25

2. 前景 Panama 也略微去饱和

把同一个效果复制到 Panama Mapcomp,再改为:

  • Master Lightness0
  • Master Saturation-45

3. 截图里出现过的另一组值

在后面调图时,Panama MapcompHue/Saturation 截图还能看到:

  • Master Saturation-35
  • Master Lightness0

这说明作者后期又做过一次微调。


五、给 Panama 加细边线

1. 新建描边样式

  • 回到 GEOlayers → Layer Styles
  • 进入 Edit Styles
  • 新建或改名样式:Thin Country Border

2. 样式参数(画面已确认)

  • Fill:关闭
  • Stroke / Point:开启
  • Color:白色
  • Opacity:100%
  • Width:1 px
  • Outline:0 px
  • Not Dashed
  • Layer Blending Mode:Normal

3. 再次把 Panama 画出来

  • 选中 Panama 要素
  • 使用 Thin Country Border 样式 Draw
  • 得到一层单独的边线层

后面作者会在 close-up 阶段把这条边线淡出,因为放大以后它会显得比较生硬。


六、只对背景加暗角

1. 新建 Adjustment Layer

  • Layer → New → Adjustment Layer
  • 重命名:VIGNETTE

2. 放置顺序

  • 放在 Panama MapcompPanama SHADOW 下方
  • 也就是只影响背景,不压到 Panama 主体上

3. 加 CC Vignette

  • 搜索:CC Vignette
  • 应用后作者继续微调 Amount / Darkness 一类参数
  • 具体数值画面未清晰显示

七、下载 Panama Canal 河流要素并合并

1. 下载全球河流线

GEOlayers 中:

  • +Download Features
  • 选择:Natural Earth Global Dataset for River Lines

2. 只看当前视图范围的要素

  • 选中 River Lines collection
  • 点击:Filter View

这样列表里只剩当前视野附近的河流,其中包含 Panama Canal。

3. 合并两段 Panama Canal

视频中明确说 Panama Canal 被拆成两条 feature:

  • 选中这两条
  • 点击:Merge
  • 再回到 River Lines,重新点 Filter View
  • 新要素名会是:Panama Canal merged

八、把运河画成发光线

1. 画线前的 GEOlayers 设置

  • 样式:Vibrant Line
  • 不要勾选 Inside Mapcomp
  • Individual Layers 取消勾选
  • Simplify Geometry = Max Zoom,或者直接取消简化,保留更多细节
  • 不要勾选自动动画 feature path,因为作者要手动做动画

2. Draw 出运河线

  • Draw 后重命名图层:Panama Canal
  • 改 label 颜色(字幕提到,但具体 label 颜色不重要)

3. 加 Trim Paths

  • 选中 Panama Canal
  • Add → Trim Paths
  • End 做关键帧:0 → 100

4. 解决“从中间同时长出来”的问题

由于合并后仍有两个 path:

  • 展开内容可以看到两个 Path
  • 需要分别检查 path direction
  • 把路径方向改成都沿同一行进方向
  • 然后把 Trim Multiple Shapes 从:
    • Simultaneously 改成:
    • Individually

视频强调:

  • 还要注意 path 在 shape group 里的上下顺序
  • 因为 Individually 会按从上到下的顺序依次绘制

5. 已确认的画面状态

在一个截图里可看见:

  • Start = 0.0%
  • End = 63.2%
  • Trim Multiple Shapes = Simultaneously

这说明作者当时正演示从同时绘制切换到逐个绘制。

6. 给关键帧做缓动

  • 选中 Trim Paths 的关键帧
  • Right Click → Keyframe Assistant → Easy Ease
  • 或直接 F9

九、给运河线加发光

1. 使用第三方插件 Deep Glow

作者这里明确使用:

  • 插件:Deep Glow

2. 画面可确认的参数

  • Radius500.00
  • Exposure1.00
  • Blend ModeScreen
  • Source Opacity100.0%
  • 勾选:Unmult (Required for Alpha)
  • View = Final Render

作者也明确说:原生 AE Glow 不推荐,他更建议直接用 Deep Glow。


十、加 Grid of Crosses 背景科技感元素

1. 添加效果

  • 保证没有其他图层被选中
  • 搜索:Grid of Crosses
  • 双击添加
  • 重命名图层:GRID OF CROSSES

2. 图层顺序

  • 放在 VIGNETTE 下方
  • 后面混合模式改为:Overlay

3. 字幕口述的初始覆盖值

作者先口述:

  • Y Copies ≈ 15
  • X Copies ≈ 30
  • 然后再调 Cross Size ≈ 20

4. 截图可确认的一组参数

后面画面里能看清:

  • Cross Size35.00
  • Cross Thickness5.00
  • Cross Rotation
  • Cross Color:白色
  • Y Copies5.00
  • X Copies5.00
  • X Gap150.00
  • Y Gap150.00

这说明作者先做了基础网格,再根据镜头阶段继续拆成 wide / closeup 两套。


十一、加闪烁白色矩形

1. 画矩形

  • 选择 Rectangle Tool
  • 确保没有其他图层被选中
  • Fill:纯白
  • Stroke:关闭
  • 在 Panama Canal 一带手动画 3 个矩形
  • 每画一个前都要先点空白,确保它们是3 个独立 shape layer

2. 添加 flickering opacity 预设

  • 搜索:Flickering Opacity
  • 同时选中两个预设:
    • Flickering Opacity - at layer in
    • Flickering Opacity - at layer out
  • 一次性拖到矩形层上,避免两个预设互相覆盖

3. 裁短图层

  • 使用:Alt + ]
  • 把每个矩形层裁得很短,形成快速闪一下的感觉

4. 透明度与混合模式

  • 作者把最终透明度调到:35
  • 3 个矩形的效果复制给另外两个矩形
  • 时间线上稍微错开
  • 混合模式最终偏向:Add

5. Flickering 预设截图里能确认的参数

其中一层可见:

  • Final Opacity100.00
  • Animation In Duration1.00
  • Animation Out Duration1.00

字幕里又说他把最终透明度手动改到 35,所以实际最终画面以 35 左右 为主。

6. 跟地图绑定

矩形层需要:

  • Parent 到:Panama Mapcomp Anchor
  • 打开:3D

这样地图旋转和 bearing 变化时,矩形会跟着走。


十二、文字系统

1. 主标题

  • 文案:PANAMA
  • 字体:Airborne 86
  • 风格:Stencil
  • 截图可确认:
    • 字号150 px
    • Tracking / 字距100 px
    • Fill:白色
    • Stroke:关
  • 颜色亮度口述为:Brightness = 90
  • 主标题不跟地图走,保持在屏幕左上。

2. 海洋文字

  • 复制主标题图层
  • 改成:
    • Pacific Ocean
    • Atlantic Ocean
  • 段落:Center
  • 字号口述:75

3. 海洋文字跟地图绑定

对两个 ocean 文字:

  • Parent 到:Panama Mapcomp Anchor
  • 打开:3D
  • 放到 VIGNETTE 下方,让暗角轻微压住它们

十三、比例尺

1. 运行脚本

  • Run Script File → Scale Bar
  • 目标 map comp:Panama Mapcomp
  • 位置:Lower Right

2. 改颜色

因为默认是黑色,作者改成和文字一致的白色:

  • Scale bar text:亮度 90%
  • Scale bar stroke:亮度 90%

3. 时间线中可见的层名

  • Scale Bar
  • Scale Bar Text

十四、地图镜头动画(GEOlayers Map View)

1. 动画逻辑

作者按参考视频做的是:

  1. 开头先快速缩出一点
  2. 保持约 1 秒
  3. 再快速缩进到 Panama Canal 局部

2. 开头镜头动作

  • 从更近一点的画面开始
  • 调整 Zoom
  • 同时把 Bearing 改到大约:-20°
  • 做出一边缩出一边轻微旋转的感觉

3. 截图中能直接读到的一组中间值

某一帧可见:

  • Latitude8.5°
  • Longitude-80.1°
  • Zoom8.12
  • Bearing-1.1°
  • Pitch0.0°

左侧 effect controls 同时还能看到:

  • Zoom8.17
  • Bearing-1.6°

说明作者当时还在微调关键帧位置和插值,所以数值会有前后轻微不同。

4. Graph Editor 调整原则

作者明确建议:

  • GEOlayers 的 Latitude / Longitude / Zoom 最好一起看,不要单独乱拉
  • Speed GraphValue Graph 更容易调
  • 第一段 zoom out:
    • 起步要快
    • 不要慢慢 ease in
  • 第二段 zoom in:
    • 中段要更有冲劲
    • 再缓下来

5. 关键帧节奏

  • 先做 3 段关键帧:
    • 开头近景
    • 中间停顿点
    • 末尾 close-up 点
  • 再把第一段关键帧整体往前挤,让开头更“snappy”

十五、统一处理 close-up 阶段的淡出

作者在 zoom in 后觉得以下元素太脏或太抢眼,因此一起淡出:

  • Panama Canal 发光线
  • Panama SHADOW
  • Thin Country Border

做法

  1. 新建一个 null:Master Fade Out / Fade Out
  2. 先在某个层上做好 opacity 淡出关键帧
  3. 复制这些关键帧到 null 上
  4. 其他要一起淡出的层,用 property pick whip 把自己的 Opacity 绑定到这个 null 的 opacity

这样后期就能统一调时间,不用一个个改。


十六、Grid of Crosses 要拆成 wide / closeup 两套

作者在预览后发现:

  • 同一套十字网格在 wide shot 合适
  • 但 zoom in 到 close-up 时就太密、太乱

1. 复制两份

  • Grid of Crosses - wide shot
  • Grid of Crosses - closeup

2. Wide 版

  • Parent 到:Panama Mapcomp Anchor
  • 打开:3D
  • 还会再加 Flickering Opacity - in / out
  • 作为 zoom out 阶段的科技感底纹

3. Close-up 版

  • 同样 Parent 到:Panama Mapcomp Anchor
  • 打开:3D
  • 在转场处切入

4. 转场点的判断

作者的做法:

  • 看地图动画曲线的最高速度点
  • 在这个时间点附近切换 wide / closeup 两套十字网格

5. Close-up 网格扩展值

字幕中作者直接说:

  • X / Y Copies 要大幅提高
  • 可能需要到:5075
  • 甚至接近:150

目的是 close-up 阶段仍然能铺满整个画面。


十七、当前时间线层级大致结构

在中后段截图里能看到的主要层级大致为:

  1. Scale Bar
  2. Scale Bar Text
  3. Panama 2(标题 / 文本副本)
  4. Flickering Rectangle 1
  5. Flickering Rectangle 2
  6. Flickering Rectangle 3
  7. Panama Canal
  8. Panama
  9. Panama MATTE
  10. Panama Mapcomp Anchor
  11. Panama Mapcomp
  12. Panama SHADOW
  13. VIGNETTE
  14. atlantic ocean
  15. pacific ocean
  16. Background Anchor
  17. Background

实际顺序可能因微调略有变化,但这个层级关系基本就是视频里的搭法。


十八、这支视频里最关键、最值得抄走的技巧

1. 用 Alpha Matte 把国家从卫星底图里“抠”出来

这比直接裁图更稳,因为地图动画和 anchor 仍能保持 GEOlayers 关系。

2. 阴影不要直接加在被 matte 的主层上

而是:

  • 复制 matte
  • 单独做 Panama SHADOW
  • Drop Shadow + Shadow Only

3. 多 path 的 Trim Paths 一定要检查三件事

  • path direction
  • shape group 上下顺序
  • Trim Multiple Shapes = Individually

4. 所有跟地图一起动的元素,都要检查三件事

  • Parent 到 Mapcomp Anchor
  • 打开 3D
  • 必要时让其位于 vignette 上下正确位置

5. 缩放镜头做完以后,再统一修 timing

作者明确就是先把大运动做出来,再反查:

  • 哪些元素没跟图走
  • 哪些动画太慢
  • 哪些 close-up 阶段要淡出

十九、已确认的关键参数汇总

工程

  • 3840 × 2160
  • 24 fps
  • 10 seconds
  • 底图:Bing aerial

Panama 阴影

  • Opacity:75%
  • Direction:235°
  • Distance:55.0
  • Softness:35.0
  • Shadow Only:开

背景色调

  • Background Saturation:-65
  • Background Lightness:-25
  • Panama Saturation:-45(后期某帧可见为 -35
  • Panama Lightness:0

边线

  • Width:1 px
  • Color:白

Deep Glow

  • Radius:500
  • Exposure:1.00
  • Blend Mode:Screen
  • Source Opacity:100%

Grid of Crosses(某帧)

  • Cross Size:35
  • Cross Thickness:5
  • X Copies:5
  • Y Copies:5
  • X Gap:150
  • Y Gap:150

主标题文字

  • Font:Airborne 86
  • Style:Stencil
  • Size:150 px
  • Tracking:100 px
  • Fill:白
  • Stroke:关

海洋文字

  • Size:75
  • Paragraph:Center

Map View 中间值

  • Latitude:8.5°
  • Longitude:-80.1°
  • Zoom:8.12
  • Bearing:-1.1°
  • Pitch:0.0°

二十、还原时最推荐的复刻顺序

  1. 先建 Panama Mapcomp
  2. 复制出 Background
  3. Panama MATTE
  4. Panama Mapcomp 设成 Alpha Matte
  5. 复制 matte 做 Panama SHADOW
  6. 给背景和前景分别做 Hue/Saturation
  7. Thin Country Border
  8. VIGNETTE
  9. 下载并合并 Panama Canal
  10. Draw 成 shape layer
  11. Trim Paths 手动做路线动画
  12. Deep Glow
  13. Grid of Crosses
  14. 画 3 个 Flickering Rectangle
  15. PANAMA / PACIFIC OCEAN / ATLANTIC OCEAN
  16. Scale Bar
  17. Map View 的 zoom out / hold / zoom in
  18. 最后统一修:
  • path timing
  • rectangle timing
  • grid of crosses wide/closeup 切换
  • fade out

二十一、哪些地方视频里没给精确值

以下内容视频逻辑很清楚,但没有稳定清晰的精确数值

  • CC Vignette 的最终 amount / darkness
  • wide / closeup 两套 grid of crosses 的最终全部数值
  • flickering rectangles 三层各自的持续时间与具体偏移帧数
  • map view 的起始 / 中间 / 结束三组完整经纬度数值
  • close-up 阶段最终的 bearing 精修值

这些部分适合你按最终视觉微调。


如果你继续发下一支,我就继续按这一套格式拆: 时间线流程 + 图层结构 + 已确认参数 + 可复刻顺序