
このSkillで書き出した映像
ギャラリートンネル v1.0.0
壁、床、天井に商品写真とブランドカラーを敷き詰めた、果てしない回廊を飛び抜けていく映像。
- フォーマット
- 動画 · 16:9
- 尺
- 0:12
数枚の写真を12秒の 3D フライスルーに変える無料の HyperFrames ブロック。四角いトンネルが消失点に向かって続き、そのパネルをあなたの画像とパレットのカラーブロックが埋め、カメラはやわらかな霧の中を飛び抜けます。画像、画像と色の比率、パレット、速さ、グリッド、霧、エッジラインは変数です。
2026年11月3日 更新
得られるもの
- 12秒・1920×1080 の MP4 フライスルー
- 3D の回廊に敷き詰められた写真とブランドカラー
- 画像、比率、パレット、速さ、グリッド、霧の変数
向いている用途
- コレクションやルックブックのティーザー
- ポートフォリオや商品ラインナップのリール
- 長めの編集の背景やトランジション
向いていない用途
- 1枚の写真を大きく静止して見せること
- 文字の多いメッセージ
このSkillについて
/gallery-tunnel Halden Solace の写真4枚(スタジオカット、ニットとソールのクローズアップ、ストリートカット)でギャラリートンネルを作って。ほぼ画像中心で、パレットはオレンジ、オフホワイト、チャコール、サンド。背景は黒。
いい商品写真はあるのに、動く素材がない?Gallery Tunnel は写真を果てしない 3D 回廊の壁に並べ、その中をカメラで飛び抜けます。すき間はパレットのカラーパネルが埋めるので、写真4枚でもリズムのある豊かなカットになります。
使い方
- 依頼:使う写真、ブランドカラー、飛ぶスピード感をエージェントに伝えます。
- 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー:
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用:変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。
コツ
- 商品全体、ディテール、ライフスタイルなど、トリミングの異なる写真を4〜10枚使うといちばんリズムが出ます。
- 写真中心のカットにしたいなら画像の比率を高く、グラフィカルにしたいなら低く設定します。
- パレットはブランドカラーを3〜4色選びましょう。
- トランジションや、タイトルの背景として使えます。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- 商品やブランドの写真数枚と、3〜4色のカラー。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
写真は何枚必要ですか?
1枚でも動きますが、4〜10枚がいちばんきれいです。写真は決まったパターンでパネルに割り当てられるので、毎回同じ仕上がりになります。
上にタイトルを載せられますか?
ブロックはトンネルだけです。エージェントが HyperFrames プロジェクトでタイトルの下に配置するか、編集ソフトで文字を足してください。
なぜ無料なのですか?
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Halden Solace で作ったサンプルを付けています。






