关于 add-transitions
为 Remotion 合成规划并添加场景转场的技能,指导效果选择、时长设置、合成时长调整和预览检查;API 细节则参照官方 remotion-markup 技能。
主要功能
- 01检查场景剪辑点
- 02选择淡入淡出、滑动、擦除和翻转
- 03转场时序指导
- 04调整合成时长
- 05Studio 预览检查
适用场景
- 01为硬切场景添加转场
- 02选择符合场景氛围的效果
- 03让转场时序配合音乐或配音
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ dojocodinglabs/ remotion-superpowers --skill add-transitions安装后在 Claude Code 中输入/add-transitions确认已加载。
详细介绍
添加转场 — 场景转场向导
你将帮助用户在其 Remotion 合成中为场景之间添加专业转场。这项技能负责问答以及创意判断(哪种转场适合哪种剪辑)。API 用法请遵循官方的 remotion-markup 技能:transitions.md 介绍 TransitionSeries、演示效果、时间设置、叠加效果和时长计算,light-leaks.md 介绍漏光叠加效果。不要凭记忆编写转场代码。
工作流
1. 检查预览是否正在运行
Studio 应该已经打开(运行 npx remotion studio,或者运行 npx remotion studio --no-open 并使用应用内浏览器;打开它输出的 URL)。如果没有,现在就启动,让用户在你添加每个转场时都能看到效果。
2. 检查当前场景
查看当前合成并确定剪辑点:
grep -rlE "Sequence|TransitionSeries|Track" src/ --include="*.tsx" --include="*.ts"
列出场景,并询问用户希望在哪些位置添加转场。如果场景仍由一串 <Sequence from> 硬切组成,就按官方 transitions.md 中的说明,将它们改为 <TransitionSeries>,每个场景对应一个 <TransitionSeries.Sequence>(使用 npx remotion add @remotion/transitions 安装 @remotion/transitions)。
3. 选择转场类型
询问每处剪辑想要的氛围,然后给出建议:
| 转场 | 效果 | 最适合 |
|---|---|---|
fade | 场景间交叉溶解 | 通用、柔和;片头、片尾、时间流逝 |
slide | 场景从某个方向滑入 | 充满活力、现代;列表、分步骤内容、社交媒体轮播 |
wipe | 新场景擦除旧场景 | 戏剧感、揭示效果;前后对比 |
flip | 3D 卡片翻转 | 活泼、醒目;产品变体、惊喜效果 |
clockWipe | 时钟指针式揭示 | 有创意、独特;倒计时、“当天晚些时候” |
| 漏光(叠加效果) | 硬切时叠加温暖的闪光 | 不缩短视频时长,却能营造电影感;音乐重拍、蒙太奇 |
滑入方向: from-left、from-right、from-top、from-bottom。滑入方向应符合视觉流向(阅读方向,或屏幕上物体的移动方向)。
漏光不是场景间的转场:它是在剪辑点放置的 <TransitionSeries.Overlay>,会覆盖在剪辑点上,且不会缩短时间线。请按照官方 light-leaks.md 中的说明制作。
4. 选择时长
| 时间设置 | 感受 | 适用场景 |
|---|---|---|
线性(linearTiming) | 匀速、机械感 | 擦除、时钟擦除、需要营造“机械感”的滑动转场 |
弹簧(springTiming,damping: 200) | 平滑渐入/渐出,无回弹 | 大多数淡入淡出和滑动转场;自然流畅 |
| 低阻尼弹簧(例如 10-20) | 超调后稳定:有明显回弹 | 仅用于活泼的内容,且应少量使用 |
建议: 大多数转场使用 damping: 200 的弹簧时间设置,时长为 15-25 帧(30 fps 时为 0.5-0.8 秒)。短视频使用 8-15 帧。
5. 应用转场并修正时长
完全按照官方 transitions.md 中的说明编写 TransitionSeries,并为每个序列设置 name,以便用户在 Studio 中编辑。
重要: 转场会与相邻场景重叠,因此总时长会减少转场时长之和(叠加效果不会改变总时长)。按照官方 transitions.md 中的说明,在每个时间设置对象上调用 getDurationInFrames({ fps }) 计算,并更新 <Composition> 时长或其 calculateMetadata。
6. 常见模式
- 全部使用淡入淡出(电影感): 所有位置都使用相同的淡入淡出,简洁且专业
- 滑动轮播(社交媒体): 每个场景都从右侧滑入,类似滑动切换
- 混合使用(动感): 片头/片尾使用淡入淡出,主体场景使用滑动转场,揭示内容时使用擦除,并在最重要的节拍上叠加漏光。让转场符合每处剪辑的节奏。
- 与节拍同步: 音乐视频中,让每处剪辑落在节拍上,并缩短转场时长
7. 在预览中检查
请用户在 Studio 中拖动播放头,检查每个剪辑。重点关注:
- 转场速度——太快会让人感到突兀,太慢则会显得拖沓
- 方向——滑动应遵循视觉流动方向
- 一致性——不要使用太多不同的转场(最多 2–3 种)
- 配音——转场不应落在一句话中间
调整 durationInFrames 和 damping,直到效果合适。除非用户提出要求,否则不要渲染。