シームレスとは、パターンが繰り返されても、どこで一つのコピーが終わり次が始まるのか分からない状態を指す。これはモチーフではなく、端(エッジ)の作り方の問題だ。
端さえ正しく作れば、小さな1タイルでパネル全体を埋められる。端が合っていないと、繰り返しがグリッド状に見えてしまう。
要点まとめ
- シームレスとは、タイルの端がぴったり合い、繰り返しが目立たない状態のこと。
- 「繰り返し」は「シームレス」と同じではない——等間隔に並べただけではグリッドが見えてしまう。
- モチーフは4辺すべてにまたがせ、四隅には4分の1サイズのモチーフを配置する。
- 何かを切る前に、必ず実寸で3×3に並べてテストする。
シームレスとは何か?
シームレスとは、端(エッジ)がぴったり合うように描かれたデザインのことだ。コピーを並べると線が継ぎ目を越えてつながり、完成した面にはエッジがまったく見えなくなる。
繰り返しの単位をタイルと呼ぶ。右端からはみ出た要素は左端から再び現れ、下端からはみ出た要素は上端から再び現れる必要がある。
この一つのルールがすべてだ。だからこそ、一見きれいに見えるだけのパターンは、たいていシームレスではない。
「シームレス」と「繰り返し」は同じではない
シームレスなパターンは必ず繰り返す。しかし、繰り返すパターンが必ずしもシームレスとは限らない。等間隔に並んだモチーフの列も一種の繰り返しだが、どこで各コピーが始まるかは見えてしまう。
この違いが問題になるのは、面がタイル1枚より大きくなったときだ。スマホケースなら誰も気づかないが、テーブルランナーや壁一面のパネル、ラッピングペーパーのロールともなると、グリッドは真っ先に目に入る。幾何学模様はその典型例だ——形の語彙については「幾何学模様とは何か」で解説している。
こうした制約の一般的な考え方は実際に作れるものをどう設計するかで解説している。
繰り返しパターンのレイアウトの種類
タイルの端が合ったら、次に決めるのはタイルの並べ方だ。以下の4種類はどれもシームレスだが、繰り返しの隠れ具合はそれぞれ異なる。
ストレートリピート
タイルを縦横まっすぐなグリッド状に並べる方式。作るのは一番簡単だが、モチーフが縦横どちらにも揃ってしまうため、繰り返しが一番目立ちやすい。
グリッドそのものがデザインになる幾何学模様には向いている。花柄には不向きで、1970年代の壁紙のように見えてしまう。
ハーフドロップ
1列おきにタイル半分の高さだけ下にずらす方式。規則的すぎる繰り返しを直す定番の方法で、タイル自体は変えないので試すコストもゼロだ。
レンガ積み
先ほどの考え方を90度回転させたもので、1行おきにタイル半分の幅だけ横にずらす。モチーフが縦より横に長い場合に有効で、水平方向のずれのほうが繰り返しを隠しやすい。
ミラー
1枚おきにタイルを反転させる方式。繰り返しを隠すというより、あえて左右対称を作り出すやり方で、ボーダー柄やダマスク調のパネルなど、フォーマルに見せたいデザインに向いている。
カットする場合の注意点。ミラー配置は、2つのモチーフが正面から向き合う継ぎ目の数を倍にする。カットする前に、その接合部分に細すぎるブリッジ(つなぎ目)がないか必ず確認すること。
シームレスパターンの作り方
オフセット法
正方形の中にデザインを描いたら、画像全体を幅の半分・高さの半分だけずらす。ずらした後に中央で分断されてしまった部分こそ、修正が必要な箇所——そこが継ぎ目になる場所だ。
コーナーのルール
端をまたぐ要素は、反対側の端にも同じ形でもう一度現れなければならない。それを確実にする一番手っ取り早い方法は、上のタイルのように4隅すべてに4分の1サイズのモチーフを置くことだ。
密度とリズム
間隔にばらつきを持たせ、目が一つの並びに固定されないようにする。完全に均等な間隔は、技術的にはシームレスなパターンがそれでもタイル張りに見えてしまう2番目に多い原因だ。
カットや彫刻でシームレスが重要な理由
彫刻の場合。タイルより広いパネルに彫刻すると、継ぎ目がすべて見えてしまい、レーザーはそれを容赦なく浮かび上がらせる。小さなファイルで大きな面を埋める唯一の方法は、シームレスなデータを使うことだ。
カットの場合。カット用パターンにはもう一つ条件がある——物理的につながっていなければならない。タイルの端でしか接していないモチーフは、そこが弱点になってパーツが折れてしまう。
ファイル形式について。拡大しても輪郭がぼやけないよう、パターンはベクター形式にしたい——詳しくはベクターファイルとはとSVGとはを参照。サイズの合わないラスタータイルは、継ぎ目とぼやけの二重で境目を見せてしまう。
シームレスパターンを壊すよくあるミス
余白を残してしまう。タイルの内側にはっきりした余白があると、繰り返した瞬間にそれが目立つグリッド線になってしまう。
設計せずに切り取っただけ。既存のイラストから四角く切り出しただけでは、そのイラストがどれほど良くても端はほぼ合わない。
1タイルだけで確認する。必ず最低3×3で表示して確認すること。1枚だけでは、探しているまさにその不具合が隠れてしまう。
スケールを忘れる。200 mmでは美しく見えるタイルも、40 mmではただの潰れた模様になりかねない。実際の対象物のサイズでテストすること。
AIで実際にシームレスパターンを作ってみた
「こう動くはずだ」という説明ではなく、実際にプロダクト上で試した。生成には6クレジットかかり、所要時間は約20秒だった。
興味深いのは、パターンが生成されたかどうかではない。そのパターンが本当にタイル状に繋がるかどうかであり、それこそが本記事が「自分の目で確認しろ」と言っている唯一のポイントだ。
使う場所について。Atomm AIはAtomm上の生成ツールだ。プロンプト欄に指示文を入力し、実行前にEngraving(彫刻)、Cutting(カット)、Vectorize(ベクター化)などのモードを選ぶ。
実際に送信したプロンプト
Atomm AIに送信したプロンプト
植物の葉と小さな五弁花からなるシームレスなリピートタイルパターン。白背景に黒の線画、モチーフは4辺すべてをまたいでタイルが継ぎ目なく繰り返されるように配置、線の太さは全体を通して均一、グラデーションや陰影なし、パターン全体をレーザーカットで一体のパーツとして切り出せるよう、すべての要素が隣接する要素とつながっていること
Atomm AIは計画をこう返してきた: 「端から端まで途切れない植物モチーフのシームレスタイルを1枚作ります。線の太さは均一な黒い輪郭で、要素同士をあらかじめつなげておくことで、一体の繰り返しパーツとしてカットできるようにします」
実際に出てきた結果
指示どおりの結果だった。線の太さは均一、陰影なし、モチーフは4辺すべてからはみ出しており、見た目にもすべてつながっている——まさにカット用パターンに必要な条件だ。
そこで実際にタイル状に並べてみた。本記事が推奨する2×2、実寸でのテストだ。これが確かめる唯一の方法である。
正直な評価:良いが完璧ではない。はっきりしたグリッド線はなく、密度の高さがほとんどをうまく隠してくれている。ただし継ぎ目をよく見ると、数本の茎が続かずに途切れている。
コースターや小さめのパネルの彫刻ならこれで問題ない。だが大きな面になると、この途切れた茎はいずれ誰かに気づかれてしまう。端の修正は手作業で10分ほどだ。Atomm AIはほとんどのところまで連れて行ってくれるが、最後の仕上げまではしてくれない。
シームレスパターンを使ったプロジェクト例
繰り返しパターンそのものがデザインになっている、コミュニティ作品5点を紹介する。どれも無料ファイルで、そのままダウンロードしてカットや彫刻に使えるほか、タイルを分解してどう成り立っているか確認することもできる。他の作品は無料のシームレスパターンSVG 43選にまとめている。
1. 花柄の丸いコースター
円形を花柄の繰り返しで埋めた、より難易度の高いケース。タイルが直線ではなく曲線で切り取られても、パターンとして成立させる必要がある。花同士がすべて隣とつながっているため、カットしたパーツが一体として崩れずに保たれている点に注目してほしい。
このデザインを見る →2. 幾何学模様の切り抜きジュエリーボックス
同じタイルがサイズの異なる複数のパネルに使われている——これこそシームレスなデータが本領を発揮する場面だ。パターンファイルは1つだけなのに、パネルのサイズが違っても、どのパネルにも継ぎ目は見えない。
このデザインを見る →3. 幾何学模様のデスクオーガナイザー
格子(ラティス)柄は、すべての線が設計上つながっているため、カット用パターンとして最も失敗しにくい。最初にカットしたパターンがバラバラになってしまった人は、格子から始めて後からディテールを足していくといい。
このデザインを見る →4. 植物の葉柄パネル
1つの植物モチーフの繰り返しから、比率の異なる2枚のパネルを作った例。葉はパネルの端で止まらず、端をまたいで続いている。これがパターンを「額縁に入った柄」ではなく「連続した柄」に見せている理由だ。
このデザインを見る →5. 透かし細工(フィリグリー)柄のペンダントセット
小サイズでの耐久テストとも言える一例。ペンダントサイズになるとパターンはリズムを保つか、単なるノイズと化すかのどちらかだが、これは隙間に対して線を太めに保つことで持ちこたえている。
このデザインを見る →まとめ
シームレスとは、端が合っていて繰り返しが見えないこと。単なる「繰り返し」は、モチーフが2回以上現れるという意味でしかない。
タイルの中でデザインし、モチーフを4辺すべてにまたがせ、材料を使う前に必ず実寸で3×3にして確認する。
印刷ではなくカットする場合は、もう一つテストを加えよう。すべてのパーツが、どこかとつながった状態を保っているか?
シームレスパターンに関するよくある質問
デザインにおける「シームレス」とはどういう意味ですか?
繰り返しの単位の端がぴったり合っていることを意味する。線や図形が継ぎ目を越えてつながっているため、コピーを並べても完成した面のどこにも端が見えない。
「シームレス」と「繰り返し」の違いは何ですか?
繰り返しパターンとは、同じモチーフが2回以上現れるパターンのことだ。シームレスパターンはそれに加えて、各コピーの始まりを見えなくする。シームレスなパターンは必ず繰り返すが、繰り返すパターンの大半はシームレスではない。
パターンがシームレスかどうかはどう確認すればいいですか?
最低3×3でタイル状に並べ、画面全体を貫く直線がないか確認する。画像全体を横切って辿れる水平線や垂直線があれば、それが継ぎ目だ。
シームレスパターンはベクターとラスターのどちらにすべきですか?
拡大縮小するならベクター形式にすべきだ。ベクタータイルはどんなサイズでもシャープさを保つが、ラスタータイルは拡大するとぼやけてしまい、幾何学的には正しくても継ぎ目が見えるようになる。
シームレスにしたはずのパターンが、なぜタイル張りのように見えるのですか?
多くの場合、端が壊れているのではなく、間隔が均一すぎることが原因だ。すべてのモチーフが同じ間隔で並んでいると、目がそのリズムを拾ってグリッドとして認識してしまう。間隔と回転を少しずつ変えてみるとよい。
シームレスパターンはレーザーカットできますか?
できる。ただし追加のルールが一つある——すべてのパーツが、他のパーツとつながった状態を保っていなければならない。シームレスではあってもタイルの端でしか接していないパターンは、カットした瞬間にそこで壊れてしまう。
