イラレで文字間隔(カーニング)を整える方法とポイントをプロが解説

Illustrator(イラレ)では文字間隔(カーニング)を整えることができます。

デザインを良く魅せるためには、この文字間隔(カーニング)は必須だと思います。

それほどデザインをする上でカーニングは重要なので、文字間隔(カーニング)の調整のやり方と、調整する際のポイントなどを踏まえて解説していきます。

カーニングとは

なぜ、カーニングが必要になるかというと、１文字、１文字の持つ余白や空間はそれぞれ違います。そのため、隣合う文字の組み合わせによって視覚的に間隔がバラついてバランスが悪く見えてしまうためです。

隣合う文字の組み合わせによっては、気にならないこともあるため、都度、的確な場所に的確な調整を入れる必要があります。

これは人間の目の錯覚によるところも大きく、スペースが空いていないのに、空いて見える感覚を人間が見たときに自然に見えるよう調整するのがデザイナーの役目でもあります。

カーニングと間違いやすいのが「トラッキング」です。

トラッキングとは、選択したテキスト全体の文字間隔を調整することです。カーニングとは微妙に意味合いが違ってくるので、分けて考えてください。

イラレで文字間隔(カーニング)を整える方法

Illustrator(イラレ) で文字間隔(カーニング)を整える場合は、２段階のステップを踏みます。

自動で文字間隔(カーニング)を整える方法

まず、「文字パネル」を使って自動で文字間隔(カーニング)を整えます。

用意されたベタ打ち文字を選択して、文字パネルを開きます。

文字パネルで文字間隔(カーニング)に関する部分は５つです。

この５つを調整します。

これである程度自動で文字間隔を整えることができました。

特にカーニングの設定を「オプティカル」にすることをおすすめします。

あくまで私のよく使うおすすめの設定なので、細かい数値や設定は状況に合わせて変えてください。

この設定で個別にカーニングの必要がない場合は、このままでもOKです。

文字パネルの基本的な使い方は、こちらの記事で解説していますので、もっと詳しく知りたい方は是非参考にしてください。

個別で文字間隔(カーニング)を整える方法

さらに個別で文字間隔(カーニング)を整える方法をご紹介します。

調整したい文字と文字の間を選択して、optionキーを押しながら◀︎ or ▶︎で調整します。縦書きのテキストの場合はoptionキーを押しながら▲ or ▼で調整します。

このように、１文字１文字微調整ができました。

イラレで文字間隔(カーニング)を整えるポイント

カーニングは感覚的な要素が多く、きっちりとした決まりはありません。それゆえ、どこをどれくらい調整していいか初心者の方にはわかりづらいと思います。

ですので、これから挙げるポイントはカーニングをする際の指針として覚えてください。必ずしもこれが正解という意味ではありません。

句読点の前後はカーニングが必要

文章を効果的に区切ることが出来る「句読点」は文字的要素が少ないため、空いて見えることが多いです。

「、」「。」「・」などは全体のバランスを見ながら文字間隔をツメる必要があります。

ただし、句読点は文章を区切り見やすく、読みやすくする機能も持っていますので、やりすぎは逆効果です。

あくまで自然に見えて空きすぎていない程度にしてください。

数字と漢字の組み合わせ時にはカーニングが必要

数字と漢字の組み合わせ時にはカーニングが必要になる場合が多いです。特に、数字が２桁以上になる場合などは文字ツメが必要になります。

しかも意外とこの組み合わせは使用頻度が高いです。

数字はアテンションの効果があり、デザインでも強調することが多いため、見出しやキャッチコピーなど目立つ場所に採用されることが多いので、カーニングは必須とも言えます。

文字の余白の偏りが対になる組み合わせ時は要注意

文字にはそれぞれ特有の余白があります。文字によってはこの余白に偏りがある場合もあります。その余白の偏りが対になる組み合わせ時には、不自然なバランスが生まれることもあり得ます。

このように余白の偏りが対になる場合はそこに思わぬスペースが生まれるため、文字間隔の調整が必要になってきます。

文章のまとまりごとにカーニング値を変える

文章は基本的に自立語(それだけで意味が分かる単語)と付属語(それだけでは意味がわからない単語)でできています。この自立語と付属語でカーニング値を変えることでより見やすく自然な文字間隔にすることができます。

このように自立語である「今日」や「青かった」などは１つの意味を持つまとまりとして見えるように、文字間隔を狭めます。

逆に付属語である「は」や「も」は文字間隔を広めにとります。

イラレ の文字間隔(カーニング)を整える方法まとめ

Illustrator(イラレ)で文字間隔(カーニング)を整える方法と意識するポイントをご紹介しました。

文字間隔(カーニング)を整えるだけでもデザインされた文字として、それだけで様になります。

逆にカーニングされていない文字を見たときに、違いがはっきりとわかり、調整したい！と思えるほど身に付いていることがデザインをする上では理想です。

経験を積んでいけば、自然とそうなっていくと思いますので、感覚を養うためにも文字間隔(カーニング)の調整は常に意識してください。

もっと文字やフォントについて詳しく勉強したい方は「フォントに特化した本」をおすすめします。文字間隔(カーニング)だけでなく、文字に関して総合的な知識が身に付きます。