
このSkillで書き出した映像
Frost ロゴオービット v1.0.0
ロゴが氷の塊に。砕けた破片が2つの短いテキストの場面に組み直され、カメラがその周りを回ります。
- フォーマット
- 動画 · 16:9
- 尺
- 0:22
22秒のシネマティックなロゴシーケンス向けの無料の HyperFrames ブロック。SVG ロゴが、ひび、くもり、内包物のある霜をまとった 3D の氷として作られます。粒子に砕け、2行の1つ目の見出しに組み直され、また砕けて2つ目になり、フェードアウトするあいだ、カメラが周回します。ロゴ、2つの見出し、200以上のマテリアル、動き、ライティングの設定が変数です。
2026年11月2日 更新
得られるもの
- 22.5秒・1920×1080 の MP4 ロゴフィルム
- 3D の氷になった SVG ロゴと2つの見出し
- マテリアル、粒子、ライト、カメラの200以上の変数
向いている用途
- ブランドオープナーとロゴリビール
- 冬もの、冷感、フレッシュさを打ち出す商品
- 基調講演やイベントのイントロ
向いていない用途
- 細かいディテールや長い単語を含むロゴ
- 切り詰めずに使う3秒の短いスティング
このSkillについて
/frost-sequence-camera-orbit うちのスマートホームのロゴ(logo.svg)でフロストロゴシーケンスを作って。1つ目の見出しは「Cool|nights.」、2つ目は「Warm|mornings.」。
本物の質感をもつロゴフィルム。Frost Sequence Camera Orbit は SVG ロゴを押し出して霜の氷にし、ひと続きのシーケンスを再生します。ロゴが破片の雲に砕け、破片が飛び戻って1つ目の見出しになり、再び砕けて2つ目になり、シーンがフェードアウトします。そのあいだずっと、キーライト、リムライト、2色のアクセントライトの中をカメラが周回します。
使い方
- 依頼:シーケンスの内容を伝えます。SVG のロゴと、2行の短い見出しを2つです。
- 準備:ブロックを HyperFrames プロジェクトに置き、コピーと色をレンダー変数として入れます。
- プレビュー:いくつかのフレームを確認してから、
npx hyperframes renderで 1920×1080 の MP4 を書き出します。 - 再利用:変数は1つの JSON ファイルにまとまっているので、見出しやブランドを変えるのもレンダー1回で済みます。
コツ
- シンプルで塗りの多いロゴを使いましょう。細い線や小さな文字は氷の中でディテールが消えます。
- 見出しはそれぞれ | で区切った短い2行で書きます。たとえば「Cool|nights.」。
- アクセントライトの色が雰囲気を決めます。1つをブランドカラーに合わせましょう。
- 22秒でひとつの作品として完結しています。10秒のロゴスティングにするなら編集ソフトで切り詰めます。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みですぐにレンダーできるブロックで、HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- SVG のロゴと、短い見出しを2つ。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
レンダーにはどれくらいかかりますか?
最近のノートパソコンで、最高画質なら2〜3分ほどです。コピーを試すあいだはドラフト画質にすると速く書き出せます。
Reelity は何を変えたのですか?
レジストリが通常インストール時にダウンロードする2つのテクスチャ(破片のアトラスと氷の内包物)を同梱したので、オフラインでもレンダーできます。
なぜ無料なのですか?
HeyGen と HyperFrames のコントリビューターによるオープンソースの Skill です。手を加えずに掲載し、自社ブランド Solenne で動かしたサンプルを添えています。






