AE《Mapping Vasco Da Gama's Route to India》教程提取版
说明:本整理基于视频画面与字幕逐段还原。凡是能从画面直接看清的参数,我标为已确认;字幕明确说了但画面看不清的,标为字幕确认;作者口述但未展示具体数值或只能大致判断的,标为推断/未显示。
这支也整理好了,我把它拆成了完整可复刻版。
下载文档:
AE_VascoDaGama_路线地图教程_提取版.md
这次能确认下来的关键参数很多,先给你挑最有用的:
工程与地图:
World Mapcomp3840 × 216024 fps10 seconds- 底图:
Bing aerial imagery
参考图对位:
-
锚点放在
Horn of Africa -
可见一帧里参考图:
Opacity = 60%Scale = 100.0%
正式路线:
Simplify Geometry = Max Zoom- 自动绘制动画:
8 seconds - 路线颜色:
#2C2C2C - 亮度:
9 - 最终线宽按视频逻辑约为:
14 px Line Join = Round
旧地图质感:
-
纸张纹理:
Old Paper Texture 1.png -
旋转:
90° -
混合模式:
Linear Burn -
整体加:
CC Vignette -
路线加:
Roughen EdgesComplexity = 10Border = 4
标题:
- 文案:
Vasco da Gama - 字体:
Emily Austin - 字重:
Regular - 画面里能确认到一帧字号:
500 px
地图动画两端值:
-
起始:
Latitude = -3.3Longitude = +41.7Zoom = 3.84Bearing = -25.6Pitch = +48.5
-
结束:
Latitude = -3.3Longitude = +41.7Zoom = 3.81Bearing = -24.0Pitch = +34.5
景深假效果:
- Adjustment Layer:
Depth of Field Gaussian BlurBlurriness = 59.9Blur Dimensions = Horizontal and VerticalRepeat Edge Pixels = OnMask Feather先试:500 px
这一份里我已经把整套流程顺好了:
- 参考图 geo reference
- 路线 feature 重建
- 正式路线描边动画
- 旧纸纹理与 alpha matte
- 手动 pre-comp 路线
- Roughen Edges 做旧地图线
- 标题与人物前景
- 地图镜头动画
- 假景深收尾
下一条我可以继续给你做成“逐点击版”,也就是每一步都写成:
点哪里 → 选什么 → 改多少 → 这一步做完应该看到什么效果。
一、工程与地图初始化
1. 新建 GEOlayers 地图合成
时间:00:00:05 - 00:00:15
操作顺序:
- 打开 AE,新建项目。
- 在右侧
GEOlayers 3面板里点击Create Mapcomp。 - 地图预览里选择世界地图底图。
- 点击右下角
Next。 - 选择底图源:Bing aerial imagery。
- 点击
Create New Map Comp。
已确认参数:
- Name:
World Mapcomp - Size:
3840 px × 2160 px - Framerate:
24 fps - Duration:
10 seconds
画面依据: 00:00:10 帧。
二、导入参考图并做地理对位
2. 导入 Britannica 路线图
时间:00:00:15 - 00:00:26
操作顺序:
- 导入参考图:
Vasco da Gama Route.jpg。 - 把它拖进地图合成。
- 将图层移到最上方。
参考图用途:
- 不是最终成品的一部分。
- 只是用来临摹路线、对齐地理位置。
3. 用非洲之角做锚点对位
时间:00:00:47 - 00:01:55
操作顺序:
- 选中参考图层。
- 按
T调出Opacity。 - 按住
Shift再按S调出Scale。 - 先把参考图不透明度降下来,方便看底部 GEOlayers 地图。
- 按住
Ctrl点击Finalize,让地图加载高分辨率底图。 - 用
Pan Behind / Anchor Point Tool把参考图锚点移动到非洲之角(Horn of Africa)。 - 以这个点为基准,调节参考图的位置与缩放,让海岸线和地图尽量重合。
- 需要精细缩放时,作者说可以按住
Ctrl微调。 - 对齐后,来回开关参考图可见性检查是否贴合。
已确认参数:
- 参考图初始可见帧里:
Scale = 100.0%Opacity = 60%
说明:
- 60% 是画面中某一时刻可见值,不一定是最终唯一值;作者过程中确实有先降透明度、后又提上去。
- 真正重要的是:锚点要放在非洲之角,然后围绕该点缩放/旋转对位。
画面依据: 00:01:16 帧。
三、把参考图绑定到地图
4. 绑定到 World Mapcomp Anchor
时间:00:01:55 - 00:02:11
操作顺序:
- 选中参考图层。
- 用
Parent Pick Whip拖到World Mapcomp Anchor。 - 打开该层
3D开关。
这样做的目的:
- 后面如果缩放、平移地图,参考图会一直跟着地图走。
- 不会因为重新构图而让辛苦做好的 geo reference 失效。
作者特别提醒:
- 参考图如果花了很长时间才对准,一定要马上 parent 到 map anchor,否则后面一动镜头就很容易全乱。
四、把参考图转换成 GEOlayers Feature
5. 生成一个可定位的 feature
时间:00:02:31 - 00:03:03
操作顺序:
- 选中参考图层。
- 在 GEOlayers 面板点击:
Add Features to BrowserFeature from Layer
- GEOlayers 会生成一个矩形 feature。
用途:
- 后续双击 feature,可以迅速回到该区域构图。
- 还能查看面积、周长等信息。
五、手动画出 Vasco da Gama 航线
6. 用钢笔工具沿参考图描路线
时间:00:03:03 - 00:03:57
操作顺序:
- 选中刚生成的参考 feature,作为临摹依据。
- 拿
Pen Tool开始描绘航线。 - 绘制时不要选中别的图层,避免把路径误加到已有图层上。
- 每个节点点击拖拽,拉出贝塞尔手柄,让路径更平滑。
- 若需要独立调整一侧手柄,作者提示:
Alt + 拖拽。 - 路线终点不要闭合路径。
关键提醒:
- 最后一个点不要点回第一个点。
- 要让路径保持开路径状态,不然之后动画和路径处理会更麻烦。
7. 把手绘路径也变成 GEOlayers feature
时间:00:03:57 - 00:04:29
操作顺序:
- 作者一开始是直接在合成里画的,所以路径默认还没附着到地图。
- 如果一开始就用 GEOlayers 里的
Create Shape Layer to Draw On会更省事。 - 但现在也可以补救:
- 选中手绘路径图层
Add Features to BrowserCreate Feature from Layer
- 这样就得到真正的航线 feature 了。
- 把这个 feature 图层也:
Parent到World Mapcomp Anchor- 打开
3D
- 作者把这个原始版本命名为:
Vasco da Gama Route ORIGINAL
六、重绘正式路线并设置基础样式
8. 选一个白色默认样式重画正式路线
时间:00:04:30 - 00:05:12
操作顺序:
- 锁定旧参考路线,避免误操作。
- 在 GEOlayers 面板中选中新的路线 feature。
- 选择一个简单的白色 path 样式。
- 打开
Edit Styles。
字幕确认参数:
- Stroke Width:先设到 14 px
Simplify Geometry:设为 Max Zoom- 其它参数:作者说先都保持关闭
原因:
Off:会生成过多顶点。Current Zoom:顶点又不够。Max Zoom:通常是比较合适的折中。
9. 用 GEOlayers 自动生成路线描边动画
时间:00:05:12 - 00:05:28
操作顺序:
- 把播放头移到起始帧。
- 在 GEOlayers 里点击:
Draw FeatureAnimate Feature Path
- 在弹出的动画时长窗口中输入:8。
- 点击
Create Animation。 - 关闭参考图层可见性,看自动绘制效果。
已确认/字幕确认参数:
- Animation Duration:
8 seconds
七、加入旧纸纹理
10. 导入纸张纹理并横向旋转
时间:00:06:09 - 00:06:43
操作顺序:
- 导入纹理图:
Old Paper Texture 1.png。 - 放到图层顶端。
- 由于素材是竖构图,按
W进入旋转工具。 - 按住
Shift旋转,吸附到整角度。 - 把纹理旋转 90°。
- 打开图层混合模式列,如果没看到就点
Toggle Switches / Modes。 - 把纸张纹理模式改成:
Linear Burn。
已确认参数:
- Texture Layer:
Old Paper Texture 1.png - 素材尺寸显示:
5000 × 5616 - Blend Mode:
Linear Burn - 旋转:
90°
11. 让纸纹理跟地图一起动
时间:00:06:43 - 00:06:52
操作顺序:
- 选中纸纹理图层。
Parent到World Mapcomp Anchor。- 打开
3D。
八、给地图整体加 vignette
12. 给 World Mapcomp 直接加 CC Vignette
时间:00:06:52 - 00:07:21
操作顺序:
- 在
Effects & Presets搜索CC Vignette。 - 把效果直接拖到
World Mapcomp上。 - 作者认为默认参数已经比较好,看起来比较 subtle。
- 想更戏剧化时,可以提高:
AmountAngle of View- 也可以改
Center
字幕确认:
- 这次作者基本保留默认效果,没有明确输入数值。
九、把路线从“技术线条”改成“旧地图风格”
13. 改路线颜色和宽度
时间:00:07:25 - 00:07:53
操作顺序:
- 选中正式路线 shape layer。
- 直接点顶部/图层上的
Stroke Color。 - 把颜色从白色改成偏深灰黑,而不是纯黑。
已确认参数:
- Brightness:
9 - 颜色十六进制:
#2C2C2C - 当时画面里可见一版 Stroke 宽度:
32.14 px
字幕说明:
- 作者说这个线太粗,要“减大约一半”。
- 后面画面里能看到顶部工具栏已经变成:
14 px。
因此可按下面理解:
- 初始/中间某状态:
32.14 px - 最终保留宽度:约
14 px
14. 关闭 Auto Stroke Width 的干扰
时间:00:07:53 - 00:08:09
操作顺序:
- 回 GEOlayers 面板检查该 feature 的参数。
- 若勾着
Auto Stroke Width,它会给描边加表达式。 - 这会让后续手动改描边更麻烦。
建议:
- 作者这里强调要注意这个选项。
- 正式手调时,尽量不要让它干扰你。
15. 把线段拐角改成圆角
时间:00:08:09 - 00:08:24
操作顺序:
- 展开 shape layer 的
Contents。 - 找到
Stroke组。 - 把
Line Join改成:Round。
结果:
- 线路边缘不再像折线图一样尖锐。
十、手动 Pre-comp 路线,再做 Roughen Edges
16. 不建议直接用脚本预合成
时间:00:08:33 - 00:09:51
作者先试了 GEOlayers 自带脚本:
Run ScriptPre Composed Feature Shape Layer
但作者明确说这个方案不完美,问题包括:
- 位置会偏移一点。
- 预合成边界贴得太死。
- 一旦后面改 comp 尺寸或再加效果,容易出问题。
17. 推荐的手动预合成方法
时间:00:09:51 - 00:10:24
操作顺序:
- 先撤销脚本预合成。
- 选中路线图层。
- 关闭其
3D。 - 断开它与
World Mapcomp Anchor的 parent。 - 进入菜单:
Layer > Pre-compose... - 新合成命名为:
Vasco da Gama Route - 选项选择:
Move all attributes into the new composition - 确定。
- 回到主合成后:
- 再把这个 pre-comp 重新 parent 到
World Mapcomp Anchor - 再打开
3D
- 再把这个 pre-comp 重新 parent 到
已确认参数:
- 预合成名:
Vasco da Gama Route - 预合成窗口里勾选的是:
Move all attributes into the new composition
作者提醒:
- 这种方法只适用于你还没对地图做 pitch / 大范围重构的时候。
- 所以地图动画最好放到最后做。
18. 在预合成上应用 Roughen Edges
时间:00:10:31 - 00:11:07
操作顺序:
- 双击进入
Vasco da Gama Route预合成。 - 在
Effects & Presets搜索:Roughen Edges。 - 将其直接拖到这个路线预合成上。
- 调整参数,让路线边缘像旧地图手绘线。
字幕确认参数:
Complexity = 10Border = 4
作者说明:
- 把它先预合成为 raster,再加这些效果,缩放/移动地图时不容易让效果与矢量本体“分家”。
十一、标题文字:Vasco da Gama
19. 先输入标题,再换成手写字体
时间:00:11:24 - 00:11:48
操作顺序:
- 用
Text Tool输入:Vasco da Gama。 - 作者最初先把字放大到大概
300左右。 - 觉得原字体不合适后,在 Adobe Fonts 里换字。
- 搜索并选择字体:
Emily Austin。
字幕确认:
- 初始尝试字号:
300左右。
20. 最终可见文字样式
时间:00:13:43 - 00:13:48
已确认参数:
- Font:
Emily Austin - Style:
Regular - Size:
500 px - Fill Color:黑色系
这说明作者在后续排版时,又把标题进一步放大到了 500 px。
21. 让文字跟地图一起动
时间:00:12:20 - 00:12:29
操作顺序:
- 选中文字层。
Parent到World Mapcomp Anchor。- 打开
3D。 - 后面再视构图重新摆位置。
十二、导入 Vasco da Gama 画像
22. 在 Photoshop 里抠图
时间:00:12:34 - 00:13:34
操作顺序:
- 作者从 Wikipedia 找了一张 Vasco da Gama 画像。
- 导入 Photoshop。
- 先用
Marquee Tool选中人物。 - 用
Select Subject自动抠主体。 - 按
J新建拷贝图层。 - 关掉原背景层,保留透明底人物。
- 导出 PNG,回 AE 使用。
导入后的文件名:
Vasco da Gama with Alpha.png
23. 人物图层在 AE 里的处理
时间:00:13:39 - 00:14:11
操作顺序:
- 将人物 PNG 拖到所有元素上方。
- 调整位置与缩放,让它在右下区域形成前景。
- 因为画面偏灰,给人物加
Curves。 - 做一个很轻的 S 曲线,提高对比。
关键原则:
- 不要 parent 到地图。
- 不要设为随地图运动的 3D 元素。
- 它是固定在前景的独立视觉层。
24. 人物图层的颜色修正
时间:00:13:50 - 00:14:08
已确认内容:
- 效果:
Curves - 曲线处理:轻微
S-curve
说明:
- 视频没有展示具体点位坐标,只能确定是轻微提高对比,不是重调色。
十三、解决纸纹理边缘露底:用 Alpha Matte 限制地图
25. 用纸张纹理本身做 Alpha Matte
时间:00:14:28 - 00:15:11
问题:
- 一旦给地图增加
Pitch / Zoom,会看到纸张贴图边界之外的区域,露出底层黑边。
解决方法:
- 回到主合成。
- 切到
Switches / Modes视图。 - 让
World Mapcomp使用Old Paper Texture 1.png作为Alpha Matte。 - 默认 AE 会把 matte 层自动隐藏。
- 再把纸张纹理层重新打开可见。
结果:
- 既保留旧纸边缘,又不会看到贴图之外的穿帮区域。
已确认参数:
- 纸张纹理 Blend Mode:
Linear Burn World MapcompTrack Matte:使用纸张纹理做Alpha Matte
十四、地图镜头动画
26. 先布置结尾构图
时间:00:15:11 - 00:15:37
操作顺序:
- 先把时间线拖到 10 秒末尾。
- 在结尾状态下构图:
- 路线要完整地落在镜头里。
- 人物不要挡住关键路线。
- 标题也要能看见。
- 作者觉得文字有点太大,于是又把标题略缩小了一点。
- 在 10 秒位置给地图经纬度/缩放/方位/俯仰打关键帧。
- 这些关键帧作者特意改成线性关键帧。
- 方法:选中关键帧后
Ctrl + 点击
- 方法:选中关键帧后
27. 结尾镜头参数
时间:约 00:15:45 画面可见
已确认参数:
- Latitude:
-3.3° - Longitude:
+41.7° - Zoom:
3.81 - Bearing:
-24.0° - Pitch:
+34.5°
28. 起始镜头参数
时间:约 00:15:56 画面可见
作者口述思路:
- 起始帧要再俯一点,有一个往上抬的运动。
- 同时稍微zoom out 一点。
已确认参数:
- Latitude:
-3.3° - Longitude:
+41.7° - Zoom:
3.84 - Bearing:
-25.6° - Pitch:
+48.5°
由此可知,这组镜头动画主要变化的是:
Zoom:3.84 → 3.81Bearing:-25.6° → -24.0°Pitch:48.5° → 34.5°
也就是:
- 镜头从更俯、更远一点的角度,慢慢移动到更平、更聚焦路线的位置。
十五、给人物做轻微漂移动画
29. 只做非常轻的 Position 动画
时间:00:16:00 - 00:16:18
操作顺序:
- 选中人物 PNG。
- 在起始帧打一个
Position关键帧。 - 到结尾帧,把人物轻微移动一点。
- 不做大动作,只做很 subtle 的漂移。
作者意图:
- 让前景不至于完全静止。
- 但又不能喧宾夺主。
十六、假景深:Adjustment Layer + Gaussian Blur + 大羽化遮罩
30. 新建景深调整层
时间:00:16:23 - 00:16:39
操作顺序:
Layer > New > Adjustment Layer- 命名为:
Depth of Field - 放到人物图层下面、地图图层上面一类的位置,使它只影响背景部分。
- 搜索
Gaussian Blur并加到该调整层。
31. 模糊参数与遮罩
时间:00:17:00 - 00:17:27
操作顺序:
- 选中
Depth of Field调整层。 - 用
Pen Tool画一个大范围遮罩,让人物所在区域保持清晰,前后景更模糊。 - 如果方向反了:
- 勾
Inverted - 或者直接把 Mask Mode 改为
Subtract
- 勾
- 按
F调出Mask Feather。 - 先把 Feather 设到 500 px 左右试效果。
- 作者随后又说要把 blur 再降一点,让整体更 subtle。
已确认参数:
- Effect:
Gaussian Blur - Blurriness:
59.9 - Blur Dimensions:
Horizontal and Vertical Repeat Edge Pixels:开启- 初始尝试的 Feather:
500 px
说明:
- 画面里能看到一条弯曲的大遮罩边界,说明景深不是硬切,是靠超大羽化做出来的“假 DOF”。
十七、最终收尾
32. Finalize 并输出
时间:00:17:27 - 00:17:35
操作顺序:
- 不要忘记再点一次
Finalize。 - 然后加入 Render Queue。
- 输出检查成片。
十八、这一支视频里最关键、最值得抄的做法
A. 参考图 geo reference 的正确姿势
- 先把锚点放到一个可靠地理点,这里是非洲之角。
- 再围绕这个点做缩放和位置微调。
- 对准后立刻 parent 到
World Mapcomp Anchor并打开3D。
B. 路线不要闭合
- 这是这支视频里非常重要的一个操作提醒。
- 开路径更适合后续 GEOlayers 路径动画与样式处理。
C. 路线先做成 feature,再正式重绘
- 作者实际上做了两层:
- 一个原始参考版本
Vasco da Gama Route ORIGINAL - 一个正式样式版本
- 一个原始参考版本
- 这样修改更安全。
D. 旧地图质感来自三层叠加
- Bing aerial 地图底图
- Old Paper Texture +
Linear Burn - 路线颜色改成
#2C2C2C、再加Roughen Edges
E. 想让 Roughen Edges 跟着地图老老实实动,先手动预合成
- 不要偷懒直接用 GEOlayers 的预合成脚本。
- 最稳的方法是:
- 关 3D
- 断 parent
- 手动 pre-compose
- 再重新接回 anchor
F. 人物不跟地图走
- 地图、纸纹理、标题、路线这些都挂到
World Mapcomp Anchor。 - 但人物 PNG 故意不挂。
- 这样形成“前景人物 + 后景地图”的层次。
G. 景深是假的,但很好用
- 没有用真实摄像机景深。
- 而是用:
- Adjustment Layer
- Gaussian Blur
- 超大 Feather 遮罩
- 这样渲染更轻,也更容易控制。
十九、能直接照抄的一组核心参数
工程
3840 × 216024 fps10 seconds- 底图:
Bing aerial imagery
参考图对位
- 参考图层可见时一帧:
Opacity = 60%Scale = 100%
- 锚点:放在
Horn of Africa
正式路线
- 初始样式:白色 path
Simplify Geometry = Max Zoom- 初始可见宽度:
14 px - 颜色:
#2C2C2C - 亮度:
9 Line Join = Round- 自动绘制时长:
8 seconds
旧地图效果
- 纸纹理旋转:
90° - 纸纹理模式:
Linear Burn - 整体加:
CC Vignette - 路线边缘:
Roughen EdgesComplexity = 10Border = 4
标题
- 文案:
Vasco da Gama - 字体:
Emily Austin - 字重:
Regular - 最终可见字号:
500 px
地图动画
- 起始:
Lat -3.3Long +41.7Zoom 3.84Bearing -25.6Pitch +48.5
- 结束:
Lat -3.3Long +41.7Zoom 3.81Bearing -24.0Pitch +34.5
- 关键帧:改成
Linear
景深
- Adjustment Layer:
Depth of Field Gaussian BlurBlurriness = 59.9Horizontal and VerticalRepeat Edge Pixels = On
- Mask Feather:先试
500 px
二十、视频里没有明确展示、不能硬编的部分
以下内容视频没有给出精确数值,我不做虚构:
CC Vignette的 Amount / Angle of View 最终值- 人物 PNG 的最终 Position 精确坐标
- 人物缩放百分比
- 标题最终缩小后的具体字号(因为中间字幕说先到 300,后面画面可见 500,再后面又口头说缩小一点,但没有最终停留数值)
- 地图动画每个参数的完整关键帧曲线,仅能确认作者改成了线性关键帧
- Roughen Edges 的其它详细子参数
二十一、按复刻优先级给你的实操顺序
如果你自己要照着做,建议按下面顺序复刻:
- 先建
World Mapcomp - 导入参考图,锚点放非洲之角,完成 geo reference
- 把参考图 parent 到
World Mapcomp Anchor并开 3D - 将参考图与路线都做成 GEOlayers feature
- 正式路线用白色样式重画,
Simplify Geometry = Max Zoom - 自动生成
8s路线动画 - 导入纸纹理,旋转
90°,模式Linear Burn - 给
World Mapcomp加CC Vignette - 路线改成
#2C2C2C,宽度约14 px,Line Join = Round - 手动 pre-comp 路线,命名
Vasco da Gama Route - 加
Roughen Edges,Complexity 10 / Border 4 - 加标题
Vasco da Gama,字体Emily Austin - 导入抠好的 Vasco PNG,前景独立摆放,不 parent 到地图
- 用纸纹理给地图做
Alpha Matte - 最后才做地图镜头动画
- 再给人物做轻微 position 漂移
- 新建
Depth of Field调整层做假景深 - Finalize → Render Queue