マニュアル キャンセル

バリアブルフォント軸の操作

  1. After Effects ユーザガイド
  2. ベータ版のリリース
    1. ベータ版プログラムの概要
    2. After Effects ベータ版ホーム
  3. はじめに
    1. After Effects の概要
    2. After Effects の新機能 
    3. リリースノート | After Effects
    4. After Effects の必要システム構成
    5. After Effects のキーボードショートカット
    6. サポートされているファイル形式 | After Effects
    7. ハードウェアに関する推奨事項
    8. Apple シリコン対応の After Effects
    9. 計画と設定
    10. 今日のヒント
  4. Workspaces
    1. 一般ユーザーインターフェイスアイテム
    2. After Effects インターフェイスについて
    3. ワークフロー
    4. Workspaces、パネルおよびビューア
    5. UI 言語のサポートの強化
  5. プロジェクトとコンポジション
    1. プロジェクト
    2. コンポジションの基本
    3. プリコンポーズ、ネスト化およびプリレンダリング
    4. コンポジションプロファイラーを使用した詳細なパフォーマンス情報の表示
    5. CINEMA 4D コンポジションレンダラー
  6. フッテージの読み込み
    1. 静止画の準備と読み込み
    2. After Effects および Adobe Premiere Pro の読み込み
    3. ビデオとオーディオの読み込みと変換
    4. 3D イメージファイルの準備と読み込み
    5. フッテージアイテムの読み込みと変換
    6. SVG ファイルを読み込み
    7. フッテージアイテムでの作業
    8. シーン編集の検出を使用した編集ポイントの削除
    9. XMP メタデータ
  7. テキストとグラフィック
    1. テキスト
      1. 文字の書式設定と文字パネル
      2. テキストエフェクト
      3. テキストレイヤーの作成と編集
      4. 段落の書式設定と段落パネル
      5. テキストレイヤーとシェイプレイヤーの押し出し
      6. テキストのアニメーション化
      7. テキストアニメーションのサンプルとリソース
      8. Live Text テンプレート
    2. モーショングラフィック
      1. After Effects でのモーショングラフィックステンプレートの操作
      2. エクスプレッションを使用した、モーショングラフィックステンプレートのドロップダウンリストの作成
      3. エッセンシャルプロパティを使用したモーショングラフィックステンプレートの作成
      4. モーショングラフィックステンプレートおよびエッセンシャルプロパティでの画像とビデオの置き換え
      5. プロパティパネルを使用して、すばやく簡単にアニメート
    3. バリアブルフォント軸
      1. バリアブルフォント軸のサポート
      2. バリアブルフォント軸の操作
      3. バリアブルフォント軸のスクリプトサポート
      4. バリアブルフォント軸に関する FAQ
  8. 描画、ペイント、パス
    1. シェイプレイヤー、パス、ベクトルグラフィックの概要
    2. ペイントツール:ブラシ、コピースタンプおよび消しゴム
    3. テーパシェイプストローク
    4. シェイプレイヤーのシェイプ属性、ペイント操作およびパス操作
    5. 「パスのオフセット」シェイプエフェクトを使用したシェイプの変更
    6. シェイプの作成
    7. マスクを作成
    8. コンテンツに応じた塗りつぶしパネルを使用したビデオからのオブジェクトの削除
    9. ロトブラシとマットを調整
    10. 位置プロパティとパスにヌルを作成
  9. レイヤー、マーカー、カメラ
    1. レイヤーの選択と配置
    2. 描画モードとレイヤースタイル
    3. 3D レイヤー
    4. レイヤープロパティ
    5. レイヤーの作成
    6. レイヤーの管理
    7. レイヤーマーカーとコンポジションマーカー
    8. カメラ、ライト、目標点
  10. アニメーション、キーフレーム、モーショントラッキング、キーイング
    1. アニメーション
      1. アニメーションの基本
      2. パペットツールを使用したアニメーション化
      3. シェイプパスとマスクの管理とアニメーション化
      4. After Effects を使用した Sketch と Capture シェイプのアニメーション化
      5. 多彩なアニメーションツール
      6. データ駆動型アニメーションの操作
    2. キーフレーム
      1. キーフレーム補間法
      2. キーフレームの設定、選択および削除
      3. キーフレームの編集、移動、コピー
    3. モーショントラッキング
      1. モーションのトラッキングとスタビライズ
      2. 顔のトラッキング
      3. マスクのトラッキング
      4. マスク参照
      5. 速度
      6. 時間伸縮とタイムリマップ
      7. タイムコードと時間の表示単位
    4. キーイング
      1. キーイング
      2. キーイングエフェクト
  11. 透明度と合成
    1. 合成と透明化の概要とリソース
    2. アルファチャンネルおよびマット
    3. トラックマットとトラベリングマット
  12. カラーの調整
    1. カラーの基本
    2. カラーマネジメント
    3. 色調補正エフェクト
    4. OpenColorIO および ACES のカラーマネジメント
    5. 強化された HDR サポート
    6. HDR の読み込みと書き出し 
  13. エフェクトおよびアニメーションプリセット
    1. エフェクトおよびアニメーションプリセットの概要
    2. エフェクトリスト
    3. エフェクトマネージャー
    4. シミュレーションエフェクト
    5. スタイライズエフェクト
    6. オーディオエフェクト
    7. ディストーションエフェクト
    8. 遠近エフェクト
    9. チャンネルエフェクト
    10. エフェクトの生成
    11. 時間エフェクト
    12. トランジションエフェクト
    13. ローリングシャッターの修復エフェクト
    14. ブラー&シャープエフェクト
    15. 3D チャンネルエフェクト
    16. ユーティリティエフェクト
    17. マットエフェクト
    18. ノイズ&グレインエフェクト
    19. 「詳細を維持しながらアップスケール」エフェクト
    20. 旧バージョンエフェクト
    21. Cycore プラグイン
  14. エクスプレッションと自動化
    1. エクスプレッション
      1. エクスプレッションの基本
      2. エクスプレッション言語について
      3. エクスプレッション制御の使用
      4. JavaScript と以前の ExtendScript のエクスプレッションエンジンの構文の違い
      5. エクスプレッションの編集
      6. エクスプレッションエラー
      7. エクスプレッションエディターの使用
      8. エクスプレッションを使用したテキストプロパティの編集とアクセス
      9. エクスプレッション言語リファレンス
      10. エクスプレッションの例
    2. 自動化
      1. 自動化
      2. スクリプト
  15. イマーシブビデオ、VR、3D
    1. After Effects での VR 環境の作成
    2. イマーシブビデオエフェクトの適用
    3. VR/360 度ビデオの合成ツール
    4. 高度 3D レンダラー
    5. 3D モデルを読み込んでコンポジションに追加
    6. Creative Cloud ライブラリからの 3D モデルの読み込み
    7. パラメトリックメッシュを作成
    8. 画像ベースの照明
    9. アニメーション化された環境光
    10. ライトによるシャドウのキャストを有効にする
    11. 3D モデルからのライトとカメラの抽出およびアニメーション化
    12. 3D カメラの移動のトラッキング
    13. 3D コンポジションのデフォルトカメラ設定を調整する
    14. シャドウを落とすおよび受ける
    15. 埋め込まれた 3D モデルアニメーション
    16. シャドウキャッチャー
    17. 3D 深度データ抽出
    18. 3D レイヤーのマテリアルプロパティの変更
    19. Substance 3D マテリアルを適用
    20. 3D デザインスペースでの作業
    21. 3D 変形ギズモ
    22. 複数の 3D レイヤーに対応する単一の 3D ギズモ
    23. 3D アニメーションによるその他の操作
    24. Mercury 3D エンジンを使用した、3D デザインへのリアルタイムのプレビュー変更
    25. グラフィックへのレスポンシブデザインの追加 
  16. ビューとプレビュー
    1. プレビュー
    2. Mercury Transmit を使用したビデオプレビュー
    3. ビューの変更と使用
    4. ロスレス圧縮再生
  17. レンダリングと書き出し
    1. レンダリングと書き出しの基本
    2. After Effects の H.264 エンコード
    3. After Effects プロジェクトを Adobe Premiere Pro プロジェクトとして書き出し
    4. ムービーの変換
    5. マルチフレームレンダリング
    6. 自動レンダリングとネットワークレンダリング
    7. 静止画および静止画シーケンスのレンダリングと書き出し
    8. After Effects での GoPro CineForm コーデックの使用
  18. その他のアプリケーションの使用
    1. Dynamic Link と After Effects
    2. After Effects およびその他のアプリケーションの使用
      1. After Effects プロジェクトを Premiere Pro プロジェクトとして書き出し
    3. After Effects の設定の同期
    4. After Effects の Creative Cloud ライブラリ
    5. プラグイン
    6. Cinema 4D と Cineware
  19. 共同作業:Frame.io と Team Projects
    1. Premiere Pro と After Effects での共同作業
    2. Frame.io
      1. Frame.io のインストールとライセンス認証
      2. Premiere Pro および After Effects での Frame.io の使用
      3. よくある質問
    3. Team Projects
      1. Team Projects の概要
      2. チームプロジェクトの作成
      3. Team Projects を使用した共同作業
  20. メモリ、ストレージおよびパフォーマンス
    1. メモリとストレージ
    2. プレビュー時のメモリ不足の問題に対する After Effects の処理    
    3. 処理速度の向上
    4. 環境設定
    5. After Effects の GPU および GPU ドライバーの要件
  21. ナレッジベース
    1. 既知の問題
    2. 修正された問題
    3. よくある質問
    4. After Effects および macOS Ventura
    5. プレビュー時のメモリ不足の問題に対する After Effects の処理

