Camera Follow Path Like a Pro in 3 Minutes

0 阅读15分钟

可以。
这条我继续按你前面要求的方式,整理成 可复刻文字版教程,并且仍然遵守两条原则:

  • 以视频实际操作为准
  • 看得清的参数我就写清,看不清或作者拖滑块没停住的,我会明确标出来

这条视频本质上是一个 插件工作流教程,核心依赖两个插件:

  • Camera3D Toolkit Pro v2.2
  • SpeedFX Pro v1.2

所以先说结论:

这条教程里,哪些能不用插件自己做

可以自己手动做的部分:

  • 黑色背景
  • 网格背景
  • 背景图叠加
  • 圆形头像裁切
  • 白色描边
  • 摆 6 个头像的位置
  • 开 3D 图层
  • 开网格与吸附
  • 调摄像机景深 / 模糊
  • 画相机路径线

哪些部分明显依赖插件

这几个步骤视频里是直接按插件按钮完成的:

  • 一键把一组平面层变成 Camera Rig 的 3D 场景
  • Match / Target / Map / 3D Trace
  • 一键生成顺滑相机路径
  • 一键显示相机 trace
  • 一键做 map 居中
  • 一键加 Speed FX 的 grid 和后期 smooth

也就是说:

最终视觉效果你能手动复刻,但这条视频本身教的主要是“插件快速法”。


一、这条视频最终做出来的效果是什么

作者做的是一个很典型的 3D 镜头展示动画:

  • 黑色科技感背景
  • 一层网格和背景图
  • 6 个圆形人物头像,均匀分布成一个六边形结构
  • 摄像机依次飞到每个头像
  • 镜头之间有一条白色路径线连接
  • 镜头带一点景深和轻微手持抖动
  • 最后再做一点中心校正和轻微 zoom

你可以把它理解成:

“一个 3D camera rig,自动在多个目标之间巡航,并且把路径可视化出来。”


二、AE 工程准备


Step 1:新建合成

视频里能看清:

  • 合成名:Comp 1
  • 尺寸:1920 × 1080
  • 时间线左下能看到:29.97 fps

所以你直接建:

  • 1920 x 1080
  • 29.97 fps

Step 2:导入素材

视频项目面板里能看到作者导入了这些类型的素材:

  • 多张人物 PNG

  • 一张背景图:

    • hollywo...jpg
  • 一段尘埃/颗粒视频:

    • dust an...01.mp4

人物图从画面里能明确看到有这些名字:

  • Brad Pitt.png
  • Tom Cruise.png
  • Will Smith.png
  • Robert_downey Jr.png
  • Leonard...png
  • Denzel...png

也就是一共 6 张人像


三、做背景


Step 3:建黑色底

作者说得很清楚,也能在画面里看到:

  1. Ctrl + Y

  2. 新建黑色 Solid

  3. 名字类似:

    • Black Solid 2

参数

  • 宽:1920
  • 高:1080
  • 颜色:黑色

Step 4:复制一层黑底

作者先做了一层黑底,然后又 Duplicate 一层。
这第二层后面被用来加网格效果。


Step 5:用 SpeedFX Pro 加小网格

作者切到:

  • SpeedFX Pro v1.2

然后点击网格类按钮。
从面板能看出它是在 Effects 区里点了一个 grid / 小网格 风格的按钮。

结果

黑底上出现一层细网格。

注意

这不是 AE 原生 Grid 效果界面,而是插件按钮直接生成。


Step 6:导入背景图并叠加到网格上

作者把背景图 hollywood-sign.jpg 拖进来后,做了两件事:

  1. 放到背景层上方
  2. 把混合模式改成:
  • Screen

这个在画面里很清楚,作者直接在 AE 的混合模式菜单里点到了 Screen


Step 7:缩放与透明度调整

字幕里说的是:

  • 调整 opacity 让背景填满屏幕

从画面里看,作者确实手动缩放了背景图,让它刚好铺满构图区域。
透明度数值视频里没有停稳,但结果是:

  • 背景图不是很亮
  • 只是作为网格上的一层淡淡纹理

复刻建议

你可以先这样做:

  • Scale:调到刚好盖满 1920×1080
  • Opacity:大约 20% ~ 40%

Step 8:把背景预合成并命名 BG

字幕里明确说:

  • 把这些东西 group 在一起并命名为 BG

复刻做法

  1. 选中:

    • 黑底
    • 网格层
    • 背景图层
  2. Pre-compose

  3. 命名:

  • BG

四、做圆形人物头像

这一步视频里是纯 AE 手动做的。


Step 9:放入第一张人像

作者先拖入第一张人物图,画面里先演示的是:

  • Brad Pitt.png

Step 10:画圆形遮罩

字幕说的是:

  • draw a circle around the face

