Illustratorで文字をオブジェクトの上下中央揃えにする2つの方法

この記事の要約
- テキストを上下中央揃えにしたい場合は「アピアランスとプレビュー境界を使用する方法」と「移動パネルを使用する方法」の2種類があり、より正確なのは「アピアランスとプレビュー境界を使用する方法」
- 「アピアランスとプレビュー境界を使用する方法」
- 整列パネルで「プレビュー境界をオン」にする
- アピアランスで[パス]→[オブジェクトのアウトライン]を選択
- あとは、整列パネルで整列すればキレイに揃う
- 「移動パネルを使用する方法」
- 手動でテキストをオブジェクトの上から下まで移動
- command + shift + Mで移動パネルを表示
- 移動距離が入力されているので、先頭に「-(ハイフン)」を入力し、最後に「/2」をする
Illustratorでテキストをオブジェクトの上下中央に揃えたいとき、テキストエリアの下に空白があって、普通に整列パネルを使用してもキレイにそろいません。
それを回避する1番簡単な方法はテキストのアウトライン化なのですが、アウトライン化してしまうと後から修正が出来なくなってしまうので、使いたくありません。
今回は、テキストをアウトライン化をしないで、オブジェクトの上下中央揃えを実現する方法を2つご紹介します。
1.アピアランスとプレビュー境界を使用する方法
1つ目の方法はアピアランスとプレビュー境界を使用する方法です。
まずは普通に整列パネルを使用して中央揃えにしてみますが、少し上にズレてしまいます。

そこで、整列パネルの右上メニューから「プレビュー境界を使用」をクリックします(デフォルトではオフになっています)。

次にアピアランスパネルから「fx」と書かれたボタンをクリックし、[パス]→[オブジェクトのアウトライン]を選択します。
この「オブジェクトのアウトライン」は実際にアウトライン化するのではなく、あくまで「アウトライン化したことにする」効果をアピアランスでテキストに付けただけなので、文字の修正はできます。

これで準備はできました。
あとは普通に整列パネルから中央揃えにすると、きちんと真ん中に揃います。

2.移動パネルを使用する方法
2つ目の方法は移動パネルを使用する方法です。簡単に説明すると、オブジェクトの高さ分移動させて、その移動距離半分を反対方向へ移動させてやろうというやり方です。
まずは、テキストをオブジェクトの上辺から下辺へ移動します。一発で移動させるようにしてください。

次に移動パネル(Command + Shift + M)を表示させます。
垂直方向にさきほど移動した距離が入力されているので、先頭に「-(ハイフン)」を入力し、最後に「/2」を入力します。
Illustratorでは四則演算が出来るので、移動距離を半分にしているわけですね。そして移動した方向とは反対方向(マイナス方向)に移動させたいのでハイフンを付けます。

あとは「OK」を押せばテキストが上下中央に揃います。
あくまで手動でドラッグして行うので、完璧に上下中央とは言えませんが、こんな方法もあります。


ブラウザ上で動作するデザインツール「Figma」のアカウント作成から必要最低限の設定
Sketchの図形周りの基本操作|図形の作成方法から描画に関する細かい部分まで
今から始めるUIデザインツールSketch入門 Sketchの特徴と使う理由
Figmaで図形の分割をして簡単にレイアウトを作成する拡張機能「Split shape」
個人ブログにコメント欄は必要なのかどうか
Abstractで「Failed to open “○○”」「An unexpected problem occurred, try again?」と表示されるときに確認すること
Figmaでデザインデータを整理するときに役立つプラグイン「Clean Document」
Figmaで複数行テキストを1行ずつ分割するプラグイン「Nisa Text Splitter」
液体が垂れているような図形「流体シェイプ」の作り方
Figmaでチーム共有用のメモや注釈素材が使える「Annotation Kit 2.0」
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する