【Illustrator】文字ツールの使い方 テキストの書式設定やフォントや色の変え方を解説

Illustratorで文字を入力する方法や、テキストの色・大きさ・フォントを変更する方法を解説します。

初心者向けに、文字ツールの基本からテキストの編集、整列、アウトライン化まで順番に説明します。

Illustratorを持っていない人は、Illustratorの値段と安く買う方法も参考にしてください。

文字ツールの使い方

Illustratorで文字を入力するときは文字ツールを使用します。

短い文字を入力する「ポイント文字」と、決めた範囲に文章を流し込む「エリア内文字」では、枠を変更したときの動きが異なります。

文字ツールでテキストを入力する方法

ポイント文字とエリア内文字の違い

文字ツールでクリックして入力する文字はポイント文字です。

下の動画のように、文字ツールでドラッグして入力範囲を作るとエリア内文字になります。

エリア内文字は枠の幅に合わせて自動で折り返されるため、本文や説明文など長い文章に向いています。

ポイント文字とエリア内文字の違いは次のとおりです。

動作	ポイント文字	エリア内文字
作成方法	文字ツールでクリック	文字ツールでドラッグ
文字入力時	入力した分だけ文字列が伸びる	枠の幅に合わせて自動で折り返す
選択ツールで枠をドラッグ	文字全体を拡大・縮小	入力エリアの大きさを変更
主な用途	見出し・短い文字	本文・説明文・長文

枠に入りきらない文字は非表示になります。文字サイズが自動で小さくなって全文が収まるわけではありません。

この状態をオーバーフローと呼び、テキストボックスの出力ポートに赤い「＋」が表示されます。

枠を広げる、文字サイズを下げる、行間を調整するなどして、全文が表示されるようにします。

文字の一部を編集したり、部分的に削除する

文字オブジェクト全体だけでなく、一部分だけを選んで書式や文字内容を変更できます。

文字ツールTで編集したい範囲をドラッグすると、その文字列だけが反転して選択されます。

選択した状態で文字サイズや色、フォントを変更すれば、一部分だけ書式を変えられます。文字を入力し直したり削除したりすることもできます。

カーソルを表示した状態でShiftキーを押しながら← →を押すと、選択範囲を1文字ずつ広げたり縮めたりできます。

テキストを縦書きにする

ツールバーの文字ツールを長押しし、文字（縦）ツールを選ぶと縦書きできます。

文字（縦）ツールでアートボード上をクリックすると、縦書きのポイント文字を入力できます。

横書きの文字ツールを選択した状態でShiftキーを押しながらクリックしても、縦書き入力に切り替えられます。

文字の色・サイズ・フォントを変更する

文字を入力した後は、色、サイズ、フォント、行間、文字間などを変更できます。

文字サイズやフォントなどの基本的な書式は、プロパティパネルや文字パネルから設定します。

テキストの色を変える

文字色を変更するときは、変更したい文字を選択して塗りの色を変更します。

変更したい範囲に合わせて、文字の選択方法を使い分けます。

ツールバーの塗り、カラーパネル、スウォッチパネルなどから色を指定できます。

色が変わらない場合

文字色が変わらない場合は、次の3点を確認します。

アピアランスで別の塗りを重ねている場合は、下にある塗りを変更しても見た目に反映されないことがあります。

塗りを重ねる仕組みや設定方法は、Illustratorのアピアランス機能で詳しく解説しています。

文字サイズを変える

文字サイズは数値で指定する方法と、文字全体をドラッグで拡大・縮小する方法があります。

プロパティの数値で文字サイズを変更

プロパティパネルの「文字」にある文字サイズの数値を変更します。

プロパティパネルが表示されていない場合は、ウィンドウ→プロパティで表示できます。

下図のように、コントロールパネルやコンテキストタスクバーから文字サイズを変更することもできます。

バウンディングボックスで文字サイズを変更

ポイント文字は、選択ツールで表示されるバウンディングボックスをドラッグして文字全体を拡大・縮小できます。

