キネティック タイポグラフィーは、言葉が理解できる場合にのみ注目を集めます。 8 秒間の 1 つの音声フックから始めて、すべての単語にタイミングを与え、電話で 4 つの一致するバージョンをテストします。目標は最大の動きではありません。動き、音声、キャプションが競合することなく異なる役割を果たしている読みやすいオープナーです。

APOB の AI 字幕ジェネレーターを使用して、オープニングに正確な字幕を表示

以下のワークフローでは、リビール、トラベル、トランスフォーム、静的パターンを比較しながら、文言、長さ、書体、背景、オーディオを固定したままにします。 Adobe の テキスト アニメーションの概要 では、キーフレーム、モーション パス、グラフ コントロール、仕上げアプリケーションでの再利用可能なテンプレートなどのツールについて説明しています。 APOB は、このハンドオフの編集可能なキャプションとビデオのレビュー側を処理します。ここでは、高度なキネティック タイプのキーフレーム ツールとしては紹介されていません。

アニメーション タイポグラフィとモーション タイポグラフィを装飾カテゴリではなく、コミュニケーション システムとして扱います。このテストでは、通常のスクロール速度で 1 回露出した後、視聴者が文、強調点、次のアクションを取り戻すことができるかどうかが問われます。

すべての言葉に 1 つのタイミングを与える

一度理解できる程度に短い音声を使用します。 Turn one product photo into a week of creator posts. 承認された音声を録音または生成し、実際のタイミングを文字に起こします。推測されたトランスクリプトをアニメーション化しないでください。

強調語

決定を伝える言葉を 1 つ選択してください。この例では、one は小さな入力とより大きな結果を対比し、week は成果物を確立します。フレーズごとに主な強調点を 1 つだけ選択します。開始時間、ピーク時間、リリース時間を書き込みます。

動きは意味を強化する必要があります。スケールは重要性を強調することができます。短くホールドすることで自信が生まれます。絶え間なくバウンドすることは競争を生み出すだけです。

サウンドをミュートにして強調部分をプレビューすることもできます。視聴者に速いシーケンスを解読させなくても、意図された単語が識別可能である必要があります。

キャンペーン目的の横に重点を置く選択肢を書きます。目標が効率的な入力から毎週の出力に変更された場合は、重点を one から week に移動し、タイミング チェックを再実行します。モーションは再利用可能なプリセットではなく、クレーム階層に従う必要があります。

応援フレーズ

周囲の単語が読みやすいままである必要があります。それらを 2 つまたは 3 つのセマンティック チャンクにグループ化します: Turn one product photo / into a week / of creator posts。サポートフレーズは、強調ワードよりも短い距離と低いコントラスト変化でフェードまたはスライドする場合があります。

アニメーションを使わずにグループを声に出して読み上げます。改行によって前置詞とその目的語が分離されたり、文が曖昧になったりする場合は、動きをデザインする前にコピーを修復してください。テキスト アニメーションでは、構造的に混乱を招くフックを救うことはできません。

トランジションキュー

1 つの単語または句読点を割り当てて、オープナーを最初のシーンに移動します。 posts という単語は、次のビジュアルに移動することも、最初の投稿が表示されるときに確定することもできます。トランジションキューには目的地があります。装飾的な動きはありません。

黙って待ってろ

呼吸と一時停止をマークします。メインフレーズの後に 250 ～ 500 ミリ秒保持すると、視聴者が読んだ内容を確認する時間が得られます。すべての無音フレームを動きで埋めないでください。静止はタイミング システムの一部です。

カットの前に全文保留を追加します。視聴者には、サムネイルとしてキャプチャしたり、レビュー担当者が一時停止したり、再生時にフレームがドロップしたときに理解できる、少なくとも 1 つの安定した状態が必要です。

オープナーを使用してワードレベルのタイミングシートを公開します。 「もっとエネルギーを」という漠然とした要求ではなく、秒数や役割について後で修正します。

3 つのモーション ファミリを同じ行にストーリーボードで配置する

同じ承認済みレイアウトから 4 つのバリアントを作成します。書体、太さ、サイズ、改行、背景、オーディオ、合計時間を固定してください。モーション ファミリのみが変更されます。

パターンを明らかにする

マスク、不透明度、または短い垂直の露出を使用して、セマンティック チャンクを明らかにします。視聴者は、移動するベースラインを追いかける必要はありません。最初のパスに十分な長さの各チャンクを保持し、音声のリズムよりも早く文字が表示されないようにします。

