
由此 Skill 渲染
一个免费的 HyperFrames 模块,用来做 12 秒的高级感标题。你的标题被切成一片片玻璃碎片,在 HDR 影棚光下做 3D 渲染;碎片从两侧飞入,拼成文字,带着轻微转动停留,再飞离画面,留下空镜。碎片数量、圆角、倒角、节奏、混乱度和雾气都是变量。
更新于 2026年11月2日
你将得到
- 一支 12 秒、1920×1080 的 MP4 标题,真正的 3D 玻璃质感
- 碎片拼出你的标题,再全部散去
- 碎片数量、倒角、圆角、节奏、混乱度和雾气都可用变量调整
适合
- 美妆、香水和珠宝新品发布
- 系列名和高端产品标题
- 高端品牌片的开场
不适合
- 长标语或正文
- 想要纯平色块的明快活泼品牌
关于此 Skill
/glass-shard-title 给我们的香水「Ambre Nuit」做一个玻璃碎片标题。节奏保持默认,渲染成 1080p。
一个像吹制玻璃做成的标题。Glass Shard Title 把你的标题栅格化,把字形区域打碎成玻璃碎片,用 Three.js 配合 HDR 影棚环境渲染,边缘能接住真实的高光。碎片穿过柔和的雾气从左右两侧飞入,严丝合缝地拼成文字,缓缓转动停留一拍,然后四散飞出,给下一个镜头留出干净的画面。
工作流程
- 提需求:告诉助手标题写什么,通常是产品名或系列名。
- 搭建:它把模块放进一个 HyperFrames 项目,把你的文案和配色填成渲染变量。
- 预览:它先检查几帧,再用
npx hyperframes render渲染出 1920×1080 的 MP4。 - 复用:变量都在一个 JSON 文件里,换一句标题或换一个品牌,再渲染一次就行。
小贴士
- 一到三个词效果最好;文字太长,碎片就会变小。
- 雾气调浓,画面更梦幻、更暗;调淡,玻璃更通透。
- 碎片少,块大而有力;碎片多,像细密的马赛克。
- 碎片飞走后紧接一个产品镜头,效果最好。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作(heygen-com/hyperframes),以 Apache License 2.0 开源。下载的是带全部素材、可直接渲染的模块;HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 你的标题(产品名或系列名效果最好)。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源,在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill,成为第一个评分的人。
常见问题
需要显卡吗?
不需要。它用 HyperFrames 下载的 Chrome 渲染,有 GPU 就用 GPU,没有就用软件渲染。在笔记本上渲染 12 秒大约一分钟。
Reelity 改了什么?
模块库通常在安装时才下载的玻璃纹理已经打包在内,GSAP 和 d3-delaunay 从软件包加载而不是走 CDN,3D 脚本也改成等场景准备好再开始,解决了无头渲染时出现黑帧的问题。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 Skill。我们原样上架,样片是在我们自家品牌 Maison Vey 上运行它做出来的。






