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|3Dとマテリアル

イラストレータの3Dが復活! しかもパワーアップして戻ってきました!  バージョンいくつの時だったろう。Dimensionが出てきて、Illustratorに3...

右横文字のアイキャッチ画像

はたらくクルマの“右横書き”に見る、風習や習慣の変化について。

トラックや業務用車両の右側面によく見かける、右から左に向かって書かれている「右横書き」の会社名。どう考えても、誰にとっても読みにくい(はず)。「どうして右から左...

【CSS】比率指定にも使える!heightとpadding、marginの計算方法

前回、calc計算で100vwを基準にすれば画像や要素の比率が維持できるというお話をしました。 要素のアスペクト比(縦横比)を維持する方法 しかしPCとなると話...

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

Illustrator|3Dとマテリアル

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

Dreamweaver|ライブラリのリンク

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

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

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

Brackets|サポート終了

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