视频实际操作就是在人物图上画一个圆形 mask。

操作

  1. 选中人物图层
  2. Ellipse Tool
  3. 在脸周围画一个圆形遮罩

Step 11:把这个圆复制给其他照片

作者不是一张张重新画,而是:

  • 把这个 mask 复制
  • 粘贴到其他人物图层上

操作

  1. 选中第一个图层上的 mask
  2. Ctrl/Cmd + C
  3. 依次选中其他人物层
  4. Ctrl/Cmd + V

Step 12:加白色边框

字幕里说得很明确:

  • 在缩放前,用插件按钮给所有照片加白色边框

从画面上看,作者在 SpeedFX ProShape / Layer style 区域点了一个边框类按钮。
结果是每个圆头像外面都有一个:

  • 白色描边圆环

这一步画面没显示具体 px 数值

但成片观感里边框不粗,属于:

  • 中等偏细的白色边框

复刻建议

如果你手动做,直接给每个圆形遮罩外再做一个 shape:

  • Stroke: White
  • Stroke Width: 4~8 px

Step 13:缩小头像

字幕里明确说:

  • shrink them down to about 70 to 80%

而画面里一个非常清楚的时刻能读到:

  • Scale = 69.0%, 69.0%

所以作者最后实际用的值更接近:

  • 69%

复刻建议

直接给 6 张人物图统一设:

  • Scale = 69%

Step 14:打开网格和吸附,对齐头像

字幕里说:

  • 打开 grid 和 snap to grid

视频里也确实出现了:

  • 背景上很明显的网格
  • 头像被摆成一个规则的六边形分布

最终布局

6 个人像的位置大致是:

  • 左上
  • 右上
  • 左下
  • 右下

也就是一个 六边形环形布局


五、设置 3D 相机系统

这一步开始进入 Camera3D Toolkit Pro 的核心流程。


Step 15:选中全部头像和背景

视频里时间线能看到作者选中了:

  • 6 张头像
  • 背景预合成 Pre-comp 3(也就是 BG)

Step 16:打开 Camera3D Toolkit Pro,点击 Setup

在插件面板顶部,能清楚看到几个按钮:

  • Quick
  • Setup
  • Match
  • Reset
  • About

作者这里点击的是:

  • Setup

结果

插件自动创建出:

  • Camera 1
  • Null 1
  • 以及整个 3D camera rig 结构

时间线里能明显看到:

  • Camera 1
  • Null 1

并且摄像机 parent 到:

  • 2. Null 1

Step 17:一键转成 3D 场景

字幕里说:

  • The plugin automatically creates everything in 3D

画面里 setup 完成后,所有头像和背景都已经进入 3D camera 体系里了。
你可以把它理解为:

  • 头像变成 3D 层
  • 背景也进入同一个 3D 结构
  • 插件自动帮你建好 camera rig

Step 18:把背景往后推

字幕里说:

  • push the background slightly back

从画面和插件面板能看出,作者是通过插件里的 Spacing 区域调距离,而不是手动单独改 BG 的 Z。

插件左上这块有 4 个滑块:

  • X
  • Y
  • Z
  • D

在 setup 之后,能看清其中一帧大概是:

  • X = -336
  • Y = 0
  • Z = 909
  • D = 0

其中最关键的是:

  • Z 被拉大了

所以这里你可以理解成:

  • 作者把整体场景的纵深拉开,让背景退后一些

复刻建议

如果你手动做,直接把 BG 设成 3D 层,然后:

  • Position Z 往后推一些

Step 19:开一点景深/模糊

字幕说:

  • turn on blur

插件面板下面有一块:

  • Focus & DOF

里面能看到 3 个滑块:

  • Apt.
  • Blur
  • Op.

在后面的清晰画面里,作者这一块的数值大致可见为:

  • Apt. ≈ 278
  • Blur ≈ 151
  • Op. = 0

数值显示有点小,但能确定的是:

  • 他把 Apt.Blur 都明显拉高了
  • 目的就是让远近景有一点模糊层次

六、让摄像机自动按路径飞

这是这条教程最值钱的部分。


Step 20:先把时间指针放到起点

字幕里说:

  • First, I go to the start

视频也确实先把时间指针放在最前面。


Step 21:选第一张头像,点击 Match

字幕里明确说:

  • select the first photo in the plug-in
  • click Match

作者的逻辑是:

  • 先选中第一个目标头像
  • 再点 Match
  • 让当前相机视角和这个目标对齐

作用

就是让镜头一开始“正看着第一张头像”。


Step 22:再选第二张头像,点击 Target

然后作者:

  • 选第二张头像
  • 点击插件里的:
  • Target

字幕里说:

  • The smooth movement creates itself automatically

