無料
Vael · 16:9
このSkillで書き出した映像
ウェイトウェーブ・タイポ v1.0.0
太さの波が見出しを流れ、波が通るたびに各文字が細字から太字へふくらみ、また戻ります。
まだ評価はありません 0 ダウンロード
- フォーマット
- 動画 · 16:9
- 尺
- 0:06
6秒のキネティックタイポグラフィ向けの無料 HyperFrames ブロック。見出しをバリアブルフォントで組み、太さの波を走らせることで、各文字が細字から極太へふくらみ、また落ち着きます。斜体もオプションで付けられます。テキスト、色、太さの範囲、波頭の幅、波の速さ、傾き、方向は変数です。
2026年11月3日 更新
得られるもの
- 6秒・1920×1080 の MP4 キネティックタイトル
- 文字を流れていくバリアブルフォントの太さの波
- テキスト、色、太さ、波頭、速さ、傾き、方向の変数
向いている用途
- ファッションやライフスタイルのタイトル
- ループする SNS 投稿
- 長めの編集のセクションタイトル
向いていない用途
- 長い文章
- バリアブルではない自社フォントを必ず使う必要があるブランド
このSkillについて
依頼の例
/weight-wave ワインレッドの背景にオフホワイトで「CERISE BY VAEL」のウェイトウェーブタイトルを作って。
文字だけで主役になれることもあります。Weight Wave Type は見出しに太さの波を走らせ、文字が次々と細字から太字へ呼吸するように変化します。ファッションのタイトルに使えるほど落ち着いていて、SNS のループ動画に使えるほど軽快。必要なのは言葉だけです。
使い方
- 依頼：見出し、2色のカラー、波の太さと速さをエージェントに伝えます。
- 入力：コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー：
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用：変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。
コツ
- 短い2〜4語を1行に収めるといちばん読みやすくなります。
- 強い色の背景にオフホワイトの文字で、エディトリアルな印象になります。
- 波の速さを落とすと、ゆったりとラグジュアリーな呼吸になります。
- 傾きを0にすると、文字は直立します。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター（heygen-com/hyperframes）が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- 短い見出しと2色のカラー。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
ブランドのフォントは使えますか？
このエフェクトには、ウェイト軸を持つバリアブルフォントが必要です。ブロックには Recursive（オープンソース）が同梱されていて、ほかのバリアブルフォントに差し替えられます。
波を右から左に流せますか？
できます。方向は変数で、太さの範囲や速さも変えられます。
なぜ無料なのですか？
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Vael で作ったサンプルを付けています。