リビール全体を通じて、アセンダー、ディセンダー、句読点をそのままの状態に保ちます。文字の形をトリミングするマスクを使用すると、特に小さなモバイル タイプで、一時的に異なる単語が作成されることがあります。

フレーム ストリップ: ブランク セットアップ → 最初のサポート チャンク → 強調単語 → 全文 → トランジション キュー。各状態の正確な継続時間を記録します。

旅行パターン

フレーズをある予定の位置から別の位置に移動します。重要性に応じて距離を保ち、顔や製品を横切らないようにしてください。一方向と明確な着地点を使用してください。携帯電話の安全エリア外で停止した旅行は、どんなにスムーズに見えても失敗します。

単一の静止画ではなく、3 つの背景フレームにパスをマッピングします。開始位置が明確であれば、2 秒後に明るい物体を横切る可能性があります。背景が変化する場合は、コントラスト処理を追加するか、移動距離を短くしてください。

変形パターン

スケール、ウェイト、間隔、または形状を変更して、キーのコントラストを表現します。話している瞬間に認識可能な文字の形を維持します。単語がデコードされる前に装飾的になる場合は、変換を遅らせます。

同時変換を制限します。スケール、回転、トラッキング、ブラーを加えると、どの選択がミスの原因となったかを特定するのが難しくなります。 1 つの主要な変数をテストし、最初のバージョンが合格した後にのみ 2 番目の変数を追加します。

静的制御

同じテキストと音声を使用して静的バージョンを構築します。これはコントロールであり、弱いプレースホルダーではありません。視聴者がアニメーションのバリエーションよりも静的なラインをより正確に覚えている場合、モーションは複雑になっていません。

静的コントロールの合計オンスクリーン時間と最終的な構成をアニメーション化されたバリアントと一致させます。そうでなければ、単に視聴者がより長く、より安定した露出を受けるという理由だけで、この作品が勝つ可能性があります。

Visible Language 研究では、視線追跡を使用して、キネティック タイポグラフィのサブカテゴリとシリアル プレゼンテーションにわたる注意持続時間を比較しました。その結果は、カテゴリを個別にテストする有益な理由であり、アニメーションがオープナーを改善することを証明するものではありません。

サムスクロール速度での読みやすさのテスト

ラベルなしで 4 つのバリアントをエクスポートし、スクリプトを見ていない 5 人の視聴者向けに順序をランダム化します。通常のレベルの音声で携帯電話サイズの画面にそれぞれ 1 回ずつ表示します。最初の回答が記録されるまでは、リプレイを許可しないでください。

コールドビューのリコール

視聴者に覚えている文章を書いてもらい、強調されたアイデアに名前を付けてもらいます。句読点ではなく、正確な意味をスコアします。バリアントは、少なくとも定義されたしきい値が決定を伴うフレーズを呼び出す場合に合格します。セッションの前にそのしきい値を設定します。

精度とは別に信頼度を収集します。自信を持って間違ったリコールは、記憶に残るように見えながらキャンペーンのメッセージを覆す可能性があるため、認めたミスよりも危険です。

欠落単語数

各文字起こしをスクリプトと比較します。省略された単語、置換された単語、並べ替えられた単語を数えます。視聴者が聞いたが見ていなかった単語については、別のメモをとってください。この区別により、動きと音声のどちらがミスの原因であるかがわかります。

コントラストチェック

最も明るいフレームと最も暗いフレームに対してテキストを検査します。デザイン キャンバスだけでなく、最終的な圧縮プレビューを使用します。色のコントラスト、エッジの明瞭さ、モーション ブラー、変化する背景に対して強調が消えるかどうかを確認します。

グレースケール プレビューと輝度を下げた電話チェックを実行します。カラフルな動きは、通常のデバイスで必要な値のコントラストを失っても、調整されたモニターでは読みやすいように見えます。

インターフェースセーフエリア

予想されるアプリのコントロール、キャプション、ユーザー名、および CTA 領域をオーバーレイします。 9:16 の携帯サイズでプレビューします。重要な運動タイプをカバーされる可能性のあるゾーンから遠ざけてください。 APOB AI Video Editor はレビュー アセンブリを保持できますが、プラットフォーム固有のオーバーレイは現在の公開面に対して検証する必要があります。

5 人の視聴者が明らかな失敗を暴露する可能性があります。それらは普遍的な注目の獲得を証明するものではありません。別のチームがチェックを繰り返すことができるように、質問、順序、デバイス、および見逃した単語の数を公開します。

タイトルモーションを字幕から分離する

