可以,第二个视频我也按上一条的结构拆好了。
这次这条比上一个更像一个完整的 VOX 风格“国家地图解说镜头”复刻,不是区域拆分,而是做一个阿富汗地图战况信息图动画。
先给你一个总判断:
这套流程仍然是 After Effects + GEOlayers 3。
作者这次的核心不是“画地图本体”,而是这四件事:
- 先做一个 地形底图 + 国家高亮
- 再做一个 国家遮罩 matte
- 再把 文字、星标、坦克、圆环 全部接到地图坐标系统里
- 最后靠 Map View 动画 + 局部元素动画 拼成 VOX 风格镜头
一、这条视频里能明确确认的关键参数
下面这些是我能从字幕 + 画面里明确读出来的,优先级最高。
1)工程与地图底图
- Map Comp Duration:
6 seconds - Frame Rate:
24 fps - Size:
Ultra HD 4K - 画面里项目面板还能看到合成大概是:
3840 × 2160 - 地图底图 profile:Esri
- style category:World Shaded Relief
2)GEOlayers 绘制设置
在画 Afghanistan 形状时,能确认到:
-
Simplify Geometry:开启,并显示为 Current Zoom -
Inside Mapcomp:关闭 -
画边界线时,作者提到:
Auto Stroke Width:开启
3)Lumetri 调整
-
作者不是直接改 map opacity,而是把 Lumetri Color 挂到
World Map Comp -
主要调的是:
- Hue vs Saturation
- 目的是去掉底图偏粉/偏红的色偏
-
后面又提到:
Exposure设成大约 -2
4)主标题与小标题
小标题字符面板里,能稳定读出来的是:
- Font:Lato
- Style:Bold
- Size:91 px
- Leading:63 px
- Tracking:-52
- Horizontal Scale:94%
- Vertical Scale:100%
- Baseline Shift:0 px
这一组是**“Communist Afghan government”** 那个小标签的最终字符设置。
大标题 “AFGHANISTAN”
能确认的是:
- 作者专门去
whatfontis.com找了相似字体 - 后面用了 Hard Light
Opacity降到 75- 颜色往深灰方向压,字幕里说大概调到 10% 那种深度
- 还做了轻微“压扁”,也就是非等比缩放
但主标题最终字体名在画面里没有稳定显示出来,这点我不乱猜。
5)几何与特效参数
-
椭圆圈一开始试:
Stroke Width约 800
-
后来改成:
Stroke Width约 1200
-
椭圆最初透明度动画:
- 大约从 50% → 0
-
最后 revision 时改成:
- 开头保持 75% opacity
- 到后段再往下 fade out
-
椭圆最终混合模式:
- 画面最终能看到是 Overlay
-
国家高亮大字层:
- 时间线中能看到
afghanistan (Pinned)的混合模式是 Hard Light
- 时间线中能看到
-
BORDER Afghanistan- 时间线里能看到它用了 Overlay
6)动画节奏
作者明确说自己按这 4 段来做:
- Map fly-in
- Star animate on
- Text reveal
- Ellipse expand + fade
并且他说:
- fly-in 持续 2 秒
- 星标大概在 1 秒左右开始
- 文本揭示在后面接上
- 地图 zoom 是靠
Animate View to Feature自动生成的 2 秒动画
二、这条视频最终做出来的是什么镜头
它不是一个长篇地图片段,而是一个很标准的 VOX 样式短镜头:
- 背景是灰色地形地貌
- 阿富汗本体是浅色高亮
- 外围环境更暗
- 大标题
AFGHANISTAN压在国家轮廓上 - Kabul 附近有一个星标
- 星标上方有
Communist Afghan government小标签 - 周边再放两个坦克 icon
- 最后一个大橙色圆环扩散并被国家边界裁掉
所以这条视频的本质,是一个**“地图本体 + 图标信息层 + 遮罩层 + Camera/Map View 节奏动画”**的复刻范例。
三、按作者真实顺序拆成可复刻教程
下面我按实际操作顺序整理。
Step 1:先建 GEOlayers Map Comp
作者操作
在 GEOlayers 面板里点击:
Create Map Comp
然后设置:
- Duration:6 seconds
- Frame rate:24 fps
- Size:Ultra HD 4K
底图选择
他没有用自己更接近 VOX 的 Mapbox 自定义 profile,而是为了教程简单,直接选:
- profile:Esri
- category:World Shaded Relief
然后点击:
- Apply
- Create
结果
得到一个 World Mapcomp 及其外层 containing comp。
Step 2:搜索 Afghanistan,先把地图视图定位过去
作者操作
- 在 GEOlayers 搜索:
Afghanistan - 点击:
Add to Browser - 双击 Afghanistan
- 然后按住:
Ctrl(Mac 是 Command)
再点:
Finalize
作用
把当前地图视图定到阿富汗区域,准备开始对比原始 VOX 参考图来调底图。
Step 3:把参考视频和参考 JPEG 拉进来对照
作者工程里能确认有两个参考源:
Vox Afghanistan Map.mp4Vox Sample - Afghanistan.jpg
他把参考图层放到上面,时不时开关可见性,对着原图修。
这个步骤你复刻时也应该照抄,因为他整套不是凭空做,而是边叠参考边修。
Step 4:用 Lumetri 去掉底图里那层偏粉的色相
作者操作
- 进入:
Window > Effects & Presets - 搜索:
Lumetri - 把 Lumetri Color 拖到:
World Map Comp
重点调的不是普通色温,而是:
- Curves
- Hue vs Saturation
目的
把灰地形底图中那种轻微的粉红/紫红色压掉,变成更接近 VOX 那种偏中性的灰色 relief。
后续又补了一个暗化
作者说与其直接改背景 opacity,不如继续用 Lumetri,所以又提到:
Exposure大概设成 -2
这一步做完,背景层比阿富汗主体更暗了。
Step 5:把地图拆成“背景世界层”和“阿富汗高亮层”
这是整条教程最关键的结构步骤之一。
作者思路
他要的不是“整张底图一个图层”,而是:
- 一层:整个地形背景
- 一层:只显示阿富汗
所以必须先做一个国家 matte
Step 6:复制一个 Map Comp,专门拿来做 Afghanistan matte
作者操作
-
回 GEOlayers
-
进入:
Map Comp view -
点复制按钮
-
弹出对话框后,选:
Duplicate "World Mapcomp" -
不要选:
- Duplicate containing Comp
- Split Imagery and Labels
-
同时确保:
Link View = on -
新命名:
Afghanistan Map Comp
作用
这样你会得到一个和原 World Mapcomp 视图联动的副本。
后面原地图做 zoom,这个 Afghanistan Map Comp 也会跟着变。
Step 7:画出 Afghanistan 的 shape,当作遮罩层
作者操作
-
在浏览器里选中:
Afghanistan -
打开 style 面板
-
用的是一个纯填充白色风格
-
画面里能确认到:
Simplify Geometry (Current Zoom):开Inside Mapcomp:关Auto Stroke Width:关Individual Layers:关
作者口头还说了一句:
- 如果你想更细,也可以考虑从
Current Zoom换成Max Zoom
然后点击
Draw Feature
结果
会生成一个 Afghanistan 的 shape layer。
后续处理
- 把它拖到
Afghanistan Map Comp上面 - 重命名为:
MATTE Afghanistan
Step 8:用 Track Matte 把 Afghanistan Map Comp 裁成国家高亮层
作者操作
- 选中:
Afghanistan Map Comp - 到时间线的:
Track Matte - 用 pick whip 指向:
MATTE Afghanistan - 模式使用:
Alpha Matte
结果
阿富汗这层只在国家轮廓内显示,外面透明。
作者提醒
不要抓错到 anchor layer。
他还顺手把那些 anchors 隐藏并设置 shy,免得误选。
Step 9:把背景世界层压暗,让阿富汗主体浮出来
这一步是整个画面“VOX 感”的关键来源。
作者实际做法
他先说可以直接拉低 World Map Comp 的 opacity,
但接着又说更好的办法是:
- 继续用已经挂上的 Lumetri
- 直接把背景层的亮度/曝光压下去
明确提到的数值
Exposure ≈ -2
这样主层阿富汗保持浅色,背景世界保持更深的灰。
Step 10:加阿富汗边界细线
作者操作
- 切换 GEOlayers 的 layer style 到:
line 风格 - 并确认:
Auto Stroke Width 打开 - 仍选 Afghanistan
- 点击:
Draw Feature
结果
得到一个国家边界线图层。
后续
- 重命名:
BORDER Afghanistan
作者说了两个可能处理
- 可能降 opacity 到 65
- 也可能尝试 blend mode
从后面时间线截图看,最终能确认的是:
BORDER Afghanistan用了 Overlay
但它的最终 opacity 具体值看不清,所以我不写死。
Step 11:做大标题 “AFGHANISTAN”
作者操作
- 先去字体识别网站:
whatfontis.com - 上传参考图的一部分
- 找一个相似字体
- 下载并安装
- 回 AE 用 Text Tool 输入:
AFGHANISTAN
后面做的修正
-
调文字颜色,往深灰方向压
字幕里他说大概调到:
10% 那种深度 -
用快捷方式在混合模式之间快速切换:
Shift + 加号 -
他口头明确说:
Hard Light looks quite similar -
然后把文字:
Opacity降到 75- 再轻微压扁一点
把标题绑定到地图
作者不是直接 parent,而是用了 GEOlayers 的:
Pen Selected Layer to Map
然后勾上:
Scale with mapRotate with map
最后再把这个文字层设成:
- 3D layer
效果
这样后面地图做 zoom / bearing / pitch 时,大字会跟着地图走。
Step 12:做 Kabul 的星标
作者操作
- 在 GEOlayers 搜:
Kabul - Add to Browser
- 不直接用 label feature,而是手动画一个图形星标
画法
- 选 Shape Layer Tool
- 切到:
Star - 用 Color Picker 吸参考图中的橙色
- 画出一个星形
- 缩小
定位方式
不是手摆,而是选中星层后:
- 选 Kabul feature
- 点:
Pin Layer to Feature
结果
星标会自动 geocode 到 Kabul 的位置上。
这一步非常值得照抄,因为它比手摆准得多。
Step 13:做小标签 Communist Afghan government
这部分作者做得很细,基本是 VOX 小标签的标准套路。
第一步:先打字
- 再用 Text Tool
- 先输入:
Communist Afghan Government
他一开始口头说先试:
Inter Medium
但后面又去找更接近的字体。
最终能从画面确认的小标签字符设置
- Font:Lato
- Style:Bold
- Size:91 px
- Leading:63 px
- Tracking:-52
- Horizontal Scale:94%
- Vertical Scale:100%
第二步:做后面的橙色矩形底板
-
用 Color Picker 吸原图橙色
-
画两个 rectangle
- 上一条给
Communist Afghan - 下一条给
government
- 上一条给
第三步:修矩形锚点
因为是手画的 rectangle,锚点可能跑偏。
作者选中两个矩形后执行:
Right Click > Transform > Center Anchor Point in Layer Content
这一步很关键,不然后面揭示动画会很别扭。
Step 14:把小标签 pre-comp,方便整体处理
作者操作
- 选中小标签相关文字和矩形
- 使用快捷键:
Ctrl + Shift + C - 或:
Layer > Pre-compose - 命名:
Text
然后进入 Text precomp
把元素居中摆正。
作者自己解释原因
他就是为了让这个预合成的anchor point 在中间,
这样后面整体缩放、定位都更方便。
Step 15:把 Text precomp 重新绑回地图
回到主合成后,作者对这个 Text 预合成做了 GEOlayers 绑定:
-
Pin it to the map -
勾:
Scale with mapRotate with map
-
设为:
- 3D
这样这个小标签会跟着地图视角一起变。
Step 16:加入坦克图标并统一改成纯色
资源来源
作者口头提到:
- Envato Elements
- icons8
- Icon Finder
所以这不是 AE 原生造型,而是外部 PNG / PSD 资源。
作者操作
- 导入 tank 素材
- 为了让它变成单一橙色
- 去:
Effects & Presets - 搜:
Fill - 使用:
Generate > Fill - 把 tank 素材改成统一纯色
然后处理形状比例
- 用:
Anchor Point Tool / Pan Behind Tool - 把锚点拖到坦克尾部附近
- 按住:
Ctrl
让锚点吸附到图层边缘 - 按:
S - 关闭:
Constrain Proportions - 沿单轴缩放,让坦克形体更接近参考图
字幕里作者说的是:
- “scale along the Y”
- 目的是改长度,不改宽度
接着
Ctrl + D复制第二辆- 挪位置
- 再旋转一点
Step 17:把文字和坦克的位置微调到参考图更像
这一步作者做了一个很实用的小技巧:
调整 Text 预合成的位置时
他先:
- 取消 pin
- 暂时关 3D
- 手动改位置和 scale
还口头提到把它缩到:
- 45
- 甚至 40
然后再:
- 重新 pin 回地图
- 开回 3D
- 继续勾
Scale with map / Rotate with map
坦克的处理
作者没有给坦克单独 pin 到 feature,
而是直接:
- 把 tanks parent 到:
World Map Comp Anchor - 然后把 tanks 设成:
3D
这样坦克会跟着地图走,但不用单独 geocode。
四、动画部分的完整拆解
下面是这条视频真正的“镜头节奏”。
Step 18:先用 Markers 规划时间线
作者明确说:
这条镜头其实有四段动画
所以他先在时间线里打 marker。
主要 marker
- FLY IN
- Star
- Text Reveal
- 最后是 ellipse 段
明确时间信息
- fly-in:2 秒
- star:大约 1 秒附近
- text reveal:在后面接上
作者还强调:
marker 很适合后面返工,或者把工程交给别的动画师。
Step 19:做星标的 Scale + Rotation 动画
作者操作
-
选中星标层
-
按:
- S 打开 Scale
- Shift + R 打开 Rotation
-
在结束位置打终点关键帧
-
回到开头
起始状态
Scale = 0Rotation ≈ -100°
结束状态
- Scale 回到正常值
- Rotation 回到最终角度
缓动
- 起始关键帧:
Easy Ease Out - 结束关键帧:
Easy Ease In
Graph Editor
- 进入:
Graph Editor - 选:
Speed Graph - 调结束关键帧的 influence
作者特别提醒:
要 holding Shift 去拖
作用
让这个星标不是普通弹出,而是更像 VOX 那种有一点“吸入感 + 减速停住”的节奏。
Step 20:做 Text Reveal 动画
这段是在 Text 预合成内部完成的。
作者操作思路
因为小标签是两条橙色底板,所以他把文字也拆成两部分:
- top text
- bottom text
然后
- 先把不需要的旧可见性关掉
- 选中上面那个背景条
- 用:
Pan Behind Tool - 把锚点移到一端
- 按住:
Shift
吸到边缘
下方那条背景也同样处理。
动画做法
- 把播放头放在起点
- 选两个背景条
- 按:
S - 关闭:
Constrain Proportions - 给 scale 打关键帧
关键数值逻辑
- 终点:正常宽度
- 起点:只把 X Scale = 0
- Y 保持不变
效果
矩形会从边缘“横向拉开”。
缓动
- 选中关键帧
- F9
- 或右键:
Keyframe Assistant > Easy Ease
再做一点层级差
作者还说让底下那一条稍微慢一点,形成不完全同步的 reveal。
最终揭示文字
这一步不是直接裁文字,而是用矩形做:
Alpha Matte
具体做法:
- top text → matte 到
Text BG Top - bottom text → matte 到
Text BG Bottom
然后把背景矩形的可见性重新打开。
这样就形成 VOX 很典型的“色块推开时文字也一起显现”的效果。
Step 21:做最后那个大圆环
这一步是整个镜头的点睛。
作者操作
- 选:
Ellipse Tool - 因为已经有橙色,所以直接用现成颜色
- 按住:
Shift + 双击
生成居中的正圆
然后改成只有描边
Fill:关Stroke:开,并保持同样橙色
描边宽度
作者先试:
- 800
然后又改: - 1200
为什么要双击创建
作者明确说:
因为这样产生的 ellipse anchor point 在中间,
后面做 scale 动画更方便。
定位
作者判断这个圆环的中心应该就是 Kabul,
所以又用 GEOlayers 把 ellipse:
- Pin via Kabul feature
然后把 ellipse 放到星标下面。
Step 22:给圆环做 Scale + Opacity 动画
第一版
作者口头说:
- 透明度大概从 50% → 0
- 同时 scale 放大
后期 revision
到最后比较 VOX 原片时,他觉得不够像,
于是把这段改成:
- 开头保持 75% opacity
- 在一段时间内维持
- 后面再逐渐 fade out
混合模式
作者最后又来回试 blend mode,
并说自己大概找到感觉了:
- Overlay
- 大概 75% opacity
这一点不仅字幕说了,后面 26:45 左右的时间线画面也能看到 ellipse 图层的 mode 已经是 Overlay。
Step 23:用阿富汗形状把圆环裁掉
圆环之所以漂亮,是因为它不是完整圆,而是被国家轮廓切掉了。
作者操作
- 选 ellipse 图层
- 在 Track Matte 里
- 指向:
MATTE Afghanistan
结果
圆环只显示在阿富汗轮廓内部,外面被裁掉。
这就是 VOX 这种地理信息镜头里非常常见的做法。
Step 24:把 ellipse 也接到地图系统里
作者还强调,这个圆环也要跟地图走。
操作
- attach to map
- toggle switches
- set to 3D
所以 ellipse 不是普通 2D UI,而是地图系统里的对象。
Step 25:最后做地图 Fly-in
这一步作者放得比较后,因为前面元素先搭完了。
作者操作
- 把播放头放到开头
- 选 Afghanistan
- 在 GEOlayers 面板里点击:
Fit View to Feature - 然后:
Animate View to Feature - 设置:
2 seconds - 点击:
Create Animation
结果
GEOlayers 自动在 World Map Comp 里加出一组地图视图关键帧,
字幕里明确说它会生成类似:
- zoom
- latitude
- longitude
的关键帧。
五、作者后半段的 revision 也要照着学
这条视频后半段的价值,其实很大,因为作者并不是做完就结束,而是拿原片回头逐项修。
Step 26:给大标题加一个 typewriter 风格入场
在后段 revision 里,作者觉得文字还差一点味道,
所以又做了一个额外处理。
操作
- solo 相关文字层
- 去:
Effects & Presets - 找 animation preset
- 用了 Jake Bartlett 的:
Blinking Cursor Typewriter
说明
这是一个现成动画预设,不是他手打一套 keyframe。
而且他特别提醒:
注意播放头位置,因为预设会直接把 keyframe 粘到当前时间。
Step 27:让地图 fly-in 更“snappy”
作者自己比较 VOX 与自己版本时,发现问题之一是:
他的 map zoom 太温和,VOX 的更脆、更有冲劲
处理方法
- solo map comp
- 按:
U
调出地图视图关键帧 - 打开:
Graph Editor - 用:
Speed Graph - 让中段速度峰值更明显
目的
让 zoom 呈现出:
- 开始慢
- 中间明显加速
- 结尾再减速
这就是他口中的 “snappier”。
Step 28:继续修 ellipse 的颜色和混合模式
作者明确说:
这个圆环是最难一眼看透 VOX 原片到底怎么做的部分。
所以他最后一直在试:
- 色相更偏橙还是偏红
- blend mode 用什么
- opacity 起始值多少
最终近似结论
- blend mode:Overlay
- opacity:75% 起
- 后面再 fade
这套你复刻时可以直接照抄。
六、这条视频里,能直接照抄的层级结构
根据画面里能看到的时间线,主合成里大致是这个结构:
[Vox Afghanistan Map.mp4]参考视频Tank Top View.pngTank Top View.png(复制)Text (Pinned)STAR Communist Afghan GovernmentEllipse (Pinned)afghanistan (Pinned)MATTE AfghanistanBORDER AfghanistanAfghanistan Mapcomp AnchorAfghanistan MapcompWorld Map Comp AnchorWorld Map Comp
这个层级结构本身就很有参考价值。
七、你复刻时最重要的参数表
我把这一条视频里最值得直接记下来的参数,单独再列一次:
地图
- Duration:6s
- FPS:24
- Size:3840×2160 / UHD 4K
- Base profile:Esri
- Style:World Shaded Relief
Afghanistan shape
- Simplify Geometry:Current Zoom
- Inside Mapcomp:Off
背景修色
- Lumetri > Hue vs Saturation:去粉色
- Exposure:约 -2
大标题
- Blend Mode:Hard Light
- Opacity:75
- 非等比轻微压扁
小标题
- Font:Lato Bold
- Size:91 px
- Leading:63 px
- Tracking:-52
- Horizontal Scale:94%
- Vertical Scale:100%
边框
BORDER Afghanistan:最终画面能确认是 Overlay- 旁白提到可能还降到 65% opacity,但最终值不清晰
星标
- 起始 Rotation:约 -100°
- 起始 Scale:0
椭圆圈
- Stroke Width:先 800,后改 1200
- 最终 Blend Mode:Overlay
- 最终 Opacity 逻辑:75 起,后段再 fade out
- Track Matte:MATTE Afghanistan
地图动画
Animate View to Feature- Duration:2 seconds
八、这一条里我不能替你瞎写死的部分
下面这些,视频里没有稳定显示出明确数值,所以我不冒充“精确参数”:
- 大标题
AFGHANISTAN的最终字体名 - 所有颜色的准确 HEX
- Map View 的 zoom / latitude / longitude 的具体数字
- Graph Editor 的 influence 百分比
BORDER Afghanistan的最终透明度- 坦克素材的精确来源与文件名
- 小标题两行文字具体是如何逐层拆开的细节坐标值
这些地方我只能告诉你操作逻辑,不能假装看到了精确数值。
九、这条视频和上一条视频的最大区别
为了方便你后面继续学,我把区别也点一下:
上一条
是:
- 区域拆分
- 四大区分离
- 多个 null 控制
- Alaska / Hawaii inset
- scale bar
这一条
是:
- 国家高亮
- matte 裁切
- pin 到 feature
- 文本与 icon 地理绑定
- 局部 VOX 节奏动画
也就是说,这一条更适合你学:
“如何做 VOX 风格国家说明镜头”
而上一条更适合你学:
“如何做行政区划分区动画”
十、按你的目标,给你一个最简复刻顺序
你自己真正动手时,直接按这个顺序来最稳:
- 建
World Map Comp - 用 Esri / World Shaded Relief
- 搜 Afghanistan,定位视图
- 叠参考图
- Lumetri 去色偏并压暗背景
- 复制
World Mapcomp得到Afghanistan Map Comp - Draw Afghanistan shape,命名
MATTE Afghanistan Afghanistan Map Comp用MATTE Afghanistan做 Alpha Matte- 再画
BORDER Afghanistan - 打大标题
AFGHANISTAN - 用
Pen Selected Layer to Map把大标题绑到地图 - 搜 Kabul,画星标并 Pin 到 Kabul
- 做
Communist Afghan government小标签 - 做两个橙色底板
- pre-comp 成
Text - 把
Textpin 回地图并设 3D - 导入两个 tank 素材,加 Fill 变成单色橙
- parent tanks 到
World Map Comp Anchor - 用 markers 规划
Fly-in / Star / Text Reveal / Ellipse - 做星标的 scale + rotation
- 进 Text precomp 做背景条 reveal + alpha matte 揭字
- 画大 ellipse,stroke 改到 1200
- ellipse pin 到 Kabul
- ellipse scale + opacity 动画
- ellipse 用
MATTE Afghanistan裁切 - GEOlayers 里
Animate View to Feature,2 秒 fly-in - graph editor 调地图节奏
- 最后把 ellipse 调成
Overlay + 75%风格
下一条视频继续发来,我就按这一套结构继续往下拆。