【Illustrator】簡単！表の作成と文字の入れ方

Adobe Illustratorで表を作成する方法を解説します。セルの増減や結合も可能です。
文字の入れ方は2パターン解説します。整列機能を使わなくても、パッと並べることができます。

行が横で、列が縦です。プレビューにチェックを入れるわかりやすいです。
合計は縦と横それぞれの合計なので、要するに表自体の大きさを設定できます。

表を全て選択した状態で、メニューバー→[オブジェクト]→[パス]→[グリッドに分割]を選択します。既に分割された表ですが、行と列の数を変更すると反映されます。

結合したいセルを選択します。その状態で、メニューバー→[オブジェクト]→[パス]→[グリッドに分割]を選択します。行と列の数を1にすると結合されます。

表を全て選択した状態で、メニューバー→[オブジェクト]→[パス]→[グリッドに分割]を選択します。間隔の数値を変更すると余白を作ることができます。

選択ツールで表を選択したら、ダイレクト選択ツールに持ち替えます。
全ての角を丸めたい時は、そのままコーナーの◎マークをドラッグします。特定の角だけ丸めたい時は、ダイレクト選択ツールでコーナーをクリック（Shift押しながらクリックで複数選択）し、◎マークをドラッグします。

アピアランスパネルは、メニューバー→[ウィンドウ]→[アピアランス]で表示できます。

「【文字を入れる方法②】 スレッドテキスト」の手順⑦～⑨で解説しています。

イラレにも、Wordのようなタブの機能があります。表を作成する場合は、こちらの方法が簡単で修正もしやすくおすすめです。
カレンダーを作成する場合は「【文字を入れる方法②】 スレッドテキスト」がおすすめです。

グリッドに分割で表を作成した後に、上から線ツールでピンクの破線・罫線を入れています。外枠は長方形ツールで作成し上に重ねています。

文字列は空白ではなく、Tabキーで区切ります。行は普通に改行です。

このままだとTabが入っているのかわからないので、メニューバー→[書式]→[制御文字を表示]を選択します。

Tab「>>」が入っていることを確認できました。「個人」の前にTabを入れ忘れてることに気付いたので追加します。

プロパティパネルは、メニューバー→[ウィンドウ]→[プロパティ]で表示できます。

少しずれている場合や、セルによって高さが違う場合は手動で調整します。

画面を動かすとずれてしまいますが、マグネットをクリックすれば一瞬でタブが再配置されるので便利です。

定規部分をクリックしてタブの位置を設定します。定規に矢印が表示されるので、ドラッグで微調整できます。
「無料」は2個目のタブで揃えたいので、Tabを1つ追加しました。

スレッドテキストを使うと、複数のテキストボックスを連結させることができます。1つのテキストボックスから溢れた文字は隣のテキストボックスに流れていきます。
これを利用し表の文字入れを行うことができますが、基本的には「【文字を入れる方法①】 タブ」の方法をおすすめします。

カレンダーのような表を作る場合はこちらの方法がおすすめです。雑誌・新聞のようなレイアウトを作る際に活躍する機能です。

グリッドに分割するときに、間隔を空けないようにしてください。線を背景色と同じにすることで、疑似的に空いているように見せています。
一番上の行だけ選択して、高さを少し高くしました。グリッドに分割の設定を開かなくても、普通に拡大縮小するのと同じ要領でOKです。

ペーストした方を選択した状態になっているので、そのままメニューバー→[書式]→[スレッドテキストオプション]→[作成]を選択します。

バラバラの状態なので、Ctrl+Gでグループ化させておくと楽です。

文字を入れたら、1セル1単語になるように文字を大きくします。文字が大きくなりすぎるという場合は、改行を追加します。
テキストボックスが連結されているので、次のテキストボックスに文字が流れていきます。

混乱しやすい部分だと思うので、少し詳しく解説します。問題ないという方は、飛ばして次の手順へ進んでください。

先ほど表をスレッドテキストに変換しましたが、どうなっているのかわかりにくいですよね。上の2段だけ移動させてバラしてみました。以下の画像のようになっています。
ボックスが全て繋がっており、一番右のセルまで行くと下の段の一番左に向かっています。つまり、この矢印の順番に文字が流れていきます。

表ではあまり実用的ではないと思いますが、カレンダーや雑誌・新聞のようなレイアウトの際に活躍します。

テキストボックスのパス（水色の枠）についている四角（既にテキストが溢れている場合は赤い＋マーク）をクリックすると、カーソルが変化します。その状態で連結させたいテキストボックスのパスの上にカーソルを合わせると、リンクのマークが出ます。そしてクリックすると、連結されます。

連結解除する際は、テキストボックスのパス（水色の枠）についている四角をクリックすると、カーソルがリンク切れマークになります。その状態でもう一度四角をクリックすると解除できます。

下画像のように四角（スレッドテキスト出力ポイント）をクリックし、割り込ませたいテキストボックスの四角（スレッドテキスト入力ポイント）をクリックします。

割り込ませることができました。

表やカレンダーで使う場合は、グリッドに分割の時に間隔を0にしたままにします。間隔を空けてしまうと、下の動画のようにスレッドテキストの順番がぐちゃぐちゃになってしまいます。
手動で直すことはできますが、この動画のようになかなか面倒なのでおすすめしません。

一番上の段だけ改行を2つ入れています。Standardの文字が入るように上段だけフォントサイズを小さくしたためです。

スレッドテキストのレイヤーは一旦鍵をかけてロックしておくと作業しやすいです。

先ほどと同じように、パネル下部の新規効果を追加アイコン→[パスの変形]→[変形]で拡大し右に移動させます。
スレッドテキストをグループ化している場合は、ダイレクト選択ツールを使うと個別に選択できます。

長方形ツールで外枠を作り、一番右に上から重ねました。

いかがでしたか？
表を作る際はスレッドテキストよりもタブを使うことをおすすめします。タブより整列機能を使った方が良い場面でも、グリッドに分割は活躍すると思います。
他にも資料作成に役立つ記事があります。こちらも是非チェックしてみてくださいね。