PerfectVector
著者: Irene Kim

ハーフドロップとストレートリピート:同じモチーフの並べ方を比較

1つの独自モチーフで、ストレート、ハーフドロップ、ハーフブリックを比較します。平行移動、長方形の繰り返しセル、端でつながる断片を確認します。

1 分で読める
目次

ストレートリピートは、同じ図案を縦横がそろった行と列に並べます。ハーフドロップは、隣の列を縦の繰り返し高さの半分だけずらします。モチーフを変えずに、配置だけを変えられます。ハーフブリックは、隣の行を横方向にずらす方法です。割合だけでなく方向も明示してください。

この選択は、見える並び方と入稿するファイルの両方に影響します。ストレートに繰り返す長方形タイルでハーフドロップを再現するには、ずらした2列を含める必要がある場合があります。リピートメニューを変えても、端で欠けた図案は自動で直りません。

モチーフと繰り返し位置を分ける

モチーフは、パターンに使う個々の図案です。繰り返しセルは、意図する平行移動によって大きなパターンを再構築できるだけの図案を含みます。その寸法は、見えている1つの花、葉、バッジの寸法と同じとは限りません。

Spoonflowerのリピートの定義は、基本的なストレート配置、縦方向のハーフドロップ、横方向のハーフブリックを区別しています。Pattern Observerの比較も、ストレート、つまりフルドロップでは長方形セルを使え、正方形である必要はないと説明しています。

ここでの列方向のハーフドロップは、1列右へ移ると、図案も縦間隔の半分だけ下がる配置です。正のy方向が下を向くSVG座標を使います。方向を明示することで、ハーフブリックや、ページ上で図を回転させたものとの混同を避けられます。

配置次の列への移動次の行への移動
ストレート全幅だけ右、縦のずれなし全高だけ下
列方向ハーフドロップ全幅だけ右、半分の高さだけ下全高だけ下
行方向ハーフブリック全幅だけ右半分の幅だけ右、全高だけ下

どの定義も、モチーフの反転や回転を必要としません。それらは別の図案の判断であり、方向を持つ細部に独自の影響があります。

独自の非対称モチーフをたどる

5辺の緑のモチーフと、独立した金色の円形アクセントを作りました。不均等な輪郭と中心から外れたアクセントにより、対称の点よりも反転や回転に気付きやすくなっています。3つの配置はすべて同じネイティブSVG定義を参照します。

選んだ間隔は描画単位でW = 80、H = 60です。これは配置の入力値で、ミリメートルでも、生地供給元の推奨リピートサイズでもありません。最初のモチーフの基準点は(5, 15)で、その局所範囲は(-14, -18)から(32, 20)までです。そのため、複製の一部は意図してセルの端をまたぎます。

ストレート配置では、右へ80単位、または下へ60単位移動すると、等価なモチーフに達します。ハーフドロップでは、次の列へ(80, 30)、同じ列内で(0, 60)移動します。この2つの移動が、繰り返し位置を生成する平行移動、つまり配置の格子ベクトルです。

基準点の一覧で違いが具体的になります。

列縦の1周期の開始時のストレート基準点縦の1周期の開始時のハーフドロップ基準点
1列目(5, 15)(5, 15)
2列目(85, 15)(85, 45)
3列目(165, 15)(165, 75)。縦方向では(165, 15)と等価

ハーフドロップの3列目は、60単位の1周期後に、1列目と同じ縦の位相に戻ります。形状自体は引き伸ばされていません。SVGのパターン単位のガイドは、タイル座標とモチーフの拡大縮小という別の選択を扱います。

同じ非対称モチーフを、そろったストレートの列、縦にずらしたハーフドロップの列、横にずらしたハーフブリックの行に配置し、下に長方形セルを示した独自のSVG配列
横80単位、縦60単位の間隔による、独自のネイティブベクター検証です。変えているのは平行移動だけです。小さいセルには端を回り込む断片を含めています。生地や壁紙の印刷は行っていません。

ずらした2列を、ストレートに繰り返す長方形タイルとして書き出す

この例の通常のストレートリピートには、80 × 60の長方形セルが必要です。ハーフドロップ配置は、2列分の位相を含む160 × 60の長方形のスーパータイルに保存できます。スーパータイルは、より小さい繰り返し配置を組み合わせた大きなセルです。

幅を2倍にするのはなぜでしょうか。ハーフドロップの列移動を2回行うと(160, 60)です。そこから縦の1周期分戻ると(160, 0)になるため、右へ160単位も、このパターンの有効な平行移動です。縦の周期は60のままです。

ハーフブリックの対照例は逆の構成で、80 × 120の長方形スーパータイルに2行分の位相を含めます。「1つおきにずらす」だけでは説明として不十分な理由です。どの方向にずれるか、受け取り先がどの長方形セルを繰り返すかを知る必要があります。