エリア内文字では、通常のドラッグで変わるのは入力枠の大きさです。文字自体のサイズは、プロパティパネルや文字パネルで変更します。

選択しているのに枠が表示されない場合は、表示→バウンディングボックスを表示で表示できます。

文字サイズはいくつにすれば読みやすい？

読みやすい文字サイズは、掲載媒体、書体、読者、閲覧距離、周囲の余白などで変わります。

文字サイズの目安と考え方は、印刷物やWebデザインで読みやすいフォントサイズで詳しく解説しています。

フォントを変える

フォントはプロパティパネルや文字パネルのフォント名から変更できます。コントロールパネルやコンテキストタスクバーからの変更も可能です。

フォント名の一覧を開き、使用したいフォントを選択します。フォント数が多い場合は検索やフィルターで絞り込みます。

Adobe Fontsからフォントを追加する

フォントブラウザーの「もっと探す」タブから、Adobe Fontsのフォントを探して追加できます。

Illustratorの有料デスクトップアプリプランでは、Adobe Fontsを追加料金なしで利用できます。利用できるフォントの範囲は契約形態によって異なります。

フォントの追加方法や利用条件は、Adobe Fontsの使い方で詳しく解説しています。

文字を太字にする

フォントに太字のスタイルが用意されている場合は、フォントスタイルから太めのウェイトを選びます。

太さの表記には「Bold」「Semibold」「Black」「W6」「W9」などがあります。スタイル名や用意されている太さはフォントによって異なります。

太字スタイルがないフォントでは、文字と同じ色の線を追加して太く見せる方法もあります。

ただし、線を太くすると字形や文字間が崩れやすくなります。太字スタイルがある場合はそちらを優先してください。

テキストを斜体にする

フォントに「Italic」や「Oblique」などの斜体スタイルがある場合は、フォントスタイルから選択します。

斜体スタイルがないフォントでも、シアーツールを使って文字を傾けることはできます。

シアーツールで傾ける手順は次のとおりです。

1. 選択ツールで文字オブジェクトを選択する
2. シアーツールを選択する
3. ドラッグして文字を傾ける

シアーは文字の形を傾ける操作です。フォント本来のItalicとは異なるため、字形が不自然にならない範囲で調整します。

行間・文字間を変える

行間や文字間は、プロパティパネルや文字パネルの次の項目で変更できます。

数値を小さくすると間隔が狭くなり、大きくすると広くなります。

特定の2文字間だけを調整する操作はカーニングです。

文字と文字の間にカーソルを置き、Alt（MacはOption）を押しながら← →で細かく調整できます。

文字間を整える考え方は、カーニングのコツと考え方で詳しく解説しています。

文字の位置を揃える

Illustratorでは、テキストボックスの中で文字を揃える操作と、文字オブジェクト自体を整列する操作を使い分けます。

テキストの左揃え・中央揃え・右揃え

文字の左揃え、中央揃え、右揃えは、プロパティパネルの「段落」や段落パネルで設定できます。

エリア内文字では両端揃えや均等配置も利用できます。違いは下図のとおりです。

これはテキストボックス内での文字の並び方を変更する操作です。

文字オブジェクト自体を図形やアートボードの中央に移動する場合は、次の整列を使います。

文字を図形やアートボードに合わせて整列する

複数の文字オブジェクトを揃えたり、文字を図形の中央へ配置したりする場合は、オブジェクトの整列を使用します。

ウィンドウ→整列で整列パネルを開きます。整列ボタンの内容は下図のとおりです。

アートボードの中心に文字を置く手順は次のとおりです。

1. 選択ツールで文字オブジェクトを選択する
2. 整列基準をアートボードに整列にする
3. 水平方向中央に整列と垂直方向中央に整列をクリックする

図形を動かさずに文字を揃えたい場合は、文字と図形を選択した後、基準にする図形をもう一度クリックします。これで図形がキーオブジェクトになります。

再クリックするときはShiftキーを押しません。Alt／Optionキーも不要です。

