✦ スタジオのおすすめ
Vael · 16:9
このSkillで書き出した映像
Motion Reel v1.0.0
テーマと素材から、ショーリール級の15秒のモーション作品を。大胆なタイポ、速いカット、すべての見せ場がビートに合います。
まだ評価はありません 0 ダウンロード
- フォーマット
- 動画 · 16:9
- 尺
- 0:15
HyperFrames のモーショングラフィックス動画をショーリールの水準で演出する無料の Skill。テーマと渡された素材から、ルック、コピー、タイポグラフィ、タイムライン、サウンドを組み立て、120 BPM のビートグリッドに合わせてオーバーシュート、マスク、パララックス、カメラワーク、パーティクルでアニメーションさせ、1920×1080 の MP4 に書き出します。
2026年11月2日 更新
得られるもの
- 15秒・1920×1080 のモーショングラフィックス MP4
- ルック、コピー、タイポグラフィ、ビートに合わせたタイムラインまでの本格的なデザイン
- 編集して再レンダーできる HyperFrames プロジェクト
向いている用途
- 商品やコレクションのティザー
- ブランドリールや制作会社のショーケース
- スクロールを止めたいローンチ投稿
向いていない用途
- 顔出しやインタビューの動画
- クリエイティブの自由がない厳格なブランドテンプレート
このSkillについて
依頼の例
/hyperframes-motion-reel うちのハンドバッグ、Vael Cerise トート（$420、カーフレザー、無垢の真鍮）で15秒のモーションリールを作って。bag.png が切り抜き。ファッションウィークの雰囲気で、ワインレッドとクリーム。
テンプレートではなく、ディレクターです。Motion Reel はエージェントに、どの動画もモーションデザイナーのリールのベストカットとして扱うよう指示します。短いテーマから世界観、パレット、タイポグラフィ、ストーリーを作り、HyperFrames で GSAP、SVG、canvas を使って組み上げ、すべてのカットとインパクトをビートグリッドに合わせ、モーションブラー付きでレンダーします。
使い方
- ブリーフ：テーマと素材（商品の切り抜き、ロゴ、ナレーション）を渡します。短くて構いません。
- 演出：ルック、コピー、色、タイポグラフィ、シーン構成を決めます。指定がなければ15秒・120 BPM です。
- 制作：振り付けには一時停止した GSAP タイムライン、パーティクルやグリッドには純粋な時間ベースの関数を使って、HyperFrames プロジェクトを書きます。
- サウンド：ヒット音、ウーシュ音、音楽をビートグリッドに配置します。
- レンダー：実際の MP4 から見せ場のフレームを確認し、ずれを直してから動画を渡します。
コツ
- 縁のきれいな商品の切り抜きがあると、いちばん表現の幅が広がります。
- エフェクトを並べるより、雰囲気を伝えましょう（「fashion week」「arcade」「calm and premium」など）。
- 9:16 や 1:1 を頼めば、切り抜きではなくレイアウトから組み直します。
- すべて商用で無料で使えます。HyperFrames、GSAP、素の HTML だけで、有料ライセンスは不要です。
オープンソース
Motion Reel は Sunwood AI Labs（Sunwood-ai-labs/hyperframes-motion-reel-skill）が作り、MIT License で公開しています。原文は日本語で書かれており、このダウンロードは Reelity による英訳版です。
始める前に必要なもの
- 用意するもの
- テーマと手元の素材。商品の切り抜き、ロゴ、ナレーション、音楽など。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
テンプレートとどう違うのですか？
毎回テーマから新しい作品を書くので、2つの商品が同じ動画になることはありません。従うルール（ビートグリッド、オーバーシュート、マスク、単純なフェードは使わない）が品質を一定に保ちます。
自分が権利を持つ音楽は使えますか？
使えます。トラックを渡せば、そのビートにカットとヒットを合わせます。
なぜ無料なのですか？
Sunwood AI Labs によるオープンソースの Skill です。手を加えずに掲載し、自社ブランド Vael で動かしたサンプルを添えています。
