Illustratorでデザイン作業をしていると、模様やデザインを繰り返し使いたい場面がよくあります。パターン機能を利用すれば、一度作成した素材をスウォッチに登録するだけで、何度でも簡単に呼び出せます。
しかし、自己流で操作していると、つなぎ目に隙間ができたり、印刷データでズレが生じることがあります。とくに個人事業主の方にとって、こうしたトラブルは時間のロスにつながります。
この記事では、Illustratorでパターンを作成・登録する基本的な手順から、斜線パターンの応用例、さらには印刷入稿時の注意点まで、実践的な内容を分かりやすくお伝えします。
目次
すぐできる！イラストレーターでパターンを作成・登録する方法
Illustratorのパターン機能を使えば、複雑な模様も簡単に作成できます。初心者の方でもすぐに実践できるよう、基本的な手順を解説します。
まず、パターンとは何かを確認しておきましょう。パターンとは、図形や模様を規則的に繰り返し配置したデザインのことです。背景や装飾としてよく使用され、一度登録しておけば、さまざまなプロジェクトで使い回せます。
WAVEが実施したアンケート「法人印刷物の発注・利用実態調査」によると、印刷物を発注・制作する際の困りごととして「データの作成方法が分からなかった（Illustrator、Photoshopなど）」という回答が12.8％を占めていました。昨今のツールは多機能・高機能である一方、操作が難しいと感じる方も少なくありません。
アンケート引用元：https://www.wave-inc.co.jp/weblog/?p=31651
まずは、今回のパターン登録のような簡単な作業から慣れていきましょう。 ここでは、作り方をステップごとに分かりやすく解説します。
1：パターン化したいオブジェクトを選択する
最初に、パターンとして登録したいオブジェクトを用意します。長方形ツールや楕円形ツール、ペンツールなどを使って、好きな図形を描いてください。
オブジェクトはひとつでも複数でも構いません。複数の図形を組み合わせる場合は、すべて選択した状態にしておきます。選択ツール（ショートカットキーはV）でドラッグすれば、複数のオブジェクトをまとめて選択できます。
ここで重要なポイントがあります。複数のオブジェクトをまとめる際「グループ化」しておく必要はありません。選択状態になっていれば、そのままパターン化できます。
また、作成するパターンの用途によっては、塗りも線もない正方形を一緒に配置しておくと、後からパターンの間隔を調整しやすくなります。
2：「オブジェクト」→「パターン」→「作成」の順にクリックする
オブジェクトを選択したら、画面上部のメニューバーから「オブジェクト」をクリックします。次に「パターン」にカーソルを合わせ、表示されたサブメニューから「作成」を選択してください。
この操作で、パターン編集モードに切り替わります。画面には「パターンオプション パネル」が表示され、選択したオブジェクトが繰り返し配置されたプレビューを確認できます。
※「パターンオプション」機能はIllustrator CS6以降で利用できます。
【補足：別の登録方法】
スウォッチパネルにオブジェクトをドラッグ＆ドロップして登録する方法もあります。 ただし、タイルの種類や間隔などを細かく調整したい場合は、上記の「オブジェクト」→「パターン」→「作成」から進めるのがおすすめです。
3：パターンオプションからパターンの設定を行う
パターン編集モードに入ると、「パターンオプション」パネルが表示されます。このパネルでは、リアルタイムで変化を確認しながらパターンを調整できるのが大きな利点です。
まず押さえる設定は次の4つです。
- タイルの種類
- サイズ・間隔（幅・高さ/横・縦の間隔）
- 重なり
タイルの種類
「タイルの種類」では、パターンの並べ方を選択します。初期設定は「グリッド」ですが、変更するだけで印象が大きく変わります。
選択できるタイルの種類は5つあります。
- グリッド：上下左右に整列。ドット柄や市松模様など、規則的なパターン向き
- レンガ（横）：1行おきに半分ずつ横にズレて、デザインに動きが出やすい
- レンガ（縦）：1列おきに半分ずつ縦にズレる
- 六角形（縦）：ハニカムのような並びで、有機的な印象になる
- 六角形（横）：六角形配置を縦基準で並べる
レンガタイルを選択した場合「レンガオフセット」という項目で、ズレの割合を調整できます。1/2、1/3、1/4などを選択することで、パターンの表情を細かくコントロールできます。
幅・高さ
タイルとは、プレビュー画面の中央に表示される青い枠線のことです。
このタイルサイズを変更すると、オブジェクト同士の距離感（詰まり具合）を調整できます。
「オブジェクトにタイルサイズを合わせる」のチェックが外れている場合は、パターンタイル自体の「幅」と「高さ」のサイズを変更することができます。
- 数値を小さく：距離が近づき、重なることもある
- 数値を大きく：余白が増え、間隔が広がる
横と縦の間隔
「オブジェクトにタイルサイズを合わせる」にチェックを入れると、タイルサイズがオブジェクトのサイズに自動的に調整されます。
この状態では「横・縦の間隔」でタイル同士の間隔を調整できます。
- 数値をプラス：タイルに隙間（余白）が増える
- 数値をマイナス：タイルに重なりが生まれる（表現が複雑になる）
たとえば、円形のオブジェクトで少しマイナスの数値を設定すると、円同士が重なり合った有機的なパターンが作れます。
重なり
「重なり」では、パターンが重なったときに、どちらを前面に表示するかを指定できます。
パネルの表記は、左から順に以下のようになっています。
- 左を前面へ
- 右を前面へ
- 上を前面へ
- 下を前面へ
複雑な柄でも、この設定を調整することで、きれいな前後関係を作り出せます。
4：パターンに名前を付けて保存する
パターンオプションで調整が終わったら、パターンに名前を付けましょう。パターンオプションの上部に「名前」という入力欄があります。
名前は「後で探しやすい」ことが最優先です。たとえば「ドット_青_5mm」のように、柄の種類・色・サイズなどを含めた命名ルールを決めておくと、スウォッチ内で管理しやすくなります。
名前を付けたら、画面左上にある「完了」ボタンをクリックしてください。これで、パターンがスウォッチパネルに登録されます。スウォッチパネルが表示されていない場合は、メニューバーの「ウィンドウ」から「スウォッチ」を選択すれば表示できます。
登録後は、オブジェクトを選択してスウォッチのパターンをクリックするだけで適用可能です。よく使う柄は登録しておくと、以降の作業がスムーズになります。
【応用】斜線のパターンを作成してみよう
基本操作を理解したら、次は応用編です。ここでは、実用的な斜線パターンの作り方を解説します。
斜線パターンは、背景やアクセントとして使いやすく、デザインの幅を広げてくれます。市松模様やドット柄と並び、需要の高いパターンですので、ぜひマスターしておきましょう。
1：直線ツールで45度の線を引く
まず、直線ツール（ショートカットキーは¥またはバックスラッシュ）を選択します。
アートボード上でクリックしたまま斜めにドラッグすると、線が描けます。このとき、Shiftキーを押しながらドラッグすると、45度の角度で線を引けます。
フリーハンドで斜めに引くと、微妙に角度がズレてしまい、パターンのつなぎ目がきれいに合わなくなります。
線の太さは後から調整できますので、この段階では5pt程度に設定しておけば問題ありません。
2：パターンを作成する
線を選択した状態で「オブジェクト」→「パターン」→「作成」の順にクリックします。
線1本からでもパターン化できる手軽さが、Illustratorのパターン機能の魅力です。パターンオプションが開くと、プレビューで斜線が繰り返し表示されているのが確認できるはずです。
3：線の間隔を調整する
斜線パターンを作っただけだと、線と線の間に細い隙間が見えることがあります。
線の間隔を調整したい場合は、パターンオプションの「幅」と「高さ」を変更します。この操作はパターン編集モードで行います。
「パターンタイルツール」を使えば、直感的に操作することもできます。パターンオプションの左上にあるアイコンをクリックすると、タイル自体にバウンディングボックスが表示されます。
Shiftキーを押しながらタイルを拡大すると、線の間隔が広がります。縮小すれば、線の間隔が狭まります。
他に隙間を目立ちにくくする方法として、線端（Line Cap）の設定を変更する方法がありますが、線幅を変更すると隙間が再び出る場合があります。そのため、最終的にはタイルサイズの調整で、つなぎ目が重なる状態に合わせるのが確実です。
数値入力以外の方法も覚えておくと、作業がスムーズになります。
4：線の太さを調整する
線の太さを変更すると、斜線間の隙間が変化します。
線パネルの「線幅」の数値を大きくすれば、線が太くなり、隙間が狭くなります。逆に、数値を小さくすれば、線が細くなり、隙間が広がります。
線の太さは、そのまま「柄の密度」に直結します。背景として使いたい場合は太めに、アクセントとして使いたい場合は細めに設定するとよいでしょう。
プレビューを見ながら、好みの太さに調整してください。
5：線の色を調整する
線の色を変更したい場合は、パターン編集モード内で線を選択し、線の色を変更します。
6：パターン内にオブジェクトを追加する
パターン編集モードでは、オブジェクトを追加してデザインのバリエーションを増やすことができます。線を複数本にしたり、色を変えたりすることで、単色の斜線だけでなく複数色の表現も可能です。
均等幅で2色以上の斜線をきれいに並べるには調整が必要になるため、まずは色変更やオブジェクト追加で表現できることを押さえておきましょう。
調整が終わったら、画面左上の「完了」をクリックして、パターンを保存しましょう。
イラストレーターのパターン作成丨その他の操作方法
ここまでで基本的なパターンの作り方は理解できたと思います。ここからは、作業トラブルを防ぎ、効率的にパターンを扱うための補足操作を解説します。
パターンのみを拡大・縮小する方法
パターンを適用したオブジェクトを拡大・縮小すると、通常はオブジェクト本体とパターンが一緒に変化します。一方で、オブジェクトの大きさはそのまま、パターンだけを「細かく／大きく」したい場合は次の手順で調整します。
- パターンを適用したオブジェクトを選択する
- 「オブジェクト」→「変形」→「拡大・縮小」を開く
- ダイアログで「オブジェクトの変形」のチェックを外す
- 「パターンの変形」だけにチェックが入っていることを確認する
- 「縦横比を固定」をオンのまま、倍率を変更する
- 例：100%→50%（パターンが細かくなる）
- 例：100%→200%（パターンが大きくなる）
この操作は、パターンの密度（柄の細かさ）を調整したいときに非常に便利です。また、右クリックから「変形」メニューを選ぶこともできます。覚えておくと、作業スピードが向上します。
オブジェクトを変形させるとパターンも変形した際の対処法
パターンを適用したオブジェクトを変形すると、パターンも一緒に変形してしまうことがあります。
たとえば、円形のオブジェクトを横に引き伸ばすと、パターンも横長に変形してしまいます。これを防ぐには、環境設定を変更します。
- Windows：「編集」→「環境設定」→「一般」
Mac：「Illustrator」→「設定」→「一般」 - 「パターンを変形」のチェックを外す
環境設定パネルが開いたら「パターンを変形」のチェックを外します。これで、オブジェクトを変形しても、適用されたパターンの形が崩れることはありません。見つからない場合は、設定内で「パターンを変形」を探してください。
この設定は、意図しない変形を防ぐためのプロのワークフローとして覚えておきましょう。環境設定で一括切り替えを行っておけば、毎回気にする必要がなくなります。
イラストレーターで作ったパターンデータを入稿する際の注意点
パターンを作成したら、次は印刷データとして業者に渡す段階です。ここで注意を怠ると、データの不備や仕上がりトラブルにつながります。
一部の印刷会社ではデータチェックも行っていますが、そこで判別できないズレが生じることがあります。そうしたトラブルを未然に防ぐため、入稿前に以下の点を確認しましょう。
パターンの始点
パターンには「始点」という概念があります。始点とは、パターンが繰り返される際の基準位置のことです。
Illustratorでは、座標（0, 0）がパターンの基準となります。パターンを適用したオブジェクトを移動させると、パターンの始点がズレる可能性があります。
とくにズレが起きやすいのは次のケースです。
- オブジェクトを複製した
- 別のアートボードへ移動した
- 位置合わせのために微調整を繰り返した
入稿前は、仕上がりを想定してプレビューで柄の位置を確認しましょう。もし柄の大きさだけでなく位置も調整したい場合は「オブジェクト」→「変形」→「移動」を使うと、オブジェクトは動かさずにパターンだけ位置をずらすことができます。
ここまでの操作で調整できない場合は、次の方法を試してください。ズレが気になる場合は、分割・拡張してから位置を調整すると確実です。
分割・拡張後はパターン編集ができなくなるので、元データは別名保存しておくと安心でしょう。
データの重さ
パターンは便利な機能ですが、複雑なオブジェクトや画像を使ったパターンは、データ容量が大きくなりがちです。
データが重いと、次のようなリスクがあります。
- 保存に時間がかかる/保存できない
- 動作が重くなる/エラーが出る
- 印刷会社側の処理に時間がかかり、納期に影響する
データを軽くするために、入稿前は次を意識しましょう。
- できるだけシンプルなオブジェクトでパターンを作る
- 不要なパスやアンカーポイントを削る
- 画像は埋め込み前に、まずリンク配置で確認する
この後に続く「分割・拡張（オブジェクト化）」も入稿前チェックに加えると、さらに安全度が上がります。
入稿前のオブジェクト化
パターンを使用したデータを入稿する際は、必ず「オブジェクトの分割・拡張」を行いましょう。
パターンのままだと、印刷会社のデータチェックでは判別できないズレが出ることがあります。分割・拡張を行えば、パターンが通常のオブジェクトに変換され、確実に印刷できる状態になります。
【操作手順】
- パターンを適用したオブジェクトを選択する
- 「オブジェクト」→「分割・拡張」をクリックする
- ダイアログで「塗り」にチェックを入れ、「OK」をクリックする
この操作は、フォントのアウトライン化と同じくらい重要です。入稿前の最終チェック項目として、必ず実行しましょう。
ただし、分割・拡張を行うと、後からパターンを編集することはできなくなります。念のため、元のデータを別名で保存しておくことをおすすめします。
もし修正が困難な場合や、データ作成に不安がある場合は、WAVEのような印刷会社が提供する「デザインアシスト」などの付帯サービスを利用するのもひとつの方法です。
まとめ
Illustratorのパターン機能を使えば、複雑な模様も簡単に作成でき、作業効率を大幅に向上させることができます。
とくに個人事業主にとって、限られた時間内で質の高いデザインを仕上げることは非常に重要です。パターン機能をマスターすることで、制作時間を短縮し、メインの作業に集中できるようになります。また、印刷データとして入稿する際は、パターンの始点やデータの重さ、オブジェクト化に注意が必要です。
「入稿データに不安がある」「印刷に回せるか確認したい」という場合は、WAVEのサポートを活用するのもひとつの方法です。入稿後のデータチェックや、データ修正サービスを利用することで、安心して印刷工程へ進めます。
Illustratorの機能を上手に活用しつつ、必要に応じてサポートサービスも組み合わせることで、スムーズかつ効率的に高品質なデザイン制作を進めていきましょう。
