AE《Create 3D Location Path Animation in After Effects》操作提取版
说明：本整理基于视频画面 + 字幕逐段还原。
我把信息分成三类：
- 已确认：画面里能直接看清的参数/控件
- 近似确认：字幕明确说了，但画面数值不一定完整显示
- 推断：按作者操作逻辑可以确定，但具体值未显示
一、工程与地图初始化
1. 新建 GEOlayers 地图合成
右侧打开 GEOlayers 3 BY INTRO HD 面板，在 Create Mapcomp 中新建地图。
已确认参数：
- 名称：
World Mapcomp - 尺寸：
1920 × 1080 - 帧率：
30 fps - 时长：手动输入为
15秒
近似确认：
- 地图样式：
Dark Matter
说明：视频字幕明确说“Choose map style dark matter and click create”。截图中能直接看清尺寸、帧率和时长输入框，样式名称主要来自字幕。
2. 定位到 Paris
- 在 GEOlayers 小地图中搜索并缩放到巴黎。
- 找到
Arc de Triomphe所在的星形环岛。 - 找到后点击右上角：
Finalize
已确认：
Finalize按钮确实被点击- 视频后续使用的是已经高清细化后的巴黎局部地图
二、导入两个 3D 模型并摆到地图上
视频使用了两个 3D 模型：
Arc De Triomphe.objEiffel Tower.obj
字幕里说模型下载链接在视频描述区。
1. 导入凯旋门模型
- 将
Arc De Triomphe.obj拖入工程面板 - 再拖进
containing World Mapcomp - 弹出
Model Settings窗口
已确认窗口内容：
- Name：
Arc De Triomphe.obj - Object Scale：
100% - 按钮：
Make Comp Size - Object position while scaling：
Affect Position - 勾选：
Preview
2. 摆正凯旋门
作者把凯旋门模型移动到环岛中心，并做平面旋转对齐。
已确认参数（某一帧截图中可见）：
- Position：
1155, 823, 0 - Scale：
100, 100, 100 - Orientation：
0, 0, 25.4 - Opacity：
100% - Casts Shadows：
On - Accepts Lights：
On - Accepts Shadows：
On
推断：
- 这个
25.4°不是绝对模板值，更像是为了对齐巴黎环岛方向而手动调出来的结果 - 真正复刻时，你需要按你自己的底图角度微调
3. 绑定凯旋门到地图锚点
- 选中
Arc De Triomphe.obj - 在
Parent & Link中 pick whip 到：World M_mp Anchor
这一步很关键。只有 parent 到地图锚点，后面地图经纬度/缩放/俯仰变化时，模型才会跟着地图一起动。
4. 导入 Eiffel Tower 模型
- 将
Eiffel Tower.obj拖入工程面板 - 再拖进地图合成
- 仍然先点
Make Comp Size - 然后把铁塔摆到埃菲尔铁塔所在的位置
- 再 parent 到
World M_mp Anchor
已确认窗口内容：
- Name：
Eiffel Tower.obj - Object Scale：
100% - Object position while scaling：
Affect Position - 点击：
Make Comp Size
近似确认：
- 铁塔也进行了旋转对齐，但画面没有清楚展示具体旋转值
三、清理底图 attribution
字幕明确提到：
- “You can remove the attribute from the bottom left corner.”
具体做法是进入 Mapcomp Settings：
已确认参数：
- Duration：
15 seconds - Max Zoom：
18 - Min Zoom：
0 - Attribution：从下拉框改为
none - Quality：
80% - Blend Duration：
0.3 s
已确认可见项：
- 地图底图来源勾选项里有
Imagery - 右下角有
Apply
推断：
- 作者是在这里顺手确认 mapcomp 参数，同时把 attribution 去掉
四、手动画路径
1. 新建路径 shape layer
- 选择钢笔工具：
Pen Tool - 在
containing World Mapcomp中新建一个 shape layer - 顶部工具条里设置：
Fill：无填充Stroke：开启- Stroke 宽度：
2 px - 路径颜色：亮紫/洋红色（精确 RGB 未显示）
已确认：
Stroke = 2 pxFill = none- 使用钢笔沿街道从凯旋门画到埃菲尔铁塔
2. 路径画法
字幕说明很清楚：
- “draw a path through the streets from one location to the other”
也就是不是画直线，而是尽量顺着道路拐弯。
从视频结果看，路径大致分成三段：
- 凯旋门出发的一小段弧线
- 中间一段直行
- 接近终点前的一段转向
3. 加 Round Corners
- 选中路径 layer
- 在 shape layer 的
Contents下点击Add - 添加：
Round Corners
已确认：
Round Corners 1出现在图层结构里
未显示：
Round Corners的具体半径值没有看清
五、加发光效果 Deep Glow
1. 添加 Deep Glow
Effects & Presets搜索：deep- 双击：
Deep Glow
已确认插件参数：
- Radius：
500.00 - Exposure：
1.00 - Blend Mode：
Screen - View：
Final Render - Source Opacity：
100.0% - Unmult：勾选
这一组参数在截图里能直接看到，基本可以原样照抄。
2. 视觉效果
应用后路径会从普通 2 px 线条，变成一条紫色霓虹发光线。
六、加 Trim Paths 做“行进路线”动画
1. 添加 Trim Paths
- 选中 shape layer
- 在
Contents下点Add - 添加：
Trim Paths
2. 第一段动画：End 从 0 到 100
字幕说明：
- “Animate end from zero at the beginning to 100 at the end.”
所以操作应为：
- 时间线起点：
End = 0% - 末尾：
End = 100% - 选中关键帧，按：
F9做Easy Ease
已确认：
Trim Paths 1存在End被打了关键帧- 关键帧执行了
F9
3. 截图中能看到的中间状态
在 06:00 左右的某帧，作者的参数显示：
Start = 0.0%End = 94.5%Offset = 0x+0.0°Trim Multiple Shapes = Simultaneously
这说明主路径动画就是通过 End 推进完成的。
七、把线做成“前端尖、尾部断续”的样子
这部分是整支教程最关键的造型步骤。
1. 打开 Stroke 的 Taper
作者进入 Shape > Stroke 后展开 Taper。
已确认可见项：
- Line Cap：
Butt Cap - Line Join：
Miter Join - Miter Limit：
4.0 - Taper → Length Units：
Percent
2. 调 Taper
字幕明确说：
- “Change start length to 80.”
所以：
Start Length = 80
近似确认：
- 这一步是为了让路径一端形成更尖细的“箭头感”
未显示：
End Length / Start Width / End Width / Ease是否同步调整，画面没看清
3. 添加 Dash
字幕明确说：
- “Add dash.”
即：
- 在
Stroke > Dashes中点击+ - 添加虚线结构
未显示：
- Dash 和 Gap 的具体数值没有看清
推断：
- 作者是通过
Dash + Taper + Trim Paths组合，让线路看起来像“前方在延展、尾部在消散”的霓虹导航路径
八、第二段动画：从第 6 秒开始让尾部消失
字幕明确说：
- “Now you can go again to trim paths and from second six until the end animate start.”
所以操作是：
- 把时间指针放到
06:00 - 给
Trim Paths > Start打关键帧 - 到结尾把
Start向上推 - 选中这组关键帧，按
F9
这样结果就是：
- 前半段：路径不断被画出来
- 后半段：路径前端继续到终点，尾巴开始被擦掉
也就是常见的“行进轨迹”效果。
九、Pre-compose 路径，再转 3D 并绑定地图
1. 先预合成路径
字幕明确提醒：
- “Now before you select the 3D layer, you need to pre-compose the path layer.”
所以顺序不能反：
- 先把 shape 路径做完
- 先
Pre-compose - 再开 3D
2. 开启 3D
- 选中预合成后的路径层
- 打开
3D Layer小立方体开关
3. 绑定到地图锚点
- 在
Parent & Link中将路径预合成 parent 到：World M_mp Anchor
已确认：
- 时间线里后来出现了一个路径预合成层，名称类似：
[Shape_r 1 Comp 1] - 它和两个 3D 建筑都 parent 到
World M_mp Anchor
这一步非常关键。否则镜头 tilt / zoom 时，路径会“飘”在画面上，而不是贴着地图运动。
十、给两座建筑加透明度动画
字幕说明：
- “You can add opacity animation for both the Eiffel Tower and Arctic Triumph.”
这里应为：
Arc De Triomphe.objEiffel Tower.obj
操作：
- 选中模型层，按快捷键：
T - 给
Opacity打关键帧
已确认画面信息：
- 视频中还专门打出了提示：
shortcut for opacity: “T” - 两个模型都展开了
Opacity - 某一帧开场时两者都是
0% - 后续截图里两者都恢复到
100%
推断：
- 两个建筑应该是随着镜头切入逐渐显现，不是一开始就全亮
- 大概率是：
0% → 100%
未显示：
- 每个 opacity keyframe 的准确时间点没完整展示
十一、地图镜头动画（GEOlayers 相机参数）
最后作者没有额外创建 AE Camera，而是直接动画化 World Mapcomp 的 GEOlayers 相机参数：
LatitudeLongitudeZoomBearingPitch
1. 中段能确认的一组值
在约 05:00 的截图里能看清：
- Latitude：
+48.9° - Longitude：
+2.3° - Zoom：
15.44 - Bearing：
-26.8° - Pitch：
+58.0°
2. 接近终点的一组值
在约 09:00 的截图里：
- Latitude：
+48.9° - Longitude：
+2.3° - Zoom：
15.59 - Bearing：
-26.8° - Pitch：
+60.0°
3. 最终压到终点时的一组值
最后一张关键帧截图里：
- Latitude：
+48.9° - Longitude：
+2.3° - Zoom：
15.59 - Bearing：
-34.0° - Pitch：
+60.0°
4. 动画逻辑
字幕说明：
- 开头先 zoom 到凯旋门
- 过几秒 zoom out
- 最后 zoom in 到埃菲尔铁塔
从画面结果看，镜头逻辑大致是：
- 起点：贴近凯旋门、低空斜视
- 中段：镜头拉远，整条发光路径都能看见
- 尾段：镜头飞向铁塔并再次压近
说明：
- 这些数值只适用于视频里的巴黎底图与路径
- 如果你换成别的城市，需要保持“先起点、再中景、再终点”的节奏，不必死抄数值
十二、图层结构整理
从视频中后段可还原出的主要层级大致如下：
Shape_r 1 Comp 1（路径预合成）Eiffel Tower.objArc De Triomphe.objWorld M_mp AnchorWorld Mapcomp
其中：
- 两个模型 + 路径预合成都 parent 到
World M_mp Anchor World Mapcomp自身不 parent
十三、按作者顺序复刻的一版“逐点击流程”
下面给你整理成最适合照着做的顺序。
第 1 步：创建地图
- 打开
GEOlayers 3 BY INTRO HD - 新建
World Mapcomp - 设置：
1920 × 108030 fps15 sec
- 地图样式选
Dark Matter - 点击
Create
第 2 步：找到 Paris 的两个地标
- 缩放到巴黎
- 找到
Arc de Triomphe - 点击
Finalize - 再移动到
Eiffel Tower所在位置备用
第 3 步：放凯旋门模型
- 导入
Arc De Triomphe.obj - 拖入合成
- 弹窗里点
Make Comp Size - 拖到环岛中心
- 旋转对齐道路方向
- Parent 到
World M_mp Anchor
第 4 步：放铁塔模型
- 导入
Eiffel Tower.obj - 拖入合成
- 点
Make Comp Size - 摆到铁塔位置
- 旋转对齐
- Parent 到
World M_mp Anchor
第 5 步：清理 attribution
- 打开
Mapcomp Settings - 将
Attribution改为none - 点击
Apply
第 6 步：画路径
- 选钢笔工具
- Fill 关掉
- Stroke 开启，
2 px - 从凯旋门画到铁塔，尽量顺着街道
第 7 步：修饰路径
Add → Round CornersAdd → Trim PathsEffects → Deep Glow- 把 Deep Glow 设成：
- Radius
500 - Exposure
1 - Blend
Screen
- Radius
第 8 步：做路径动画
- 开头
End = 0 - 结尾
End = 100 - 选关键帧按
F9 - 第 6 秒给
Start打关键帧 - 结尾拉高
Start - 再按
F9
第 9 步：做路径样式
- 打开
Stroke Taper → Length Units = PercentStart Length = 80Dashes点+
第 10 步：预合成并绑定
Pre-compose路径 shape layer- 打开 3D 图层开关
- Parent 到
World M_mp Anchor
第 11 步：建筑淡入
- 选建筑层按
T - 给
Opacity打关键帧 - 从
0%淡入到100%
第 12 步：做地图镜头运动
- 给
Latitude / Longitude / Zoom / Bearing / Pitch打关键帧 - 开头压在凯旋门
- 中间拉远看到整条路径
- 末尾压到埃菲尔铁塔
十四、这支视频里最值得直接照搬的参数
下面这些是最稳定、最适合直接照抄的：
可以直接照抄
- 地图尺寸：
1920 × 1080 - 帧率：
30 fps - 时长：
15 sec - Map style：
Dark Matter - Stroke Width：
2 px - Deep Glow Radius：
500 - Deep Glow Exposure：
1.00 - Deep Glow Blend Mode：
Screen - Taper Length Units：
Percent - Taper Start Length：
80 - 路径需
Pre-compose后再开 3D - 路径与两个模型都要 parent 到
World M_mp Anchor
需要按素材微调
- 凯旋门和铁塔模型的具体旋转角度
- 路径走向
- Dash / Gap 数值
- Round Corners 半径
- 地图相机的最终 Zoom / Bearing / Pitch
十五、复刻时最容易出错的地方
1. 路径没有先 Pre-compose 就开 3D
后果：
- 路径很可能不能像视频里那样稳定贴在地图上
2. 模型没 parent 到 World M_mp Anchor
后果：
- 地图镜头一动，建筑就会滑开
3. 只做 End 动画，没做 Start 动画
后果：
- 路线只会“画出来”，不会形成前进中的拖尾效果
4. 忘了加 Round Corners
后果：
- 路径拐点太生硬，不像视频里那种顺滑导航线
5. 发光太弱
建议优先先照视频参数：
- Radius
500 - Exposure
1 - Blend
Screen
十六、一句话总结这支教程的核心方法
这支视频的核心不是复杂表达式，而是这 5 个动作的组合：
- GEOlayers 地图定位
- 3D 地标模型贴地图
- 钢笔手绘路径
- Trim Paths + Taper + Dash 做导航线
- 地图经纬度相机动画完成起点到终点的飞行切换
如果你要把这套方法迁移到别的城市，本质上只需要替换：
- 城市位置
- 起点终点
- 地标模型
- 路径形状
- 镜头关键帧
其他做法基本可以照搬。
