縦横比
最終更新日 :
2026年1月21日
バリアブルフォント軸について説明し、柔軟なデザインとスムーズなアニメーションを作成するための一般的な登録軸について理解を深めます。
バリアブルフォント軸の概要
バリアブルフォント軸のサポートにより、After Effects 内で直接 OpenType バリアブルフォントに組み込まれたデザインバリエーションにアクセスし、アニメーション化できます。 バリアブルフォントは単一のフォントファイル内に複数のスタイルを含み、ウェイト、幅、スタイルバリエーションごとに個別のフォントファイルを必要とせずに、タイポグラフィを正確にコントロールできます。
- きめ細かいコントロール：固定のウェイトやスタイルではなく、連続した値でタイポグラフィを調整できます。
- スムーズなアニメーション：ダイナミックなテキスト効果のためにフォントバリエーションをキーフレーム化できます。
- 文字単位のコントロール：テキストアニメーターを使用して個々の文字に異なる軸値を適用できます。
- ファイル効率：1 つのバリアブルフォントファイルで数十の個別フォントファイルを置き換えることができます。
バリアブルフォント軸を追加したら、テキストアニメーター内のプロパティとして追加し、セレクターを使用してその影響をカスタマイズし、ExtendScript でコントロールすることで作業できます。
ヒント
バリアブルフォント軸を使用したデザイン、テキストアニメーションの効率的な設定、アニメーションワークフローの最適化に関する推奨プラクティスについて説明します。
バリアブルフォントについて
バリアブルフォントは、1 つ以上のバリエーションの軸を含む OpenType フォントです。 各軸はデザインバリエーションの次元を表し、事前定義されたフォントスタイルに制限されることなく、連続的にコントロールできます。
従来のフォントとバリアブルフォントの違い
|
|
従来のフォント |
バリアブルフォント |
|---|---|---|
|
ファイル構造 |
各スタイルは個別のフォントファイル（標準、太字、細字、斜体など） |
単一のフォントファイルにすべてのバリエーションを含む |
|
スタイル範囲 |
離散的なステップに制限されます。 例：ウェイト：100、200、300…900 |
連続した値の範囲。 例：ウェイト：100.0 から 900.0 |
|
トランジション |
スタイルを切り替えるにはフォントを変更する必要があります。 |
任意の値間のスムーズなトランジションを実現します。 |
|
柔軟性 |
フォントごとに 1 つの軸のみ。 例：ウェイトまたはイタリック。 |
複数の軸を同時に組み合わせることができます。 例：ウェイト + 幅 + 傾斜。 |
バリアブルフォント軸の理解
一般的な登録軸
これらは OpenType 仕様で定義された標準化された軸です。 ほとんどのバリアブルフォントには、以下の 1 つ以上が含まれています：
|
軸名 |
コントロール |
一般的な範囲 |
一般的な値 |
使用例 |
|---|---|---|---|---|
|
線幅（wght） |
線の太さと大胆さ |
100 – 900 |
|
|
|
幅（wdth） |
文字の水平方向の圧縮と拡張 |
50% – 200% |
|
|
|
傾斜（slnt） |
斜体と斜め傾斜の角度 |
0° から -15°
メモ
負の値は右に傾き、正の値は左に傾きます（一般的ではありません）。 |
0°直立、-15°傾斜 |
|
|
イタリック（ital） |
ローマン体と斜体の文字形状 |
0 – 1
メモ
傾斜とは異なり、実際の文字のシェイプが斜体形状に変更されます。 |
0ローマン、1イタリック |
|
|
オプティカルサイズ（opsz） |
様々なディスプレイサイズに合わせて文字形状を最適化 |
6pt から 144pt（フォントによって異なります） |
|
|
あまり一般的ではない登録軸
以下の軸は OpenType 仕様の一部ですが、あまり頻繁に実装されていません。
|
軸名 |
コントロール |
一般的な範囲 |
使用例 |
|---|---|---|---|
|
グレード（GRAD） |
幅を変更せずにストロークの太さを調整 |
-1～1 またはフォント固有 |
|
|
セリフ（SERF） |
サンセリフスタイルとセリフスタイルのブレンド |
0（サンセリフ）～1（セリフ）またはフォント固有 |
|
|
小文字の高さ（XHGT） |
小文字の高さ（x-ハイト） |
フォント固有 |
|
|
すべて大文字の高さ（YTAS） |
アセンダーに対するすべて大文字の高さ |
フォント固有 |
|
|
カウンター（XTRA） |
文字内のスペース（カウンタースペース） |
フォント固有 |
|
カスタムフォント固有の軸
多くのバリアブルフォントには、4 文字の大文字タグが付いた独自の軸が含まれています。 これらの軸は特定の書体に固有のもので、クリエイティブなデザインバリエーションを可能にします。
人気の変数フォントの例
|
軸タグ付きの名前 |
説明 |
|---|---|
|
INFM（インフォーマリティ） |
カジュアルな書体とフォーマルな書体 |
|
BNCE（バウンス） |
文字のプレイフルな垂直オフセット |
|
SPAC（間隔） |
レター間隔制御 |
|
FILL（塗り） |
アウトライン文字と塗りつぶし文字 |
|
LINE（線の太さ） |
アウトラインの太さ |
|
BACK（背景） |
背景シェイプの太さ |
|
RECT（矩形度） |
丸い形状と四角い形状 |
|
ELSH（要素のシェイプ） |
代替シェイプバリエーション |
|
CASL（カジュアル） |
フォーマルスタイルとカジュアルスタイル |
|
MONO（等幅） |
プロポーショナル vs. 等幅 |
|
SOFT（ソフトネス） |
シャープな角と丸みを帯びた角 |
|
WONK（ワンキー） |
ストレートとプレイフル／変形 |
メモ
カスタム軸はフォント間で完全に異なります。 特定のフォントのカスタム軸を理解するには、必ずそのフォントのドキュメントを確認してください。
