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

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

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

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

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

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

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

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


Figmaで画像からカラーパレットを生成するプラグイン「Image Palette」
iPhoneのスクリーンショットをIllustratorにペーストすると、色がおかしくなってしまう現象の解決方法
Sketchの図形周りの基本操作|図形の作成方法から描画に関する細かい部分まで
Figmaでモックアップをすばやく作成する「Mockuuups Studio」
Figmaのパス周りの基本操作|基本的な描画方法からペンツールと直線ツールの細かい違いまで
Figmaのプロトタイプ機能の基本|作成したデザインに実際に画面遷移を設定する
Figmaで簡単に波の素材を生成するプラグイン「Get Waves」
Figmaで企業やサービスのブランドロゴやカラーをすぐ参照できるプラグイン「Brandfetch」
ブラウザ上で動作するデザインツール「Figma」のアカウント作成から必要最低限の設定
Figmaのフレームを一瞬で整列するプラグイン「LilGrid」
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法