この記事は2分で読めます

【Illustrator】カーニングとトラッキングを使いこなそう

  • 投稿日
  • 更新日

あとで読む

【Illustrator】カーニングとトラッキングを使いこなそう

カーニング、トラッキングとは、文字と文字の隙間を調整することを指します。
文字の隙間を調整することで見やすい文章になるのはもちろん、美しいデザインをつくる事が出来ます。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

準備

まずは、カーニング、トラッキングする文章を用意します。

カーニング

カーニングから行ってみましょう。
カーニングとは文字と文字の隙間をひとつずつ調整することです。文字の隙間を細かく調整出来ます。

はじめに、「文字パネル」を開きます。
文字と文字の間隔部分をクリックして、「文字パネル」のカーニング欄に数値を入れます。

ショートカットでもカーニングを行うことが出来ます。

Mac Option

Win Alt

数値を200でカーニングを行ってみました。文字と文字の隙間が変化しています。

トラッキング

次にトラッキングを行いましょう。
トラッキングとは文章全体の文字の間隔を調整することです。全体をまとめて調整することが出来ます。

はじめに、「文字パネル」を開きます。
文章を全て選択して、「文字パネル」トラッキング欄に数値を入れます。
ショートカットはカーニングと同様です。

Mac Option +

Win Alt

数値を200でトラッキングしました。文章全体の文字の隙間が広くなったのがわかるでしょうか?

まとめ

上記のテクニックを使い、文字の隙間を均等に調整しました。修正前と修正後を比較してみましょう。

いかがでしたでしょうか?
カーニング、トラッキングで文章の見た目にひと手間加えることで、より美しいデザインを仕上げることが出来ます。
バナー作成やグラフィック作成に役立つテクニックです。是非活用してみて下さい。

この記事を書いた人

Ke
Ke

webデザイナーになるべく勉強中!現在グラフィックデザインのお仕事をしています。お絵描きやものづくりなど、手を動かすことが好き。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須