簡単きれいに表組み！Illustratorで表を作成する方法

※ Adobe Illustrator 2025の画像で解説しています。

表組みのベースを簡単に作成する方法

ここでは例として、縦（行数）を均等に６分割、横（列数）を項目別に不揃いの間隔で４分割した表組みを作成します。

ツールバーの「長方形グリッドツール」を選択し、アートボード上の任意の場所をクリックすると、オプションのダイアログボックスが開きます。以下のように設定して「OK」をクリックします。

この方法は簡単な表を作成するのに便利ですが、表を作成した後にデータ行の追加が容易にできないのが難点なので、次の「グリッドに分割」を使った方法と連携させることにします。

表組みの編集が可能な表を作成する方法

上記で作成した表組みの外枠と罫線を次の表に組み込み、表組み全体はガイドに活用します。

1. ダイレクト選択ツールで上記で作った表の罫線の内側をクリックし、外枠の四角形を選択。
2. 「コピー（Ctrl＋C）」➔「前面にペースト（Ctrl＋F）」します。
3. 新規レイヤーを作成し、ペーストした四角形を移動させます。
4. ダイレクト選択ツールで内側の縦線をすべて選択し、「コピー（Ctrl＋C）」➔「前面にペースト（Ctrl＋F）」します。
5. 新規レイヤーを上記で作った四角形の上に作成し、ペーストした縦線を移動させます。
6. 元の表全体を選択し、塗りと線の色を無しにします。
7. 「表示」メニュー➔「ガイド」➔「ガイドを作成」をクリックして表をガイドに変換します。

「グリッドに分割」は旧バージョンのIllustratorでは「段組設定」という名前の機能でした。

別レイヤーに移動させた四角形を選択、「オブジェクト」メニュー➔「パス」➔「グリッドに分割」をクリックします。ダイアログが開くので、以下のように設定します。

• 【行】段数：6、間隔：0
• 【列】段数：1、間隔：0
• 段の幅と高さ、全体の合計は自動で割り出されます。
• 「ガイドを追加」はチェックしません。

ダイアログを閉じると、6行1列の表組みが作成されます。ここで列をなぜ4分割しないのか疑問を持つと思います。その理由は「グリッドに分割」は等間隔の枠分割が前提で、見出しや項目別に列幅を不均等にする設定ができないからです。作成した後にパスを移動させれば可能ですが、後で行を追加する時に元の均等な列幅に戻ってしまいます。そこで、上記で別レイヤーに移動させた罫線を利用します。（※分かりやすくするために罫線の色は赤にしています）

表の行を追加する

表を選択して、再度「オブジェクト」メニュー➔「パス」➔「グリッドに分割」からダイアログを開き、行の段数を入力し直します。

この例では表全体のサイズを変えずに6行を10行に増やしました。計算するのも面倒なので、非表示にしておいたガイドを表示させます。バウンディングボックスを下へ引いてガイドに合わせて縦方向に拡大します。

合せて読みたい

Aiデータ（Illustratorの.aiファイル）について詳細を解説

※ Adobe Illustrator 2025の画像で解説しています。 CGDOOR Ai（エー・アイ）データとは、Adobe Illustratorで作成するファイルの形式です。Aiファイル形式はデザイン・印刷の分野に浸[…]

こちらもおすすめ

カーニング・トラッキング・文字詰め・アキ｜イラレで文字間隔を簡単設定

※ Adobe Illustrator 2025の画像で解説しています。 CGDOOR カーニング・トラッキング・文字詰め・アキの違い 「カーニング」も「トラッキング」も「文字詰め（ツメ）」「アキ」も文字間隔（文字[…]