After Effects でのバリアブルフォント軸の操作について詳しく説明します。バリアブルフォント軸へのアクセス方法、バリアブルフォント軸をテキストアニメーターとして追加する方法、セレクターを使用する方法などを含みます。

新しいベータ版機能の使用

テストとフィードバックでバリアブルフォント軸のサポートを使用できるようになりました。After Effects(ベータ版)で今すぐお試しください。

このページの内容:

バリアブルフォント軸の追加

始める前に:
  • バリアブルフォントをインストールするには、.ttf.otf.woff2 などの拡張子を持つファイルを探します。多くの Adobe Fonts にはバリアブルバージョン(バリアブルとマークされています)が含まれており、フォントテクノロジーフィルターを使用してすばやく見つけることができます。また、Google Fonts などのリソースや他のオープンソースリポジトリを通じて、無料のバリアブルフォントを見つけることもできます。
  • バリアブルフォント軸を使用したデザイン、テキストアニメーションの効率的な設定、アニメーションワークフローの最適化に関する推奨プラクティスを確認してください。
  1. テキストレイヤーを作成し、文字パネルからバリアブルフォントを適用します。

  2. テキストレイヤーを選択し、プロパティパネルの「フォントとスタイル」セクションでバリアブルフォント   アイコンを選択して、現在のフォントで使用可能なすべての軸を表示するポップアップを開きます。

    バリアブルフォントアイコンが選択され、選択したフォントで使用可能なすべての軸を表示するポップアップが開いています。
    選択したフォントで使用可能なすべての軸を表示するには、バリアブルフォントアイコンを使用します。

  3. スクラブコントロールを使用して値を調整する次の内容がポップアップに表示されます。

    • 軸名:わかりやすい名前。例:線幅、幅。
    • 現在の値:現在の軸の値。
    バリアブルフォントポップアップが開き、スクラブコントロールを使用して値を調整できます。
    スクラブコントロールを使用して軸の値を調整し、フォントの線幅、幅、他の変数プロパティを操作します。

    テキストを選択した場合(テキスト編集モード)、軸には選択した文字の値が表示され、何も選択していない場合は、軸には最初の文字の値が表示されます。選択範囲全体で値が混在している場合は、範囲が表示されたり、バリエーションが示されます

  4. コンポジションパネルで変更を即座にプレビューしながら、値の数字を左右にドラッグして調整します。または、値を選択して入力モードに入り、目的の数値を入力して Enter キーを押して適用することもできます。

    各軸にはフォントで定義された最小値と最大値があり、スクラブや入力は有効な範囲に制限されます。ホットテキストにマウスを合わせると範囲を確認できます。

    ホットテキストにマウスを合わせると、フォントで定義された最小値と最大値が表示されます。
    ホットテキストにマウスを合わせると、フォントで定義された最小値と最大値が表示されます。

  5. コンポジションパネルに即座に反映される変更をプレビューできます。幅や間隔の変更によってレイアウトが変わると、テキストは自動的に調整されます。

