プレミアム動画Skillがすべて使える、ひとつのプラン。いつでも解約できます。プランを見る
Halden Solace · 16:9

このSkillで書き出した映像

ギャラリートンネル v1.0.0

壁、床、天井に商品写真とブランドカラーを敷き詰めた、果てしない回廊を飛び抜けていく映像。

まだ評価はありません 0 ダウンロード
フォーマット
動画 · 16:9
尺
0:12

無料 アカウント登録で無料

ログインしてダウンロード

これをエージェントに貼り付けてください。必要ならCLIを接続し、Skillをインストールします。

数枚の写真を12秒の 3D フライスルーに変える無料の HyperFrames ブロック。四角いトンネルが消失点に向かって続き、そのパネルをあなたの画像とパレットのカラーブロックが埋め、カメラはやわらかな霧の中を飛び抜けます。画像、画像と色の比率、パレット、速さ、グリッド、霧、エッジラインは変数です。

2026年11月3日 更新

得られるもの

  • 12秒・1920×1080 の MP4 フライスルー
  • 3D の回廊に敷き詰められた写真とブランドカラー
  • 画像、比率、パレット、速さ、グリッド、霧の変数

向いている用途

  • コレクションやルックブックのティーザー
  • ポートフォリオや商品ラインナップのリール
  • 長めの編集の背景やトランジション

向いていない用途

  • 1枚の写真を大きく静止して見せること
  • 文字の多いメッセージ

このSkillについて

依頼の例

/gallery-tunnel Halden Solace の写真4枚(スタジオカット、ニットとソールのクローズアップ、ストリートカット)でギャラリートンネルを作って。ほぼ画像中心で、パレットはオレンジ、オフホワイト、チャコール、サンド。背景は黒。

いい商品写真はあるのに、動く素材がない?Gallery Tunnel は写真を果てしない 3D 回廊の壁に並べ、その中をカメラで飛び抜けます。すき間はパレットのカラーパネルが埋めるので、写真4枚でもリズムのある豊かなカットになります。

使い方

  1. 依頼:使う写真、ブランドカラー、飛ぶスピード感をエージェントに伝えます。
  2. 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
  3. レンダー:npx hyperframes render で下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。
  4. 再利用:変数は小さな 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 で作ったサンプルを付けています。

関連ガイド

How to make an exploded view animation of your productShowing what's inside a product builds trust in seconds. How to make a labelled exploded view, free, with the Exploded Layer Stack block.How to turn product photos into a 3D flythrough videoA handful of still photos can become a moving, cinematic shot. How to make a 3D corridor flythrough of your photos, free, with the Gallery Tunnel block.

似ているSkill

すべて見る