doors doors

Illustrator|整列とトラッキン...

  • HOME
  • TRY
  • Illustrator|整列とトラッキング

Illustrator|整列とトラッキング

テキストのトラッキング設定によっては注意が必要

アートボードと整列パレットの組み合わせで、早く正確に位置を調整できることをお伝えしました。(詳しくはこちら)
テキストオブジェクトも容易に調整ができるので便利なのですが、今回はテキストのトラッキング設定によっては注意が必要なことをお伝えします。

カーニングとトラッキング

Illustratorには文字間調整のため「段落」パレットに、1文字ずつの間を調整するカーニングと選択した文字の間を調整するトラッキングという機能があります。
書体がオープンタイプであればフォント自体にカーニング情報があるので、OpenTypeパレットのプロポーショナルメトリクスをチェックすることでほぼカーニングの調整は完了します。(CIDもあったように記憶していますが・・・)

デザインにおける文字間

プロポーショナルメトリクスをチェックすると、きっちり「文字詰め」をしてくれるので、ありがたい反面緊張感がありタイトルには不向きです。
そこで、前述のカーニングまたはトラッキングを使用しますが、全体を均等に空けたい場合は迷わずトラッキングに数値を入力すると思います。このトラッキング設定に注意が必要です。

実はズレている

図のテキストはいずれもプロポーショナルメトリクスにチェックが入っています。
1段目:カーニング・トラッキング「0」
2段目:カーニング「0」・トラッキング「300」
3段目:最後の文字「。」を除いて選択した状態でカーニング「0」・トラッキング「300」
としています。

いずれも整列パレットでアートボードに対して中央揃えを設定しました。
わかり易く、センターを赤色にしています。
1段目と3段目は「による」の右端がセンターラインについていますが、2段目は左に少しズレています。2段目と3段目はどちらもトラッキングに「300」という数値を入れていますので1文字ずつの間は同じ空き方をしています。
2段目の全体が左にズレていることが分かるでしょうか。

最後の文字は含めない

文字を選択した状態だとよく分かると思います。最後の文字「。」を含めてトラッキングした2段目は「。」の右側に「300」という数値が入っています。
この数値があるために全体が左にズレてしまいます。
それを解消するために最後の文字を含めず、トラッキングの設定をすることで、全体を中心に揃えることができます。
少しの手間ですが、タイトルのような目立つところには気を配りたいですね。

関連記事

Illustrator|アピアランスでボタンを作る

イラストレータのアピアランスを使ってボタンを作る Illustratorのアピアランスを使った方法はボタンに限らず、いろいろな場面で活用できるのでおすすめです。...

doors 1f

【会社概要】ところでデザインスタジオドアーズって何者?

はじめまして。noumyonと申します。最近の流行りにのっかり、弊社もSNSやオウンドメディアに力を入れていこうということになりましてドキドキしながら投稿してお...

昔の携帯電話

レトロへのこだわりと現実との境界について

1つ前の記事で触れていた「ガチなバック・トゥ・ザ・フューチャーファン」とは僕のことかも・・・。 わりと古いものに愛着があります。なんでもかんでもという訳でもなく...

WEB:企業サイト、PRサイト、ランディングページ、バナー制作やCMS構築、モーショングラフィックス、VP、動画制作、パンフレット、ポスター、チラシ、DMなど制作から印刷・納品まで。 お気軽にお問い合わせください。

Illustrator|3Dとマテリアル

イラストレータの3Dが復活! しかもパワーアップして戻ってきました!  バージョ...

Dreamweaver|ライブラリのリンク

状況 Dreamweaverのライブラリを使用する場合で、トップページ(inde...

Brackets|サポート終了からその後・・・

Brackets|サポート終了からその後 結論からお伝えすると、今は「Brack...

Brackets|サポート終了

Brackets|突然、告げられるサポート終了 参りました・・・2021年9月を...