単語の最初の文字を太くしたり、単語内で線幅のバリエーションを作成したり、カスタムの合字や文字の組み合わせをデザインしたりする場合は、バリアブルフォントを使用すると実現できます。

  1. テキストレイヤーをダブルクリックしてテキスト編集モードに入ります。

  2. 変更する特定の文字を選択し、  アイコンを選択して、プロパティパネルでバリアブルフォントポップアップを開きます。

    バリアブルフォントポップアップが開き、スクラブコントロールを使用して値を調整できます。
    選択したフォントで使用可能なすべての軸を表示するには、バリアブルフォントアイコンを使用します。

  3. 選択した文字のみに適用されるように軸の値を調整します。

    注意:

    特定の文字を選択しない場合、値は最初の文字のみに適用されます。

テキストアニメーターとしてのバリアブルフォント軸の追加

テキストアニメーターを使用すると、軸の値を時間の経過とともにキーフレーム化し、セレクターを使用して特定の文字範囲に適用できます。軸アニメーターを追加する方法は複数あります。

  • テキスト編集中のテキストレイヤーメニューの使用
  • タイムラインでの「アニメーターを追加」の使用
  • プロパティパネルの使用

テキスト編集中のテキストレイヤーメニューの使用

  1. テキストレイヤーをダブルクリックして編集モードに入ります。

  2. アニメーション化したい文字を選択してハイライト表示するか、すべての文字に適用する場合は何も選択しません。

  3. コンポジションパネルでハイライト表示されたテキストを右クリックし、テキストのアニメータープロパティを追加バリアブルフォント軸[軸名] を選択します。

    コンポジションパネルでテキストがハイライト表示され、テキストのアニメータープロパティを追加メニューが開きます。
    コンポジションパネルでテキストをハイライト表示し、テキストのアニメータープロパティを追加メニューを使用して、利用可能なバリアブルフォント軸を確認します。

  4. 選択した軸プロパティを使用して、新しいテキストアニメーターが作成されます。

