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

このSkillで書き出した映像

Wireframe Portal タイトル v1.0.0

ワイヤーフレームのポータルが弾けるように開き、タイトルがその中を飛び抜け、文字が入れ替わって2つ目のフレーズになります。

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

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

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

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

8秒のハイテンションなオープナー向けの無料の HyperFrames ブロック。すっきりしたタイトルカードが白い閃光で破られ、背後にワイヤーフレームのトンネルが開き、タイトルがアウトライン書体でグリッチしながら通り抜け、文字が入れ替わって2つ目のフレーズになり、最後はフラッシュで抜けます。タイトル、2つ目のフレーズ、サブタイトル、アクセントカラー、グリッチは変数です。

2026年11月2日 更新

得られるもの

  • 8秒・1920×1080 の MP4 オープナー
  • 2つ目のフレーズに変わるタイトル
  • コピー、アクセント、グリッチ、霧の変数

向いている用途

  • ローンチや新作発売のオープナー
  • イベント、配信、エピソードのイントロ
  • 勢いのあるゲーム、テック、フードのプロモ

向いていない用途

  • 落ち着いた、静かな、ラグジュアリーなブランド
  • 長い文章

このSkillについて

依頼の例

/wireframe-portal-title うちのバーガーのローンチ用にワイヤーフレームポータルタイトルを作って。タイトルは「DOUBLE STACK」、2つ目のフレーズは「Now serving」、サブタイトルは「THE DOUBLE STACK BURGER」、アクセントはオレンジ。

パンチのあるオープナー。Wireframe Portal Title は落ち着いたタイトルカードから始まり、それを吹き飛ばします。白い閃光、駆け抜けるワイヤーフレームのトンネル、RGB のにじみをまとったアウトライン文字のタイトル、そして2つ目のフレーズへの文字の入れ替え。最後はフラッシュで終わるので、そのまま次のカットへつなげられます。

使い方

  1. 依頼:タイトルの文言を伝えます。タイトル、切り替わる先のフレーズ、小さなサブタイトル、アクセントカラーです。
  2. 準備:ブロックを HyperFrames プロジェクトに置き、コピーと色をレンダー変数として入れます。
  3. プレビュー:いくつかのフレームを確認してから、npx hyperframes render で 1920×1080 の MP4 を書き出します。
  4. 再利用:変数は1つの JSON ファイルにまとまっているので、見出しやブランドを変えるのもレンダー1回で済みます。

コツ

  • 2つのフレーズの長さをそろえると、文字の入れ替えがきれいに読めます。
  • アウトライン書体には大文字のタイトルがいちばん合います。
  • グリッチを弱めると、すっきりと上質な印象になります。
  • 小さな「presents」の前置きの行は、HTML でブランド名に書き換えましょう。

オープンソース

これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みですぐにレンダーできるブロックで、HyperFrames 本体は npm から実行されます。

始める前に必要なもの

用意するもの
タイトル、切り替わる先のフレーズ、アクセントカラー。
依存関係
Node.js 22 以降 — 必須 · FFmpeg — 必須
外部コスト
ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
最終テスト
v1.0.0 —

ユーザーレビュー

まだレビューはありません。インストールして最初に評価しましょう。

よくある質問

「presents」の行は消せますか?

消せます。HTML の中の1行のテキストなので、エージェントがブランド名に変えたり削除したりできます。

縦型でも使えますか?

1920×1080 向けに作られています。タイトルは画面の中央にあるので、エージェントがレンダーしてから中央を切り出し、9:16 版にできます。

なぜ無料なのですか?

HeyGen と HyperFrames のコントリビューターによるオープンソースの Skill です。手を加えずに掲載し、自社ブランド Ember & Bun で動かしたサンプルを添えています。

関連ガイド

How to make a headline flip title card for a launch videoTwo short lines and one satisfying flip make the strongest opener or end card. What makes a flip title read well, and how to render one free with the open-source Code Slice Hero block.How to make a high-energy intro title for a launch or eventSome launches need noise. How to build an opener that bursts open and swaps its title mid-flight, using the free Wireframe Portal Title block.How to make a cinematic 3D logo revealA logo film should feel like it was shot, not templated. How to turn your SVG logo into a shattering ice sequence with the free Frost Logo Orbit block.

似ているSkill

すべて見る