[Illustrator] テキストをアウトラインせずに天地中央に配置する

イメージのように天地中央に配列したい…

Adobe Illustratorを使用している時に、テキストをそのまま天地中央に整列をさせてもうまく中央に配置されません。原因は、テキストボックスがもつ英字の小文字で下に突き出る部分のディセンダーによる下のマージンがあることで起こっています。

ベースラインから下にあるディセンダー部分のマージンが存在する

これを解決する一つの方法は、アウトラインをかけてしまうことです。しかし、アウトラインする方法では、その後テキストの修正をしたいとき時にすぐに対応することが難しく、あまり良い方法とは言えないでしょう。

アピアランスを利用する

そこで、アピアランスを利用して、テキストを編集可能な状態を維持して天地中央に配置できるようにする方法を紹介します。

アピアランスパネルから「パスのアウトライン」を選択する

アピアランスパネル > 新規効果を追加 > パス > パスのアウトライン

※アピアランスパネルが画面表示されていない場合は、ウィンドウ > アピアランス

上記の効果を追加することで、ディセンダーによるマージンが消え、本来のテキストの高さで表示されます。もちろん、テキストも編集することが可能です。

テキストボックスに下のマージンが消えていることがわかる

石井秀幸@WEBデザイナー
WordPress公式『横浜 WordPress Meetup』主宰/株式会社ノクチ基地 取締役/モンゼンクリエイティブ合同会社 代表。WEB制作に関する技術や役立つ情報を発信していきます。10年にわたるWordPress歴を背景に、幅広いアイデアを形にするお手伝いをしています。