【デザイン学生必見！】
ポートフォリオをゼロから作ろう！

【InDesign】バリアブルフォントの使い方を徹底解説

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

InDesign（インデザイン）でバリアブルフォントを使用・編集する方法やバリアブルフォントを追加する方法をインデザ初心者の方に詳しく解説します。
表現の幅を広げたい方、インデザインをより効率的に活用されたい方は必見ですよ！

バリアブルフォントとは？

上記の様にフォントの太さや字幅、傾き加減などがスライダーで自在に編集できるのがバリアブルフォントです。InDesignを使ったクリエイティブの表現をより豊かにできる便利な機能を使いこなしましょう！

バリアブルフォントの使い方

それではInDesign（インデザイン）でバリアブルフォントを使う方法を解説します。
インデザ初心者の方でも活用できますよ！

InDesignを導入しましょう
当記事の内容を実践するにはInDesign（インデザイン）が必須です。
未導入の方はInDesign公式サイトでダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
STEP.1
バリアブルフォントを入力
[ 文字ツール ] でお好きな文字を入力します。

サンプルのバリアブルフォントは [ Actum Variable Concept ] を利用しました。なお、[ 百千鳥 VF ] は日本語でオススメのバリアブルフォントですよ。
STEP.2
バリアブルフォントを編集
[ 文字パネル ] を表示します。

※非表示の場合は [ ウィンドウ ] → [ 書式と表 ] → [ 文字 ] で表示可。
ショートカットは [ Ctrl + T ] (Mac：⌘ + T)
バリアブルフォントを選択すると専用のバリアブルフォントのボタンが表示されます。

[ Weight ] 、[ Width ] 、[ Slant ] の三項目が設定できます。（使用するバリアブルフォントによって項目は変わります。）
スライダーを動かすとフォントの太さや字幅、欧文イタリックなどが自在に編集可能です。
STEP.3
バリアブルフォントの見分け方
バリアブルフォントは [ VAR ] と記載されています。なお、デザインの幅が広がる便利なバリアブルフォントの追加方法は次で解説しています。

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

STEP.1
アドビフォントにアクセス
アドビフォントにアクセスし、すべてを参照のタブをクリックすると左にフィルターメニューが表示されます。
[ フォント技術 ] → [ バリアブルフォント ] をクリックすると全てのバリアブルフォントが表示されます。

※コチラのリンクからバリアブルフォントへアクセスできます。
STEP.2
ファミリを追加したら完了
フィルター内の [ 言語および文字体系 ] → [ 日本語 ] を追加するとバリアブルフォントに対応した日本語フォントのみ表示できます。あとは追加したいバリアブルフォントの [ ファミリーを追加 ] をクリックすれば完了、自動的にIllustratorへバリアブルフォントが追加されます。
フォントの品揃えが非常に良いのでアドビフォントだけで事足りますよ。
STEP.3
バリアブルフォントは便利
下記はよく使うゴシック体と明朝体のバリアブルフォントです。定番フォントなので入れておく事をオススメしますよ！

[ 百千鳥 VF ]
[ 源ノ角ゴシック – 日中韓 日本語 バリアブル ]
[ 源ノ明朝 – 日中韓 日本語 バリアブル ]。

商用利用可能な高品質テンプレート

商用利用ができる高品質なデザインテンプレートを厳選しました！
制作時間を大幅に短縮でき、尚且つ品質の向上が可能な優秀な素材ばかりです。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差をつけてより高みを目指してみませんか？
デジタル媒体向けポートフォリオテンプレ素材35選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップの練習をする上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能！
様々なフライヤーのテンプレート50選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート50選

良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！
クリエイティブ業務で使える優良素材まとめ
【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

ワンランク上のテンプレート素材

プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

InDesignで編集可能なINDT形式で作られた雑誌のテンプレートです。短時間で高品質なページ物のレイアウトが作成できる優れもの！全て商用利用可能です。
高品質な雑誌のレイアウトテンプレート30選

フライヤーでよくある二つ折りのテンプレートを厳選しました。ゼロから作ると時間がかかる二つ折りパンフレットですが、テンプレートを活用すれば文字と画像をはめ込むだけ！
【商用可】二つ折りパンフレットのテンプレート50選

シンプルで使いやすい白黒のポートフォリオテンプレートです。豊富なレイアウトパターンが収録されているので初めてポートフォリオを作られる方にもオススメですよ。もちろん商用利用可能！
高品質な白黒のポートフォリオテンプレート42選

写真をはじめとしたアート作品を掲載するのにピッタリなフォトブックテンプレートです。印刷用途、PDF化、どちらにでも使える便利なテンプレートばかりです。
【商用可】高品質なフォトブックテンプレート24選

お洒落で高品質なカフェメニューのデザインテンプレートを厳選しました。ペライチ、二つ折り、三つ折りなど、よくある高品質なカフェメニューがあっという間に作成可能です。
【商用可】高品質なカフェメニューのテンプレート48選

良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！
【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について
クリエイティブ業務で使える優良素材まとめ

おわりに

以上、InDesign（インデザイン）でバリアブルフォントを使う方法や追加する方法についてでした。
フォントの太さや字幅、欧文イタリックなどがスライダーで自在に編集できるバリアブルフォントはデザインの表現を大幅に広げる事ができます。

雑誌やポートフォリオといったページ物の作成に欠かせないInDesignの機能をより豊かにできるバリアブルフォントを使いこなし、更にクリエイティブを加速させてください！

ではまた！

Illustratorは活用されていますか？
Photoshopだけでなく、Illustratorも活用されているでしょうか？
まだIllustratorを導入されていない方はAdobe公式サイトから入手できます。
なお、学生や教職員の方は公式サイトの学割コンプリートプランが最強にお得！
Illustratorの使い方はゼロから始めるIllustratorで徹底解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！

前の記事

【InDesign】テキストから画像生成などの生成AI系機能を…

次の記事

【InDesign】汎用性抜群のポートフォリオテンプレート20…