タイムラインでの「アニメーターを追加」の使用

  1. タイムラインパネルでテキストレイヤーを選択し、展開して「Animate」ボタンを表示します。

  2. Animate ボタンを選択し、バリアブルフォント軸[軸名] を選択します。

    テキストレイヤーの「Animate」オプションが開き、バリアブルフォント軸が選択されています。
    「Animate」の「バリアブルフォント軸」オプションを使用すると、太さや幅などのフォントのプロパティをアニメーション化できます。

  3. 範囲セレクター付きの新しいアニメーターが自動的に作成されます。

プロパティパネルの使用

  1. タイムラインパネルでテキストレイヤーを選択し、プロパティパネルに移動します。

  2. テキストアニメーション」セクションに移動し、アニメーターを追加バリアブルフォント軸[軸名] を選択します。

    プロパティパネルで「アニメーターを追加」ボタンが選択されています。
    テキストプロパティにアニメーションコントロールを適用するには、プロパティパネルで「アニメーターを追加」ボタンを選択します。

  3. 範囲セレクター付きの新しいアニメーターが追加されます。

新しいアニメーターを追加すると、After Effects は、フォント軸プロパティと範囲セレクターを含む新しいテキストアニメーターグループを作成し、初期値は選択した文字の現在の軸値に設定されます。

バリアブルフォント軸アニメーターの操作

バリアブルフォント軸アニメーターを追加すると、After Effects は次の階層を作成します。

バリアブルフォント軸アニメーターを追加すると、タイムラインパネルに階層が表示されます。
テキストレイヤーにバリアブルフォント軸アニメーターを追加すると、タイムラインパネルに階層が表示されます。