也就是说:

  • 相机从第一个头像顺滑飞到第二个头像
  • 关键帧和运动轨迹由插件自动生成

Step 23:重复给后面的头像做 Target

作者后面重复同样动作:

  1. 选下一个头像
  2. 点击 Target

于是路径就自动一段一段连起来。

结果

相机会按你点击头像的顺序飞过去。

这也意味着:

镜头顺序不是固定的,而是你点谁,就按谁的顺序走。


Step 24:Movement 区的关键值

插件中间有一块:

  • Movement

里面能看到两个主值:

  • Px
  • t

在多个清晰画面中,这组值大致是:

  • Px = 1000
  • t = 2
    后面又有一帧看到:
  • t = 3

你可以这样理解

  • Px:更像路径/位移强度
  • t:更像每段移动时长

视频里作者没有停下来解释原理,但从成片节奏看:

  • 他基本用的是 23

所以你实际复刻时可以先试:

  • Px = 1000
  • t = 2

如果觉得太快,就改:

  • t = 3

七、显示相机路径


Step 25:选中 Camera Control

字幕里明确说:

  • select my camera control

从时间线看,这个控制层就是:

  • Null 1
    或者生成出来的 camera rig 控制 null

Step 26:点击 3D Trace

在插件的 Speed & Map 区块里,有这些按钮:

  • Apply
  • S+R
  • Out
  • In
  • Map
  • 3D Trace

作者这里点的是:

  • 3D Trace

结果

一条路径线立刻出现。

时间线里也新增了一个图层,名字能清楚看到是:

  • Camera_Rig_Null_Trace

右边属性面板里还能看到内容层:

  • Path Trace

Step 27:把路径层移到最底

字幕里说:

  • move it to the bottom layer

也就是说,这条白线不要盖在头像前面,
而是放在整个布局的下面。


Step 28:把路径改成白色、加粗

字幕里说:

  • change the color to white
  • make it thicker

从画面里最清楚的一帧可以直接读到顶部工具栏:

  • Stroke = 4 px

所以这一步作者最后实际用的是:

  • 4 px 的白色描边

复刻方法

选中 Camera_Rig_Null_Trace 这个 shape layer:

  • Stroke Color:White
  • Stroke Width:4 px

八、让镜头保持居中,再加一点 zoom


Step 29:点击 Map

字幕里说:

  • To keep everything center, I use map

作者在路径做好后,点了插件里的:

  • Map

作用

它会重新帮你把镜头/路径关系整理得更居中,不容易偏出画面。


Step 30:再点 Target

字幕里说:

  • then target in the plug-in

也就是说:

  • Map 用来把结构居中整理
  • Target 再重新确认当前镜头的目标

Step 31:加轻微 zoom out

字幕里说:

  • After that, I add a slight zoom out effect

视频后半段没有把这个 zoom 的具体数值停住给你看,
但从成片看,确实是一个非常轻微的“镜头略微退一点”。

最稳复刻方式

你可以直接在 Camera 或控制 Null 上加一组很小的关键帧:

如果是 Camera:

  • Position Z 稍微往后拉一点

如果是控制 Null:

  • Scale 100 → 95
    或者
  • 摄像机焦距略微变化

这一步不要太大

否则会破坏本来已经很好看的自动巡航。


Step 32:用 SpeedFX Pro 做 smooth

字幕最后一句说:

  • With Speed Effects Pro, the movement smooths out

这里作者明显是给整个镜头再套了一层 SpeedFX 的平滑逻辑。
但视频没有清晰展开那一页的每个参数,所以这一步只能确认:

  • 他确实又用 SpeedFX Pro 做了最后的平滑润色
  • 具体按钮和数值画面没有完整停够

所以这里我不硬写具体参数。


九、视频里能明确确认的插件面板参数

这部分我单独列出来,方便你照着试。


Camera3D Toolkit Pro 顶部固定按钮

能清楚确认:

  • Quick
  • Setup
  • Match
  • Reset
  • About

Spacing 区

能确认有:

  • X
  • Y
  • Z
  • D
  • Random
  • Random Rot

其中一帧可见数值大致为:

  • X = -336
  • Y = 0
  • Z = 909
  • D = 0

Movement 区

能确认:

  • Px = 1000
  • t = 2
    后面又有一帧出现:
  • t = 3

按钮有:

  • Target
  • Snap
  • Overlap

Speed & Map 区

能确认:

  • Min% = 50

按钮有:

  • Apply
  • S+R
  • Out
  • In
  • Map
  • 3D Trace

Focus & DOF 区

能确认有:

  • Apt.
  • Blur
  • Op.
  • Swap
  • Auto Focus

其中一帧近似可见:

  • Apt. ≈ 278
  • Blur ≈ 151
  • Op. = 0

Camera Shake 区

