チュートリアル記事

初級

2 分

バリアブルフォントを使用してテキストにスタイルを設定する方法

バ⁠リ⁠ア⁠ブ⁠ル⁠フ⁠ォ⁠ン⁠ト⁠を使⁠用⁠す⁠る⁠と⁠、デ⁠ザ⁠イ⁠ン⁠を⁠す⁠ば⁠や⁠く⁠正⁠確⁠にカ⁠ス⁠タ⁠マ⁠イ⁠ズ⁠で⁠き⁠ま⁠す⁠。Adobe Fonts⁠ラ⁠イ⁠ブ⁠ラ⁠リ⁠に新⁠た⁠に⁠追⁠加⁠さ⁠れ⁠た150⁠を⁠超⁠え⁠る⁠フ⁠ォ⁠ン⁠ト⁠に⁠よ⁠り⁠、こ⁠れ⁠ま⁠で⁠以⁠上⁠に⁠選⁠択⁠肢⁠が豊⁠富⁠に⁠な⁠り⁠ま⁠し⁠た⁠。

必要なもの

注意:このファイルはデスクトップでの利用を想定して作成されています。リンクを共有して後でアクセスしてください。

可能性を秘めたフォント

バリアブルフォントを使用すると、ファミリーのスタイル全体を1つのファイルで管理できるので、適切な外観になるまでカスタマイズすることができます。

バリアブルフォントを選択する

Adobe Fonts のwebサイトにアクセスします。「すべてのフォントを参照」を選択し、「フォント技術」の下のカテゴリタグを使用して、利用可能なバリアブルフォントを表示します。フォントを選択したら、トグルボタンをクリックするだけでフォントがアクティベートされます。

ヒント:Adobe Fonts は、モバイルやデスクトップデバイスからアクティベートできます。Adobe Creative Cloudは現在、Illustrator、Photoshop、InDesignでバリアブルフォントをサポートしています。

プリセットから始める

次に、Adobe Illustratorでデザインファイルにアクセスします。テキストを選択し、新しく同期したバリアブルフォントに設定します。バリアブルフォントには、ファミリーのスタイル全体が1つのファイルに含まれています。プロパティ/文字に移動して、ドロップダウンメニューからプリセットスタイルを選択します。

好みのスタイルにカスタマイズする

バリアブルフォントを使用すると、各プリセットスタイルをさらにカスタマイズできます。これらのスライダー設定にアクセスするには、「バリアブルフォント」アイコンをクリックします。バリアブルフォントが異なると、設定も異なります。ここに表示されている「Snug」の場合、文字の高さ、幅、太さを調整できます。プロジェクトに最適なスタイルにカスタマイズしてください。

スタイルを維持する

1つのバリアブルフォントには多くの可能性があります。テキストスタイルを様々に調整して、異なるスタイルがデザインのトーン、雰囲気、個性にどのように影響するかを探求しましょう。


Illustrator でこれらのチュートリアルをお試しください

ベクターを使用してイラストやグラフィックを作成