軸値のキーフレーム設定

  1. タイムラインパネルで、現在の時間インジケーター(CTI)を目的の時間に移動します。

  2. 軸プロパティの横にあるストップウォッチ アイコンを選択して、現在の値で最初のキーフレームを作成します。

  3. CTI を新しい時間に移動し、スクラブまたは手動入力を使用して軸の値を変更して、新しいキーフレームを作成します。

    タイムラインパネルにテキストレイヤーのフォント軸ウェイトプロパティのキーフレームが表示されています。
    テキストレイヤーのフォント軸ウェイトプロパティにキーフレームを追加して、時間の経過に伴う太さの変化をアニメーション化します。

アニメーションの例

個別の軸を操作する場合は、次の例を試してください:

時間と値の変更

結果

スムーズなウェイト遷移

  • 0:00 – ウェイト:300(ライト)
  • 1:00 - 太さ:700(太字)

テキストが徐々に太くなります

幅の圧縮効果

  • 0:00 - 太さ:100%(標準)
    0:15 - 太さ:50%(圧縮)
    1:00 - 太さ:100%(標準)

テキストが圧縮されてから元に戻ります

傾斜または斜体のアニメーション

  • 0:00 - 傾斜:0°(直立)
  • 1:00 - 傾斜:-15°(傾斜)

テキストが傾いて斜体になります

最初の軸(線幅など)を追加し、次に 2 番目の軸(など)、3 番目の軸(傾斜など)を追加して、それぞれを個別にまたは一緒にキーフレームにすることで、同じテキストレイヤーに複数の軸アニメーターを追加できます。複数の軸を組み合わせるには、次の例を試してください。

時間と値の変更

結果

ダイナミックロゴアニメーション

アニメーター 1 - フォント軸の線幅

  • 時間 0:00 - 線幅:300
  • 時間 1:00 - 線幅:900

アニメーター 2 - フォント軸の幅

  • 時間 0:00 - 幅:75%
  • 時間 0:00 - 幅:125%

テキストが同時に太く幅広くなります

バリアブルフォントアニメーションの文字の間隔

バリアブルフォント間隔プロパティは、線幅や幅など、フォント軸をアニメートする際に、After Effects が文字の間隔を調整する方法を制御します。 

ウェイトや幅などのフォント設定をアニメーション化すると、文字が幅広くなったり狭くなったりすることがあります。After Effects では、文字間の間隔を自動的に調整して見た目を整えることができ、この設定では、間隔の調整のタイミングと方法を選択できます。

  1. テキストレイヤーのテキストプロパティグループを展開します。

  2. アニメートするバリアブルフォント軸を追加します。

  3. その他のオプション」セクションで、バリアブフォント間隔ドロップダウンメニューを使用して、次のいずれかを選択します。

    • アダプティブフォント軸が変化しても自然な間隔を維持するために、適切な場合に文字ごとのトラッキング補正を適用します。 
    • 文字ごと常に文字ごとのトラッキング補正を適用します。 
    • デフォルト文字ごとのトラッキング補正を完全に無効にします。フォント軸を変更しても、文字の元の間隔は維持されます。フォントの自然な幅の変化をテキスト全体のレイアウトに影響を与えるクリエイティブなエフェクトに役立ちます。

バリアブルフォント軸でのセレクターの使用

セレクターは、アニメーターが影響する文字とその強度を制御します。バリアブルフォント軸アニメーターは、すべてのセレクタータイプで動作します。

範囲セレクター(デフォルト)

範囲セレクターは、アニメートする文字の連続範囲を定義します。主要なプロパティは以下の通りです:

プロパティ

説明

開始と終了

影響を受ける文字を定義します

0% – 100%(またはインデックス/単位ベース)

  • 0%~100% - すべての文字に影響
  • 0%~50% - テキストの前半
  • 50%~100% - テキストの後半

オフセット

テキストに沿って範囲をシフトし、アニメートすることで「移動」エフェクトを作成します

値:-∞~+∞

エフェクトの強度を制御

