パターンメーカーとは？
Pattern Makerは、図形、線、色を使ってシームレスなリピートパターンをデザインできるツールです。対称性、回転、間隔、行オフセットを調整して、背景やテキスタイル、包装紙用のタイルを作成し、PNGまたは拡大縮小可能なSVGでダウンロードできます。
8種類のベース形状(円、三角、四角、六角形、星、ひし形、十字、ハート)に加えて、PNGやSVGのアップロードにも対応しています。対称モードはX軸ミラー、Y軸ミラー、XYミラー、対角ミラー、4回回転があり、さらに並べ方(グリッド、ジグザグ、クロスウィーブ、ピラミッド)で同じモチーフをまったく違うレイアウトに組み替えられ、どれもシームレスに保たれます。背景を透明にすればアルファ付きPNGとして書き出してどんな色にも重ねられ、Web背景用のCSSコードをそのままコピーでき、印刷向けに最大4096×4096までPNG・JPEG・SVGで書き出せます。設定を小さなファイルに保存しておけば、いつでも読み込んで続きから編集できます。
使い方
- ベースの図形（円、三角、正方形、六角形）を選び、タイルのグリッドサイズと間隔を設定します。
- 色、回転、スケール、対称オプションを調整して、理想のリピートパターンを作成します。
- シームレスタイルをプレビューし、高解像度のPNG、Web向けのJPEG、または拡大縮小できるSVGベクターファイルとしてダウンロードします。設定を小さなファイルに保存しておけば、後から開いて編集を再開できます。
使用するタイミング
- サイトのヒーロー画像やアプリのオンボーディング画面用に、タイル可能な背景を作る。
- 簡単なモチーフからラッピングペーパー、生地プリント、ノートのカバーをデザインする。
- プロダクトのモックアップやプレゼン資料用に、プレースホルダーのテクスチャを用意する。
結果
グラフィックデザイナーがネイビーとゴールドの幾何学的な六角形パターンを製品パッケージの背景用に作成し、2048×2048ピクセルでエクスポートします。
よくある質問
- タイルを並べたときに本当に継ぎ目が出ませんか?
- 出ません。タイル単体プレビューで1枚、全体プレビューで広い範囲に並べた状態を確認できます。形状がグリッドの内側に収まっていれば、エッジは綺麗につながり継ぎ目は見えません。
- ミラー対称と4回回転は何が違いますか?
- ミラーは軸を基準にモチーフを反転させるので、万華鏡のような左右対称になります。4回回転は中心の周りを90度ずつ回しながら4回コピーする方式で、曼荼羅模様や壁紙の柄に向いています。
- 自分で用意した図形をアップロードできますか?
- できます。ベース形状で「カスタム」を選び、PNGまたはSVGをアップロードしてください。背景を透明にしておくと塗りつぶし色と自然に馴染みます。SVGはベクター形式なので、大きいサイズで書き出してもエッジがにじみません。
- 印刷用と画面表示用で書き出しサイズはどう使い分けますか?
- 画面の背景なら1024か2048で十分です。300 DPIでA4印刷する場合は最低2480ピクセル幅が必要なので、4096を選んでおけば安心です。サイズが大きいほど描画に時間がかかります。
- グリッドサイズを大きくすると密になりますか、疎になりますか?
- 密になります。グリッドサイズは1行あたりのモチーフ数なので、8にするとタイル内に8×8個並びます。モチーフ同士の隙間はスペーシングで調整し、ぴったり寄せたい場合は小さい値を選びます。