無料
Maison Vey · 16:9
このSkillで書き出した映像
Glass Shard タイトル v1.0.0
虹色に輝くガラスの破片が霧の中から飛び込み、組み合わさって見出しになり、静止したあと再び飛び去ります。
まだ評価はありません 0 ダウンロード
- フォーマット
- 動画 · 16:9
- 尺
- 0:12
12秒のラグジュアリーなタイトル向けの無料の HyperFrames ブロック。見出しはシード付きのガラス片に分割され、HDR のスタジオライトで 3D レンダリングされます。破片は左右から飛び込んで文字を形づくり、ゆっくり回りながら静止し、最後は画面を空にして去ります。タイル数、丸み、ベベル、タイミング、乱れ、霧は変数です。
2026年11月2日 更新
得られるもの
- 本物の 3D ガラスを使った12秒・1920×1080 の MP4 タイトル
- 破片が組み上がって見出しになり、その後消えていく演出
- タイル、ベベル、丸み、タイミング、乱れ、霧の変数
向いている用途
- コスメ、フレグランス、ジュエリーのローンチ
- コレクション名やラグジュアリー商品のタイトル
- プレミアムなブランドフィルムのオープナー
向いていない用途
- 長いタグラインや本文
- フラットな色を好む明るくポップなブランド
このSkillについて
依頼の例
/glass-shard-title うちの香水「Ambre Nuit」のガラスシャードタイトルを作って。タイミングはデフォルトのまま、1080p でレンダーして。
吹きガラスで作ったようなタイトル。Glass Shard Title は見出しをラスタライズし、その形をガラス片に割って、HDR のスタジオ環境とともに Three.js でレンダリングします。だから縁に本物のハイライトが入ります。破片はやわらかな霧を抜けて左右から飛び込み、文字にぴたりと収まり、ゆっくり回転しながら一拍おいて、散っていきます。次のカットのためにきれいな画面が残ります。
使い方
- 依頼：タイトルの文言を伝えます。見出しはたいてい商品名かコレクション名です。
- 準備：ブロックを HyperFrames プロジェクトに置き、コピーと色をレンダー変数として入れます。
- プレビュー：いくつかのフレームを確認してから、
npx hyperframes renderで 1920×1080 の MP4 を書き出します。 - 再利用：変数は1つの JSON ファイルにまとまっているので、見出しやブランドを変えるのもレンダー1回で済みます。
コツ
- 1〜3語がいちばん読みやすく、長い行だと破片が小さくなります。
- 霧を濃くすると夢のように暗い雰囲気に、薄くするとくっきりしたガラスになります。
- タイルが少ないと大きく大胆な破片に、多いと細かなモザイクになります。
- 破片が飛び去った直後に商品カットをつなげるのがおすすめです。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター（heygen-com/hyperframes）が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みですぐにレンダーできるブロックで、HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- 見出し（商品名やコレクション名がいちばん合います）。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
グラフィックカードは必要ですか？
いりません。HyperFrames がダウンロードする Chrome でレンダリングし、GPU があれば使い、なければソフトウェアで描画します。12秒のレンダーはノートパソコンで1分ほどです。
Reelity は何を変えたのですか？
レジストリが通常インストール時にダウンロードするガラスのテクスチャを同梱し、GSAP と d3-delaunay を CDN ではなくパッケージから読み込むようにしました。また 3D スクリプトがシーンの準備完了を待つようにし、ヘッドレスレンダーで黒いフレームが出る問題を直しています。
なぜ無料なのですか？
HeyGen と HyperFrames のコントリビューターによるオープンソースの Skill です。手を加えずに掲載し、自社ブランド Maison Vey で動かしたサンプルを添えています。
