
由此 Skill 渲染
一个免费的 HyperFrames 模块,做 6 秒的 Logo 片尾。Logo 的五个部件依次飞入、展开并咬合在一起,身后绽开一圈柔光,下方淡入一句标语和一个网址胶囊。Logo 路径、配色、标语和网址在 HTML 里修改。
更新于 2026年11月3日
你将得到
- 一支 6 秒、1920×1080 的 MP4 片尾
- 由五个部件拼合而成、带光晕的 Logo
- 一句标语和一个网址胶囊
适合
- 广告和品牌片的结尾
- YouTube 片尾
- 路演和活动视频
不适合
- 细节很多的 Logo
- 字母很多的文字标
关于此 Skill
/logo-outro 用我们金色的 Aurelle「A」标志做一个 Logo 片尾,标语「Gold, layered your way.」,网址 aurelle.com。
视频的结尾,就是品牌该落地的地方。Logo 片尾把你的标志从零件开始一块块拼起来,再让它发光、落定在标语和网址上方。短小、干净,适用于任何由几个形状组成的 Logo。
工作流程
- 提需求:告诉助手你的 Logo(一个最多由五个形状组成的 SVG)、一句标语和你的网址。
- 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
- 渲染:它先用
npx hyperframes render渲染一版草稿,检查几帧,再渲染最终的 MP4。 - 复用:变量都在一个小小的 JSON 文件里,下一个版本再渲染一次就行。
小贴士
- 把 Logo 拆成五个简单的形状;动画会分别移动每一个。
- 标语控制在一行以内。
- 光晕颜色和品牌色保持一致。
- 它没有变量:助手会按照 SKILL.md,直接在 HTML 里修改文字和数字。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作(heygen-com/hyperframes),以 Apache License 2.0 开源。下载的是带全部素材的模块,外加一份 Reelity 编写的 SKILL.md,让你的助手知道怎么填写和渲染;HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 一个最多由五个形状组成的简洁 Logo、一句标语和你的网址。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源,在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill,成为第一个评分的人。
常见问题
Reelity 改了什么?
原版的占位 Logo 是另一家公司的。下载版换成了一个中性的灰色标志,以及「Your tagline goes here.」和「yourbrand.com」。
我的 Logo 不止五个部分,还能用吗?
把它合并成五组形状;每一组会作为一个整体动起来。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架,附上一份 SKILL.md 让你的助手直接上手,样片是用我们的自家品牌 Aurelle 做的。






