跳转到使用指南
Lower Thirds作者 iart-ai

Lower Thirds Skill.

渲染透明的动态人名字幕条与播出叠加图形。

  • 人名字幕条
  • 文字排版
源文件解读 · lower-thirdsSKILL.md
任务 渲染透明的动态人名字幕条与播出叠加图形。 产出 适合指定目标的透明 WebM 或 ProRes 4444 叠加文件。 开始前的准备 提供准确姓名与职务、节目字体和目标播放器。渲染前选定交付格式:用于 OBS 或剪辑软件的透明叠加,与普通 MP4 的要求不同。
编辑摘要 · 源文件核查于 2026-11-02 · 非生成示例

01 功能说明

渲染透明的动态人名字幕条与播出叠加图形

制作清晰的人名字幕条,输出透明 WebM 或 ProRes,提供可编辑卡片数据,并检查文字适配、时序和透明通道。

基于来源的工作流并非执行基准测试

工作方法

lower-thirds 将动态人名字幕条及其他叠加图形制作成带透明度的视频文件。它在 canvas 上逐帧绘制图形,再导出适用于直播、浏览器或剪辑软件的格式。绘制图形以外的所有区域保持透明。

工作流同样重视入场与阅读停留阶段。文字置于独立底板上,确保叠在未知素材上仍然可读;长名字需适配文本框,首尾帧保持空白。多张卡片共享设计,但分别渲染为独立文件。

预期交付物

  • 适合指定目标的透明 WebM 或 ProRes 4444 叠加文件。
  • 包含卡片数据和时序的可编辑 HTML 源页面。
  • 停留帧预览,以及入场/离场关键帧拼图。
查看示例简报

从简报到审查

  1. 01
    读取准确卡片文案

    保留姓名、职务及标点。先确定使用目标,以便在渲染前选好导出格式。

  2. 02
    设计叠加图形

    保持画面中央留空,将图形放在安全边距内,并为文字提供底板。适配最长条目,阅读停留期间保持静止。

  3. 03
    检查并解码输出

    运行所提供的检查,查看浅色和深色背景预览,再检查入场与离场关键帧拼图。确认编码文件中的真实透明度。

02 适用场景

适合什么场景

提供准确姓名与职务、节目字体和目标播放器。渲染前选定交付格式:用于 OBS 或剪辑软件的透明叠加,与普通 MP4 的要求不同。

适合的场景

  • 姓名需叠加在实时素材上因为无法预知最终镜头,设计需在不同背景上检查。
  • 多位嘉宾共享风格卡片记录可让每个人使用相同布局和动效,分别渲染。

需要检查的限制

  • H.264 需要纯色背景渲染器使用支持 alpha 的格式实现透明,普通 MP4 交付则需要背景色。
  • 渲染器有本地依赖源文件列出 Node、浏览器捕获工具、Chrome 或 Chromium,以及 FFmpeg。
  • 网页播放取决于目标源文件为 Safari 交付安排单独路径;一份透明文件并不保证所有浏览器兼容。

请提供这些输入

  • 准确文字按最终显示方式提供每个姓名、职务或说明。
  • 使用目标指定 OBS、浏览器、剪辑软件或色键工作流。
  • 节目设计提供颜色、字体、氛围、画面尺寸和时长要求。

03 关键决策

影响结果的关键选择

  1. 在素材上仍然清晰

    底板可防止浅色文字在明亮镜头中消失。

  2. 干净的剪辑边界

    空白的首尾帧避免图形突然出现或消失。

  3. 验证透明通道

    源文件要求解码停留帧,而不是仅相信文件扩展名。

04 示例任务

从一份具体的需求开始

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

查看源文件和环境要求

按最终显示方式提供每个姓名、职务或说明。

上游源文件
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md

下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求;这不是安装命令。

先完成一项明确的交付物

运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。

示例简报
使用 lower-thirds,根据附件名单中的姓名和职务,为三位播客嘉宾制作统一的叠加字幕条。采用我们的深绿和奶油色配色,将图形放在左下角,中间留给发言者。交付用于 OBS 的透明 WebM 文件和可编辑 HTML。每个姓名在五秒阅读停留阶段保持静止,首尾帧为空白。检查最长姓名,查看明亮和深色背景上的叠加效果,并在渲染全部卡片前检查入场和离场帧。

检查结果

根据以下可观察标准检查实际输出。

  • 在明亮和深色素材预览上阅读每张卡片。
  • 检查空白首尾、安全边距和最长文字条目。
  • 解码导出的停留帧,确认真实透明度。

OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置,也不表示其中包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
iart-ai
技能文件
SKILL.md
许可证
MIT
已审查的快照
2026-11-02 · aa8ef7ed9fa5
编辑来源摘要
渲染透明的动态人名字幕条与播出叠加图形。

由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标,并不代表技能使用量或质量评分。

06 开始前的问题

开始前可能想问

可以得到透明 MP4 吗?

源文件使用 WebM 或 ProRes 4444 提供 alpha 通道。普通 H.264 MP4 路径需要纯色背景,例如用于色键的绿色。

可以同时制作多个人名吗?

可以。卡片数据中的每条记录都按共享设计渲染为独立文件,但每条仍需检查文字是否适配。

自动检查就够了吗?

不够。源文件明确说,自动检查无法判断擦除动画中文字裁切或可读性。静帧及入场/离场关键帧拼图需要人工视觉检查。

OpenDesign

让需求和设计工作保存在一起。

将简报、来源材料和设计工作集中保存在本地工作区中。将该技能添加到工作流程前,请检查其自身的设置说明。

上游源文件
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md