用途
Launch Video 用于制作高端、高能量的 15–60 秒产品发布短片,目标是“让人停下滚动并促成转化”。适用场景包括:产品发布、功能公告、预告片、宣传短片(15–60 秒)、落地页主视觉“sizzle”视频,以及品牌时刻需要精确落在音乐 drop 上的节拍同步揭晓。
叙事弧线
短片按经典结构组织,各段在 30 秒版本中的典型占比为:
- 钩子(0–3 秒):用醒目的画面或运动抓住注意力,阻止用户划走。
- 悬念(3–9 秒):暗示产品,制造好奇,与节拍同步。
- 揭晓(9–13 秒):产品/标志在音乐 drop 上出现。
- 功能蒙太奇(13–25 秒):快速、动感,每个镜头一个卖点。
- 结尾卡片(25–30 秒):标志 + 标语 + 行动号召,干净停留。
15 秒版本按相同比例收紧,60 秒版本延长蒙太奇,但不延长钩子。
两条不可妥协的规则
- 声音设计主导画面。先锁定音轨,标出节拍和 drop,再按这些标记剪辑画面。不要给已剪好的片子配乐——揭晓要落在 drop 上,而不是附近。
- 质量优先于数量。少数完美镜头胜过大量平庸镜头,任何不够高级的镜头都应剪掉。
主要能力
节拍同步揭晓
在音频中找到 drop 的精确时间码,让品牌标志在该帧瞬间放大到全尺寸,并带轻微过冲以增强冲击力。示例代码使用 GSAP 时间线,在 DROP 时刻设置 logo 透明度并做缩放动画,同时叠加白色闪光。剪辑应切在瞬态上而非固定网格:最硬的切点放在底鼓/军鼓击打处;在 drop 前加速(时间重映射),然后硬切出。
动态功能蒙太奇
每个镜头一个卖点,约 0.6–1.0 秒,在节拍上硬切。每个镜头 = 一个醒目的关键词 + 一个支撑视觉。示例用 CSS 动画让关键词弹出,并用节拍时间数组驱动镜头切换。整个蒙太奇保持同一种运动语言(相同的进入曲线、相同的退出),让速度读起来是自信而非混乱。
结尾卡片
标志 + 标语 + 行动号召保持静止、干净至少 2 秒。不要有繁忙运动与 CTA 竞争;让品牌沉淀。品牌时刻落在剩余最强的节拍上,然后出现清晰的按钮/网址。
多画幅导出
以中心安全区构图,使一个母版能干净地裁切到所有画幅:
- 16:9:YouTube、落地页主视觉、X,分辨率 1920×1080,关键内容保持在中心 90% 内。
- 9:16:Reels、TikTok、Shorts、Stories,分辨率 1080×1920,文字保持在中心 80% 高度内,避开顶部 12% 和底部 18%(UI 区域)。
- 1:1:信息流帖子,分辨率 1080×1080,取 16:9 画面的中心正方形。
把主视觉/标志/CTA 设计在 1:1 中心正方形内,使其在任何裁切下都能存活。先渲染 16:9 母版,再从同一项目重新构图(而非简单加黑边)出 9:16 和 1:1。
使用方式
输出检查清单
- 先锁定音轨;揭晓精确落在 drop 上。
- 钩子赢得最初 3 秒。
- 蒙太奇:每个镜头一个卖点,在节拍上硬切,运动语言一致。
- 结尾卡片停留 ≥2 秒,只有一个清晰的 CTA。
- 导出 16:9 + 9:16 + 1:1,关键内容在中心安全区。
- 只保留高级镜头——平庸的都不留。
交付与验证(渲染静帧 → MP4)
打包的辅助脚本(scripts/):用 scripts/contact-sheet.sh sheet.png f-hook.png f-mid.png f-end.png 把静帧拼成联系表,再用 scripts/probe-mp4.sh out.mp4 [WxH] [fps] 断言编码结果。详见 scripts/README.md。
如果发布短片在 Remotion 中构建/渲染,按重型层级处理:注册 <Composition>(+ zod schema + defaultProps),所有值由 useCurrentFrame() 驱动——渲染时不得使用 GSAP 时间线 / 音频事件回调 / Date.now() / Math.random()(把节拍和 drop 时间码烘焙进 props)。交付物 = 每个画幅渲染出的 out/*.mp4(外加项目)。
验证循环——渲染静帧 → 检查 → 编码。用实际发布的 props(真实标题/标语/CTA)采样叙事弧,而不只是 defaultProps。
示例命令:
# Frame-exact stills across hook → reveal → end-card
npx remotion still Launch out/f-hook.png --frame=24 --props=props/launch.json # hook earns first 3s
npx remotion still Launch out/f-reveal.png --frame=270 --props=props/launch.json # logo SNAPS on the drop frame
npx remotion still Launch out/f-end.png --frame=899 --props=props/launch.json # end card: logo+tagline+CTA, clean hold
检查每个静帧:保真度(产品/标志、标语、CTA 文字精确、品牌色正确、揭晓在 drop 帧)以及瑕疵(文字溢出、出画布、CTA 落在 9:16 底部三分之一、字体缺失、闪光帧卡住)。
多画幅——在编码所有画幅前,先在每个画幅中验证母版。重新构图的 bug(主视觉被推出安全区)会在每个画幅中重复出现,一次抓住即可。
for ar in 16x9 9x16 1x1; do # check reveal + end card per aspect
npx remotion still Launch "out/reveal-${ar}.png" --frame=270 \
--props=props/launch.json --props-merge="{\"aspect\":\"${ar}\"}"
done
# stills clean in all aspects? → then encode each:
for ar in 16x9 9x16 1x1; do
npx remotion render Launch "out/launch-${ar}.mp4" --props=props/launch.json --props-merge="{\"aspect\":\"${ar}\"}"
done
npx remotion render Launch out/demo.gif --codec=gif --props=props/launch.json # README demo
完成前确认:
- npx remotion still 在钩子/揭晓/结尾卡片处渲染干净——无错误、无缺失字体/资源。
- 标志/标语/CTA 文字精确,品牌色正确;揭晓落在 drop 帧;关键内容在中心安全区内,避开 9:16 底部三分之一。
- 仅帧驱动——无 GSAP/音频回调计时、Date.now() 或 Math.random()(节拍/drop 烘焙进 props)。
- 发布的 props 渲染正确(不只是 defaultProps);结尾卡片停留 ≥2 秒且只有一个 CTA。
- 编码前母版已在 16:9 + 9:16 + 1:1 验证;MP4 可播放;(可选)为 README 生成 GIF。
参考文件
references/launch-structure.md——完整的逐镜头模板,含 30 秒片子的时间码(可扩展到 15–60 秒)、节拍同步揭晓计时、动态蒙太奇镜头配方、声音设计主导画面的工作流,以及 16:9 / 9:16 / 1:1 的详细多画幅安全区图。
限制
资料未提供该技能的收费、价格、平台支持范围或效果保证等信息。