0% – 100%

  • 100% - 軸の値をすべて適用
  • 50% - 軸の値の半分を適用
  • 0% - エフェクトなし(ベースフォント値)

試すことができる一部の例を以下に示します。

フォント軸設定

範囲セレクター

キーフレーム

結果

ウェイトワイプエフェクト

ウェイト:900(ブラック)

  • 開始:0%
  • 終了:0%

0%~100%のキーフレームを終了

太字の線幅により、テキストが左から右に「ペイント」されます

移動幅の波

幅:150%(拡張)

  • 開始:0%
  • 終了:20%
  • オフセット:-20%~120%のキーフレーム

時間の経過と共にアニメートされるオフセット

拡張された幅がテキスト全体にわたります

シェイプとイーズ

プロパティ

オプション

説明

シェイプ

矩形波

影響を受ける文字と影響を受けない文字の間のハードエッジ

シェイプ

徐々に増加

範囲への段階的な増加

シェイプ

徐々に減少

範囲からの段階的な減少

シェイプ

三角波

段階的なインとアウト

シェイプ

丸型

スムーズなベルカーブ

シェイプ

スムーズ

非常に緩やかなトランジション

イーズ

イーズ(高く)

非常に緩やかなトランジション

イーズ

イーズ(低く)

よりシャープなトランジション

試すことができる例を以下に示します:

フォント軸設定

範囲セレクター

追加設定

結果

スムーズウェイトグラデーション

フォント軸ウェイト:900

  • 開始:0%
  • 終了:0%
  • シェイプ:下へ傾斜
  • イーズ(高く):50%

テキストは太字で始まり、徐々に細くなってベースの太さになります

ウィグリーセレクター

文字ごとに軸値にランダムなバリエーションを適用します。主要なプロパティの一部を以下に示します:

プロパティ

説明

結果

最大量/最小量

ベース値からの最大および最小バリエーション

文字ごとにランダムな変動を作成します

ウィグラー/秒

ランダム値が変更される速度

高いほど激しい動きになります

相関性

隣接する文字の関連性

  • 100% - すべての文字が同時に変更されます
  • 0% - 各文字が独立して変更されます

時間的フェーズ

文字ごとにタイミングオフセットをランダム化します

タイミングにバリエーションを追加します

試すことができる一部の例を以下に示します。

フォント軸設定

ウィグリーセレクター設定

追加設定

結果

ジッタリーウェイトエフェクト

ウェイト:400(レギュラー)

  • 最大量:100%
  • 最小量:-100%
  • ウィグル/秒:5
  • 相関性:0%
  • フォント軸ウェイト:200(ライトからボールドの範囲)

各文字の太さがランダムに独立して変動

ブリージング幅

幅:100%(ノーマル)

  • 最大量:50%
  • 最小量:-50%
  • ウィグル/秒:
  • 相関性:80%

テキストが波状に穏やかに拡張/収縮

エクスプレッションセレクター

JavaScript 式を使用して、どの文字に影響を与えるかを数式ベースで精密に制御できます。は重要なプロパティです:

  • 式は文字ごとのエフェクトの強度を制御する値を返す
  • 文字のインデックス、位置、時間などにアクセスすることができる

試すことができる一部の例を以下に示します。

エクスプレッション(量)

アニメーター軸

結果

文字位置に基づく太さ

// エクスプレッションセレクターの量プロパティ内:
linear(textIndex, 1, textTotal, 0, 100)
  • フォント軸の太さ:900

最初の文字が最も薄く、最後の文字が最も太い、線形グラデーション

振動する傾斜

// エクスプレッションセレクターの量プロパティ内:
Math.sin(time * 3 + textIndex * 0.5) * 50 + 50
  • 傾斜:-15

傾斜の波が正弦波のパターンでテキストに表示されます

After Effects で使用できる他の多くの式変数と共に、よく使用される式変数の一部を以下に示します。

  • textIndex - 現在の文字インデックス(1 ベース)
  • textTotal - 文字の総数
  • time - 現在のコンポジション時間

複数のセレクターの組み合わせ