能确认:

  • Preset = Normal Handheld
  • Amp. = 15
  • Freq. = 1.5

按钮:

  • Apply
  • Remove

也就是说,作者最后的镜头轻微手持感,确实是插件直接做的。


十、如果你想纯手动复刻,不用插件,最接近的做法

如果你没有这两个插件,这条片子仍然能做,只是麻烦很多。


手动方案思路

1)背景

  • 黑底
  • AE 原生 Grid
  • 背景图 Screen
  • 降透明度

2)头像

  • 6 张 PNG
  • 椭圆遮罩
  • 独立白色描边圈
  • 统一缩放 69%

3)3D

  • 所有头像改 3D
  • BG 改 3D 并往后推

4)Camera

  • 新建 Camera
  • 新建一个 Camera Control Null

5)路径

  • 手动画一个 shape path
  • 用“复制路径到 null 的 position”或分段目标动画
  • 再让相机 look at 各头像

6)Trace 线

  • 单独画白线 shape
  • 描边 4 px

7)Shake / DOF

  • Camera 景深
  • 轻微 wiggle 表达式

能做出来,但绝对没有视频里这么快。


十一、替换素材时,哪些参数必须重调

这部分最重要。


1)如果你换成不同数量的人物头像

作者这个教程用的是 6 个头像,而且故意摆成近似六边形。

你改成 4 个

路径会更简单,镜头节奏会更快。

你改成 8 个或 10 个

必须重调:

  • 每个头像的位置
  • 相机 target 顺序
  • 路径 trace 的构图
  • 单段运动时长 t

建议

头像越多,单段时间 t 适当加大,
否则镜头会太赶。


2)如果头像尺寸不同

必须重调:

  • mask 圆大小
  • 白边粗细
  • 图层 scale

作者这里统一到了:

  • Scale ≈ 69%

如果你的头像更高清或脸更近,
这个值未必合适。


3)如果背景图更亮

必须重调:

  • 背景图 opacity
  • Screen 叠加的强度

因为这条片子好看的前提是:

  • 背景很克制
  • 头像是最亮主体

4)如果你换成竖版 9:16

必须重调这些:

  • 头像分布结构
  • Camera path 构图
  • BG 的缩放
  • trace 线长度
  • target 顺序

原视频是横版 16:9 的六边形排布。
到竖版里,更适合用:

  • 上下分层
  • S 形路径
  • 或左右错位的竖向布局

5)如果你换成产品图而不是人物头像

这个教程也能直接套。

例如做:

  • 产品路线图
  • 人物关系图
  • 功能节点漫游

但你要改:

  • 圆形遮罩可能不再适合
  • 白色描边粗细要重新定
  • target 顺序要按照你讲故事的逻辑排,不一定按几何顺序

6)如果你想让镜头更高级

优先改这几个地方:

  • Camera ShakeAmp.Freq.
  • Focus & DOF
  • 单段时间 t
  • 路径 trace 的粗细和透明度

一个很实用的建议

这条教程里如果你照着做,最容易“土”的地方是:

  • 抖动太大
  • 景深太糊
  • 线太粗
  • 每段移动太快

所以实际复刻时,宁可克制一点。


十二、最稳的跟做顺序

你第一次做时,按这个顺序最稳:

第一轮

  1. 建 1920×1080 comp
  2. 做黑底
  3. 做网格
  4. Screen 叠背景图
  5. 预合成成 BG

第二轮

  1. 导入 6 张人物图
  2. 画圆形 mask
  3. 复制 mask 到所有人
  4. 加白边
  5. 缩到 69%
  6. 用网格和吸附摆成六边形

第三轮

  1. 选全部元素
  2. Camera3D Toolkit → Setup
  3. 推远 BG
  4. 开一点 DOF / blur

第四轮

  1. 起点选第一个头像 → Match
  2. 依次选后面的头像 → Target
  3. 做完整段镜头巡航

第五轮

  1. 选 camera control → 3D Trace
  2. 路径放底层
  3. 改白色
  4. Stroke = 4 px

第六轮

  1. Map
  2. Target
  3. 轻微 zoom out
  4. 最后加一点 smooth / shake

十三、最后给你一句最实用的判断

这条教程真正值得学的,不是“画 6 个头像”,而是这 4 个思路:

  • 先把节点摆清楚
  • 再一键建立 camera rig
  • 按叙事顺序逐个 target
  • 最后把运动路径可视化出来

这就是它看起来像“专业 motion piece”的原因。

如果你愿意,我下一条可以继续把这条视频整理成你最常用的那种格式:

“AE 跟做清单版”
也就是每一步直接写成:

  • 点哪里
  • 选哪些层
  • 输入什么值
  • 做完后应该看到什么

这样你能一边开 AE 一边照着做。