セル境界をまたぐ断片を残します。左側からはみ出すモチーフには、対応する続きが右側に必要です。上下も同じです。タイル単体を整然と見せるためだけに、はみ出した形を内側へ押し込んだり、小さく見える断片を削除したりしないでください。

patternTransformの説明は、既存のパターン座標系の移動や変換を扱います。その操作は、新しい繰り返しセルの正しい端の内容を組み立てることとは別です。

配置プレビューだけでなく、保存したセルを確認する

実際に書き出した3つのSVGセルを開き直しました。すべて同じ5点の多角形と円形アクセントを保ち、各インスタンスは平行移動だけを使っています。回転、反転、複製ごとの形状の拡大縮小はありません。

次に、各セル境界をまたぐ複製を調べ、反対端の続きが、予定するセル幅またはセル高の平行移動位置にあることを確認しました。最後に、タイル状に並べたセルと、独立して列挙した大きな格子を、配置ごとに115,200箇所で比較しました。合計345,600の塗りのサンプル比較は、すべて一致しました。

これは独自のセルのデジタル確認です。あらゆる形状の網羅的試験、ラスター書き出しの継ぎ目試験、印刷生地の証明ではありません。保持した元の参照と正確な平行移動がモチーフの同一性を示し、サンプル比較が、保存された長方形セルが試験位置で意図した面を再現するかを確認します。

自分のデザインでは、両方向に複数回繰り返した表示を確認します。途切れたモチーフ、予期しない空白帯、重複する端の断片、目立つ集まりを探してください。実際の納品用出力も調べます。わずかな再サンプリングやキャンバスサイズの変更で、ネイティブマスターと違うファイルになることがあります。

1次元の帯には独自の制約があります。マスキングテープのリピートのガイドは、その継ぎ目を扱い、それだけで2次元配置も確認できるとはしていません。

図案に合わせて配置を選び、出力を校正する

ストレートリピートでは、そろった列が見えやすくなります。ハーフドロップはその整列を変えますが、繰り返しが見えなくなることや、構図がよくなることを保証しません。不均等な集まりは斜め方向に繰り返すことがあり、大きく方向性のあるモチーフは目立ったままの場合があります。

実際の間隔、空白、動きの方向を判断します。後の色やサイズの変更で2つの構成を混ぜないよう、各配置の承認済みネイティブ版を残します。入稿ファイルが、すでに2列のストレートリピート用スーパータイルなのか、それとも別途ハーフドロップ設定を加える想定なのかを記録してください。ずらしを二重に適用すると、配置はまた変わります。

受け取り側の要件も重要です。Spoonflowerの校正ガイドは、デジタルのリピート確認と、最終的な色や品質を見る実物サンプルを区別しています。ここでは同社へのアップロードや、生地、壁紙、施工工程の試験は行っていません。

適したフラットなモチーフがPNGやJPGでしかなく、編集可能な輪郭が必要なら、PerfectVectorの画像からベクターへの手順で候補SVGを準備できます。複製を並べる前に、輪郭、アクセント、小さい開口部を元画像と比較します。ベクター化は、繰り返し格子の選択、欠けた端の断片の創作、完成した生産用ファイルの認証を行いません。この例のモチーフは、ベクター図案として直接作成しました。

よくある質問

ストレートとハーフドロップで、何が変わりますか? モチーフの位置が変わります。ここで使う列方向のハーフドロップでは、隣の列が縦の繰り返し高さの半分だけ下がります。元のモチーフは変えずに使えます。

ハーフドロップとハーフブリックは同じですか? いいえ。列方向のハーフドロップは隣の列を縦にずらします。行方向のハーフブリックは隣の行を横にずらします。「千鳥状」という言葉だけに頼らず、方向を明示してください。

ハーフドロップにも長方形タイルを使えますか? はい。この例では、ずらした2列の位相を持つ、160 × 60のストレートリピート用スーパータイルを使っています。端で対応する断片を保ち、受け取り側が完成タイルと別途のリピート設定のどちらを求めるか確認します。

出典

  1. Spoonflower:リピートの選択肢:基本、ハーフドロップ、ハーフブリック配置の定義です。
  2. Pattern Observer:ハーフドロップとフルドロップの比較:ストレートの長方形リピートと、縦にずらした隣接列です。
  3. Spoonflower:デザインの校正:デジタル確認と実物製品のサンプルを区別しています。

ラスターしかないモチーフから編集可能な形状が必要ですか? 候補SVGを作成して調べ、採用した図案を残し、意図する繰り返しセルを別に組み立てて確認してください。

ブログのその他の記事

PerfectVector

画像を
編集可能なSVGに変換

クレジットカード不要