一个订阅,解锁全部高级视频 Skill。随时取消。查看方案
Maison Vey · 16:9

由此 Skill 渲染

Glass Shard 玻璃碎片标题 v1.0.0

幻彩玻璃碎片穿过薄雾飞入,拼合成你的标题,停留片刻,再四散飞走。

暂无评分 0 次下载
格式
视频 · 16:9
时长
0:12

免费 注册账户即可免费使用

登录后下载

把这段话粘贴给你的 Agent。它会在需要时连接 CLI,然后安装 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 影棚环境渲染,边缘能接住真实的高光。碎片穿过柔和的雾气从左右两侧飞入,严丝合缝地拼成文字,缓缓转动停留一拍,然后四散飞出,给下一个镜头留出干净的画面。

工作流程

  1. 提需求:告诉助手标题写什么,通常是产品名或系列名。
  2. 搭建:它把模块放进一个 HyperFrames 项目,把你的文案和配色填成渲染变量。
  3. 预览:它先检查几帧,再用 npx hyperframes render 渲染出 1920×1080 的 MP4。
  4. 复用:变量都在一个 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 上运行它做出来的。

相关指南

How to make a headline flip title card for a launch videoTwo short lines and one satisfying flip make the strongest opener or end card. What makes a flip title read well, and how to render one free with the open-source Code Slice Hero block.How to make a luxury glass title animation for a product launchGlass, light and fog are the visual language of premium launches. How to get a real 3D glass title without a 3D artist, using the free Glass Shard Title block.How to make a nature title animation with leaves for a brand videoNatural, seasonal and wellness brands want titles that breathe. How to reveal a headline through sweeping 3D leaves with the free Canopy Part Title block.

相似 Skill

查看全部