はじめに

Adobe Illustratorでテキストを入力したとき、文字の下に余白に悩まされたことはありませんか。
フォントの種類で余白の大きさは違いますが、特にNotoSansJPは、1文字分くらいの空きができます。

余白があると、テキストを上下中央に配置することができないため、位置調整に時間をとられてしまいます。
かといってアウトライン化すると、その後の修正ができなくなるというデメリットがあります。

そんなときは、「プレビュー境界」と「オブジェクトのアウトライン」機能を使えば解決できます。
この記事では、そのやり方や注意点について解説していきます。

テキストの下の余白を削除する方法

【STEP1】整列パネルを開く

まず、余白が気になるテキストを選択します。
次に画面左上部のメニューバーから「ウインドウ」 → 「整列」を選択し、整列パネルを開きます。

テキストの下に境界線がない場合

空白を消す作業では境界線が必要なため、ない場合は設定を変更します。

画面左上部のメニューバーから「表示」 → 「境界線を表示」を選び、境界線が表示されるようにします。

【STEP2】「プレビュー境界を使用」を選択

整列パネル右上の横3本線（ハンバーガーメニュー）をクリックし、「プレビュー境界を使用」にチェックを入れます。

【STEP3】アピアランスパネルを開く

画面左上部のメニューバーから「ウインドウ」 → 「アピアランス」を選択し、アピアランスパネルを開きます。

【STEP4】「オブジェクトのアウトライン」効果を適用させる

アピアランスパネル左下の「効果を追加」ボタン（fx.）をクリックします。

「パス」→「オブジェクトのアウトライン」をクリックし、効果を適用させます。

これで、文字の下の余白が消えました！お疲れさまでした。

まとめ

イラストレーターで文字の下の余白を消したいときは、「プレビュー境界」と「オブジェクトのアウトライン」機能を使いましょう。
ちょっとしたテクニックですが、うまく使って時間短縮に繋げたいですね。

様々な制作経験を生かし、あなたの良きパートナーになります。

カケルデザインは様々な業種・業界のサイト制作させていただいております。
その業務で得た経験を生かし、お客様に合わせた最良の提案・デザインを提供いたします。
お気軽にお問い合わせください。