キーオブジェクトを指定した状態で中央揃えを実行すると、図形を基準に文字を配置できます。

文字を見た目の輪郭で揃える「字形の境界に整列」や等間隔配置、ずれて見える場合の対処は、Illustratorの整列の使い方で詳しく解説しています。

特殊な文字ツールの使い方

文字ツールには、通常の文字入力以外にも次のツールがあります。

エリア内文字ツール

エリア内文字ツールは、パスオブジェクトを文字の入力エリアに変換するツールです。

図形の中に文字を入力する基本操作は次のとおりです。

1. ツールバーの文字ツールを長押しする
2. エリア内文字ツールを選択する
3. 文字を入れたいパスの線部分をクリックする
4. 文字を入力する

変換できない場合は、対象が複合パスやクリッピングマスクなどになっていないか確認します。必要な場合はコピーを作り、単一のパスに戻してから試してください。

パス上文字ツール

パス上文字ツールを使うと、線や円などのパスに沿って文字を入力できます。

直線だけでなく円や自由な曲線にも使えるため、円形ロゴや装飾的な文字配置にも利用できます。

文字タッチツール

文字タッチツールでは、文字をアウトライン化せずに1文字ずつ位置・大きさ・回転を調整できます。

文字タッチツールはShift＋Tで選択できます。編集したい文字をクリックし、表示されたハンドルをドラッグして調整します。

文字情報を保ったまま調整できるため、あとから文字内容やフォントを変更したいデザインにも向いています。

編集する文字は1文字ずつ選択します。複数の文字を同時に動かすことはできません。

文字編集に便利な機能

テキストを検索して一括置き換え

ドキュメント内の文字列は、編集→検索と置換から検索・置換できます。

1. 編集→検索と置換を開く
2. 検索文字列に変更前の文字列を入力する
3. 置換文字列に変更後の文字列を入力する
4. 検索結果を確認し、すべてを置換をクリックする

商品名や表記をまとめて変更するときに便利です。意図しない場所まで置き換わらないよう、対象を確認してから実行します。

テキストのアウトライン化

テキストオブジェクトはフォントを参照して表示されています。

ファイルを別の環境で開いたときに同じフォントが利用できないと、別のフォントへ置き換わったり正しく表示できなかったりすることがあります。

アウトライン化すると文字はパスへ変換され、フォントの有無に依存せず形を保持できます。

ただし、アウトライン化した後は通常の文字として編集できません。元の編集可能な文字を残してから行いましょう。

既存の文字をアウトライン化する手順は次のとおりです。

1. 選択ツールで文字オブジェクトを選択して右クリックする
2. アウトラインを作成を選択する

必要になるケースや注意点は、Illustratorの文字のアウトライン化で詳しく解説しています。

テキストの装飾・加工

Illustratorでは、文字の縁取り、変形、立体表現など、さまざまな文字加工ができます。

具体的な作り方は、Illustratorの文字デザイン・加工方法で解説しています。

AIでテキストを生成・校正・翻訳する

IllustratorのRewrite（書き直し）では、文章の生成、言い換え、校正、翻訳、文字量の調整などを行えます。

文章を生成する基本操作は次のとおりです。

書き直しは、次のような文章の作成・調整に使えます。

各機能の使い方は、IllustratorのRewrite（書き直し）の使い方で詳しく解説しています。

Illustratorでのテキストの扱いまとめ

Illustratorの文字入力では、文字ツールTを使用します。

入力する文章の長さや配置に合わせて、次の2種類を使い分けます。

文字サイズ、フォント、行間、文字間はプロパティパネルや文字パネルから調整できます。文字色は塗りで指定します。

文字の位置を揃える場合は、テキストボックス内の段落揃えと、オブジェクト自体を動かす整列を使い分けてください。

文字以外の基本操作も学びたい場合は、Illustratorの使い方をまとめた記事をご覧ください。

本で体系的に学びたい場合は、Illustratorのおすすめ本も参考にしてください。