SuperAPI AI 工具集

add-transitions

设计与创作

查看项目

更新于 10-27 12:52

技能介绍

用途

add-transitions 是面向 Remotion 视频项目的转场配置技能,指导用户在多个场景之间添加专业转场效果,使用 @remotion/transitions 包实现。

主要能力

  • 安装转场依赖:npx remotion add @remotion/transitions
  • 支持多种转场类型:fade(交叉溶解)、slide(滑动,方向可选 from-left、from-right、from-top、from-bottom)、wipe(新场景擦过旧场景)、flip(3D 卡片翻转)、clockWipe(时钟指针式揭示)。
  • 支持两种时间控制:linearTiming(匀速、机械感)和 springTiming(自然弹性,带阻尼配置)。
  • 将硬切场景重构为 TransitionSeries,并在场景之间插入转场节点。
  • 计算并修正因转场重叠造成的总时长变化。
  • 提供常见转场搭配模式,如全淡入淡出的电影感、滑动轮播的社媒风格、混合转场的动态节奏。

使用方式

  1. 安装转场包。
  2. 用 grep 查找当前合成中的 Sequence 场景组件,询问用户在哪里添加转场。
  3. 选择转场类型与时间方式,推荐多数转场使用 spring 时间。
  4. 将原有 Sequence 结构改写为 TransitionSeries,在相邻场景之间插入 TransitionSeries.Transition,指定 presentation 与 timing。
  5. 注意转场会重叠相邻场景,总时长 = 各场景时长之和 − 各转场时长之和,需同步更新 Composition 注册的 durationInFrames。
  6. 运行 npm run dev 在 Remotion 预览中检查转场速度、方向与一致性,建议转场类型控制在 2–3 种以内,并调整 durationInFrames 与 damping 直至效果合适。

适用场景

需要在 Remotion 合成中为多场景视频加入平滑切换的创作场景,例如宣传片、社交媒体短视频、演示视频等。

限制

资料未说明该技能是否有额外收费、支持的 Remotion 版本范围或其他平台限制;具体效果取决于项目现有场景结构与参数调整。