Claude Code × Remotion：AI动画制作笔记

低代码动效教程

用 Claude Code + Remotion
复刻 Vox 风格动画视频

不需要 After Effects，不需要昂贵的动效设计师，甚至不需要会写代码。

美伊签署和平协议，但美国帝国的衰落已经开始。一个弱国控制了霍尔木兹海峡，油价飙升至 $116/桶，通胀创三年新高。而美国债务接近 $39万亿，超过了整个经济体量。帝国不会因战争而终结，而是终结于一张无法偿还的账单。

无需After Effects 无需代码基础全自然语言驱动

关键数据

$116/桶油价飙升，通胀创三年新高

$39万亿美国债务，超过全年GDP

3层每个场景：背景+中景+前景

2函数 spring + interpolate 驱动全部动画

Claude Code Remotion Magnific ElevenLabs GPT 2.0 图像生成

核心流程：写脚本 → 锁视觉系统 → 配置MCP → 搭文件夹 → 生成半色调素材 → 动画编排 → 微调 → 拼接全片 → 配音同步 → 渲染输出。全程靠自然语言对话驱动。

制作流程 · 10 步

STEP 01

故事板与脚本

脚本本身就是时间轴。把旁白逐行写入表格，每一句对应一个画面，旁白在前、画面在后，整个结构一目了然。

示例：旁白「美伊签署协议」→ 对应白宫画面；「油价飙升」→ 对应油轮/图表。

STEP 02

锁定视觉系统

所有场景共享同一个背景、字体与强调色，只变换中景和前景。这让全片看起来像连续单镜头，掩盖掉中间的多个剪切口。

STEP 03

配置 MCP 与工具链

在 Claude Code 的 Settings → Connectors → Customize 中添加 Magnific 的 MCP 服务器地址。设置完成后，你可以直接在 Claude Code 里用自然语言生成图像，无需来回切换工具。

STEP 04

架构文件夹结构

每个场景一个独立文件夹，内部包含该场景的前景剪切图、中景元素和共享背景。共享背景需要复制到每个场景，当不同素材叠加在统一背景上，就形成了连贯的 Vox 风格动画。

STEP 05

制作半色调剪切图

从 Magnific 获取人物或物体图像后，让 Claude Code 将这些图像转为「黑白 + 半色调图案」，模拟杂志的纸质纹理。这样画面不显得全数字，而有一种手工拼贴感。

特朗普与 Kaa 的人像都套用了这个处理，得到粗糙带颗粒感的杂志风效果。

STEP 06

两函数驱动动画

核心只需两个函数：spring 控制弹出效果，interpolate 处理插值过渡。不必记住函数签名，直接用自然语言对话即可：

「让白宫先弹出来，随后特朗普和内阁错峰跟上，给每个人一个偏移红色描边。」

STEP 07

微调场景参数

在 Remotion Studio 中使用 Prop Controls 调整每个元素的 Scale、X、Y 位置。修改后务必「保存」数值，否则动画不会保留调整结果。

白宫 Scale 调到 1.8、Y 轴下移；特朗普 Scale 调到 1.4，逐个精细定位。

STEP 08

拼接主序列

所有场景调整完毕后，让 Claude Code 将全部场景按顺序拼接成一条完整影片，每个场景播放时长与旁白对应，首尾相接、一气呵成。

STEP 09

配音与同步

在 ElevenLabs 使用预设人声「Kate Cinematic British RP Narrator」生成配音，下载后放入项目文件夹。然后让 Claude Code 将配音嵌入合成，并按旁白逐场景同步对齐。

STEP 10

音乐与渲染输出

添加 BGM 和背景音效，直接渲染为 1080p MP4。也可以只输出画面，音乐和音效在 Premiere Pro 中后混。注意：Remotion Studio 预览时音频可能卡顿，但渲染后即恢复正常。

核心技巧

锁定背景 = 单镜头感

所有场景复用同一静态背景，只有中景和前景在动。
视觉效果接近一个连续长镜头，而不是硬切合集。

半色调黑白 = 杂志质感

所有人物和物体都统一为黑白半色调图案。
模拟纸质印刷的颗粒感，自动摆脱「全数字感」。

Prop 数值记得保存

Scale / X / Y 每次修改后要点击保存。
否则重新渲染时所有调整都会丢失。

预览卡顿 ≠ 最终效果

Remotion Studio 里拖动时间轴时音频可能抖动。
这是 Remotion 的已知现象，渲染成片后声音完全正常。

行动建议

拆解你最喜欢的 Vox 视频，确定背景、字体、强调色三个视觉要素。
先把旁白写成逐行脚本，再为每一行配一个画面。
在 Claude Code 中依次配置 MCP 服务器，打通 Magnific 图像生成。
用自然语言描述每一帧，让 Claude Code 写 Remotion 代码。
进入 Prop Controls 做精细微调，然后逐场景保存。
最后渲染 1080p 视频，音频后期可交给 Premiere Pro。

帝国不会因战争而走向终结，
它终结于一张无力偿还的账单。

——视频开场金句

用 Claude Code + Remotion复刻 Vox 风格动画视频

用 Claude Code + Remotion
复刻 Vox 风格动画视频