シームレスパターンの作り方【Illustrator(イラストレーター)】

ドット同士の間に均等な余白ができた、北欧風のドット柄パターンの完成イメージ

今回は以前紹介したパターンの作り方を応用した、北欧風のドット柄シームレスパターンの作り方をご紹介します。作り方の復習をしながら、パターンを作成していきましょう!

パターンを作成してみよう!

1. 好きな形のオブジェクトを作成

今回は、ドット柄なので、「楕円形選択ツール」でshiftを押したまま丸いオブジェクトを作ります。コピー&ペーストで、大きさを変えたりなどして、好きな位置に配置し、全選択します。

楕円形ツールで作成した紺色と灰色の丸いオブジェクトを、2列3行の市松模様に並べた状態

2. パターンをスウォッチへ登録する

すべて選択して「command+G」でグループ化してから、そのままスウォッチパネルへドラッグします。すると、選択したオブジェクトがパターンとしてスウォッチに登録されます。

全てのオブジェクトを選択してグループ化し、スウォッチパネルへドラッグしている画面

または、オブジェクト>パターン>作成でも作ることができます。

オブジェクト・パターン・作成のメニューからパターンを登録した際のレイヤーパネルの表示例

3. パターンを反映させる

四角いオブジェクトを作成し、スウォッチ内の登録されたパターンを選択すると……(形は四角以外でもOKです)

長方形ツールで作成したオブジェクトに、ドット柄のパターンを塗りとして適用した状態

4. 完成!

ドット柄のパターンの出来上がりです。

サイズ調整

「でも、このままだと隙間がなくて丸同士がくっついて見えるな……」と思ったら、調整も可能です!

1. パターンの微調整

スウォッチ内のパターンをダブルクリックし、パターン編集モードに入ります。青い枠に囲まれた部分(タイルの繰り返し単位)がパターンの1タイル分です。この枠内のオブジェクトを選択して、お好みの位置に移動します。

パターン編集モードで、タイルの繰り返し範囲を示す青い枠内のオブジェクトを選択している画面

2. アピアランスで調整する

アピアランスの「塗り」に効果(fx)をつけていきます。イラストレーター効果>パスの変形>変形を選択。すると以下の画面が表示されるので、「オブジェクトの変形」のチェックを外してからお好きな大きさに変更してみてください。「パターンの変形」だけにチェックが入っていることで、実際のオブジェクトの形は変えずに、パターンの繰り返し方(タイルの大きさ)だけを調整できます。他にも角度を変えたり、移動させることもできますよ!

変形効果ダイアログで、オブジェクトの変形のチェックを外し、パターンの変形のみにチェックを入れて拡大縮小と移動の数値を調整している画面

3. 完成!

好きな大きさに変更したら「OK」をクリック!ドット同士の間隔が空き、北欧風のドット柄パターンの完成です。

ドット同士の間に均等な余白ができ、北欧風の見た目に調整された完成後のドット柄パターン

この方法を応用すると、チェック柄や星柄・ハート柄など、どんな形でもパターンにすることができます!ぜひ、いろいろなパターンを作ってみてくださいね。

まとめ

  • 好きな形のオブジェクトをグループ化してスウォッチにドラッグするだけで、パターンとして登録できる
  • 【オブジェクト】-【パターン】-【作成】からも同じようにパターン登録できる
  • スウォッチをダブルクリックすると、パターン編集モードでタイル内の配置を調整できる
  • 「変形」効果で「オブジェクトの変形」を外し「パターンの変形」だけを有効にすると、形を変えずに柄の間隔を調整できる