キネティック タイプは、設計された物語レイヤーです。字幕は、音声を正確にタイミングを合わせて表現したものです。彼らはタイポグラフィーを共有するかもしれませんが、異なる義務を負っています。

タイトルレイヤー

タイトル レイヤーは、意図したメッセージを維持する限り、省略、強調、変形することができます。すべてのタイトル要素とその入口、ピーク、出口、およびフォールバック 静止画に名前を付けます。本当に視覚的なパフォーマンスが必要な単語にレイヤーを限定します。

完全なトランスクリプトを 2 番目の移動タイトルとして複製しないでください。 2 つのほぼ同一のテキスト レイヤーにより視覚的なノイズが発生し、修正が発散されます。物語のタイトルは簡潔にし、キャプションは権威のあるものにしてください。

キャプションレイヤー

APOB AI 字幕ジェネレーター でトランスクリプトを生成またはインポートし、文言とタイミングを修正し、テキストを編集可能な状態に保ちます。タイトル レイヤーに強調語のみが表示されている場合でも、キャプションには音声セリフを含める必要があります。

オーディオ調整

各単語の境界をスクラブします。動的な単語は予測のためにわずかに音声を先行させる場合がありますが、キャプションは正確な音声タイミングに従う必要があります。意図的なオフセットを記録します。見逃した編集からそれらを出現させないでください。

焼き付き境界

キャプションを切り替え可能な状態にしておく必要があるかどうか、焼き付けられたソーシャル エクスポートが必要かどうか、編集可能なテキストをどのマスターに保存するかを決定します。クリーンなビデオ マスター、キャプション ファイル、およびリファレンス エクスポートを維持します。アクセシビリティは、一時停止すると読み取れなくなるアニメーション レイヤに依存すべきではありません。

翻訳を追加する場合、境界が重要になります。ローカライズされたキャプションでは長さと改行が変更される場合があります。キネティックなタイトルには、文字通りの一言一句のモーション コピーではなく、新しいデザインが必要になるかもしれません。

再利用可能なタイプモーション仕様を渡す

現在のオープナーをリバースエンジニアリングすることなく次のオープナーを構築できるようにパッケージを決定します。ハンドオフは、仕上げエディターが別のソフトウェアを使用している場合でも機能するはずです。

種類とスケール

フォント、ライセンス、太さ、大文字の使用、トラッキング、行の高さ、モバイルの最小サイズ、コントラスト処理、および安全領域の座標を記録します。同様のメトリクスを持つ代替フォントを含めます。スクリーンショットだけを仕様として信頼しないでください。

モーションカーブ

期間、遅延、イージング、オーバーシュート、移動距離、アンカーポイント、ホールドに名前を付けます。グラフのスクリーンショットは役に立ちますが、数値を使用すると動作が移植可能になります。承認されたキャプションのタイミングがロックされた後、仕上げツールで高度な曲線作業を行うことができます。

フォールバックはまだ

最も読み取り可能なフレームを静的フォールバックおよびサムネイル候補としてエクスポートします。アニメーションなしでも文が意味をなすことを確認してください。このフレームは、モーションが制限されたコンテキストまたは自動再生が制限されたコンテキストもサポートします。

キャプションとエクスポートのチェック

ハンドオフの前に、トランスクリプトの精度、改行、安全領域、オーディオ同期、最初/最後のフレーム、サイズ、継続時間、フレーム レート、ファイル名を確認します。将来のローカライズが予想される場合は、テキストフリーのマスターを保存してください。新しいモーション背景の場合は、リビジョンによって完全な再生成が強制されないように、タイプ レイヤとは別に APOB AI Video Generator を使用します。

エクスポートされたファイルを 2 番目のデバイスで開き、承認されたリファレンスと比較します。フォントが置き換えられていないこと、テキストが鮮明なままであること、モーションが意図したフレームで開始されること、キャプションがプラットフォームによって切り取られたり複製されたりしていないことを確認します。

入力済みの仕様フィールド:

最初のビューで意味を保持するバリアントを選択し、編集可能なキャプション ワークフローとモーション仕様をエクスポートの横に保持します。優れた動的なタイポグラフィーでは、視聴者がセリフを理解する前にアニメーションを賞賛する必要はありません。

情報源

• Adobe — After Effects を使用したテキスト アニメーションとキネティック タイポグラフィー

• 目に見える言語 — 読者の注意に対するキネティック タイポグラフィの影響

• APOB AI — AI 字幕ジェネレーター

• APOB AI — AI ビデオエディター

• APOB AI — AI ビデオ ジェネレーター