複雑なエフェクトのために、単一のアニメーターに複数のセレクターを追加することができます。

  1. タイムラインパネルでアニメーターを展開します。

  2. アニメーター名の横にある追加   ドロップダウンを選択します。

  3. 次の使用可能なオプションからセレクタータイプを選択します。

    • 範囲セレクター
    • ウィグリーセレクター
    • エクスプレッションセレクター

    新しいセレクターが追加され、既存のセレクターと組み合わされます。の調整値は乗算されます。例えば、範囲セレクター50%ウィグリーセレクター80%を乗算すると、最終的なエフェクトは 40%となり、ランダムなバリエーションを含むレイヤー間のスムーズなトランジションが可能になります。

範囲セレクターウィグリーセレクターを組み合わせて、微妙なランダムジッターを含む大胆な波エフェクトを作成し、バリエーションを含むスムーズな波を実現できる例を以下に示します。

コンポーネント

設定

アニメーター 1

  • フォント軸ウェイト:900

範囲セレクター 1

  • 開始:0%
  • 終了:30%
  • オフセット:-30% → 120%のアニメート
  • シェイプ:スムーズ

ウィグリーセレクター 1

  • 最大量:20%
  • 最小量:-20%
  • ウィグル/秒:3

高度なテクニック

異なる文字範囲に様々なエフェクトを作成します。2 つの例を以下に示します。

アニメーターの設定

セレクターの設定

最初の文字は太字、残りは通常の文字

フォント軸の線幅:900(黒)

範囲セレクター

  • 基準:文字
  • 開始:
  • 終了:1
  • 単位:インデックス

ウェイトを交互に

アニメーター 1(奇数文字):

  • フォント軸のウェイト:700
  • エクスプレッションセレクターの量:(textIndex % 2) * 100

アニメーター 2(偶数文字):

  • フォント軸のウェイト:300
  • エクスプレッションセレクターの量:((textIndex + 1) % 2) * 100

奇数/偶数文字を制御する 2 つの式セレクター

エクスプレッションを使用して軸の値を他のアニメーションプロパティにリンクします。考慮できる 2 つの例を以下に示します。

1. 位置による線幅は、レイヤーの垂直位置に基づいてテキストの線幅を変更します。

// フォント軸のウェイトプロパティ内:
linear(transform.position[1], 0, thisComp.height, 300, 900)

2.幅がオーディオに反応は、テキストの線幅の幅がオーディオの振幅に反応するようにします。

// フォント軸の幅プロパティ内:
audioLevel = thisComp.layer("Audio Layer").audio.audioLevels;
linear(audioLevel[0], -48, 0, 75, 150)

テキストレイヤー間でアニメーターをコピー&ペーストには、タイムラインパネルでソースレイヤーを展開し、目的のアニメーターを選択してコピー(CtrlCmd + C)し、ターゲットテキストレイヤーを選択してペースト(CtrlCmd + V)します。

考慮すべき点がいくつかあります。

  • 軸アニメーターは、ターゲットフォントに同じ軸がある場合にのみ移行されます。
  • ターゲットフォントに軸がない場合、ソースの軸がペーストされます。
  • ある軸から別の軸に貼り付けることはできません。
  • 範囲ウィグリーセレクターは正しくコピーされます。
  • キーフレームは保持されます。

テキストレイヤーに複数のフォント(混合書式設定)が含まれている場合。テキストアニメーターの場合:

  • アニメーターは、各文字のフォントに基づいて文字ごとに軸の変更を適用します
  • 文字のフォントに軸がない場合、その文字は影響を受けません
  • 範囲セレクターは引き続き文字範囲を対象としますが、効果はフォントによって異なります

簡単な例を以下に示します。

  • テキスト:「Hello」(混合フォント)
    • 「He」はバリアブルフォント A(太さ軸あり)を使用
    • 「llo」はバリアブルフォント B(太さ軸なし)を使用
  • Animator:フォント軸の太さ - 900
  • 結果:「He」は太字になり、「llo」は変更されません

Adobe, Inc.

ヘルプをすばやく簡単に入手

新規ユーザーの場合