無料
Aurelle · 16:9
このSkillで書き出した映像
ロゴアウトロ v1.0.0
ロゴがパーツごとに組み上がり、やわらかな光を放って、タグラインと Web アドレスの上に落ち着きます。
まだ評価はありません 0 ダウンロード
- フォーマット
- 動画 · 16:9
- 尺
- 0:06
6秒のロゴアウトロ向けの無料 HyperFrames ブロック。ロゴの5つのパーツが1つずつ飛び込み、広がってぴたりと組み合わさり、背後にやわらかな光が広がります。その下にタグラインと URL のピルがフェードイン。ロゴのパス、色、タグライン、URL は HTML で編集します。
2026年11月3日 更新
得られるもの
- 6秒・1920×1080 の MP4 アウトロ
- 5つのパーツから組み上がり、光を放つロゴ
- タグラインと URL のピル
向いている用途
- 広告やブランドフィルムのラスト
- YouTube のアウトロ
- ピッチ動画やイベント動画
向いていない用途
- 細部の多いロゴ
- 文字数の多いワードマーク
このSkillについて
依頼の例
/logo-outro ゴールドの Aurelle の「A」マークでロゴアウトロを作って。タグラインは「Gold, layered your way.」、アドレスは aurelle.com。
動画の最後こそ、ブランドを印象づける場所です。ロゴアウトロは、あなたのマークをパーツから1つずつ組み上げ、光らせてから、タグラインとアドレスの上に落ち着かせます。短くてすっきりしていて、いくつかの図形でできたロゴならどれにでも使えます。
使い方
- 依頼：最大5つの図形でできた SVG のロゴ、タグライン、Web アドレスをエージェントに伝えます。
- 入力：コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー：
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用：変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。
コツ
- ロゴをシンプルな5つの図形に分けましょう。アニメーションはそれぞれを個別に動かします。
- タグラインは1行に収めます。
- 光の色はブランドカラーに合わせましょう。
- 変数はありません。エージェントが SKILL.md に沿って、HTML 内のテキストや数字を直接編集します。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター（heygen-com/hyperframes）が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- 最大5つの図形でできたシンプルなロゴ、タグライン、Web アドレス。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
Reelity は何を変更しましたか？
元のプレースホルダーは他社のロゴでした。ダウンロード版では代わりに、ニュートラルなグレーのマーク、「Your tagline goes here.」、「yourbrand.com」が入っています。
ロゴのパーツが5つより多くても使えますか？
5つの図形にグループ化してください。各グループが1つのパーツとしてアニメーションします。
なぜ無料なのですか？
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Aurelle で作ったサンプルを付けています。
