
(クリックでパターン表示)
オフセットつきのパターンの作り方がわかった(直前の投稿 参照)。となると次は、ちょっと前にはまってた Painter 12 の万華鏡機能を使ったパターン作成と組み合わせてみたい、となるわけで。
万華鏡モードによる六角形をベースにしたいので、キャンバスの大きさは 200 x 173 (2 : ルート 3)としました。水平方向に 50% ずらして[パターンの取り込み]を行ったあと、保存されたパターンを[パターンの確認]で開き、まず中央に対称面 6 枚で万華鏡モードで描画、その後、空いた部分を中央に移動して対称面を 3 枚に減らして加筆、さらにもうひとつの空きも同じように埋めました。
リンク先のサンプル表示のページで使用している背景画像は、ブラウザでも繰り返しになる大きさで切り出してあります。
パターンタイルそのものは下の画像です。Painter で開いて全選択の上、[パターンの取り込み]を水平方向オフセット 50% で実行すると、継目のないパターンになります。


(クリックでパターン表示)
気にはなっていたけど、とりあえずわからなかったので、「また後で研究してみよう」と思ってそれっきりになってたことのひとつが、Painter での オフセットあり、かつ、シームレス(継目なし)なパターンの自作方法でした。この画像は 400 x 400 ピクセルですが(クリックでページ全体でパターンを表示)、縦横 200 ピクセルのパターンで、「水平方向にずらす」を 50% にして登録したものが、もとのデータです。
けっこう重箱の隅をほじくりまくっているつもりだったんですが、今ごろやっと発見。ユーザーガイドにも言及がありません。もったいない。すごく使える機能だと思うのに。
ともかく、サクッと手順を。(Painter 12 の[パターン]コントロールパネルでの作業は、Painter 11 までのパターンパレットで行えます。)
- 作りたいパターンのタイル(繰り返しの元となる単位)のサイズで新規ファイルを開く。
- [全選択]を実行(Ctrl+A)。
- [パターン]コントロールパネルのメニューから、[パターンの取り込み]を実行。このときに提示されるダイアログで、「水平方向にずらす」あるいは「垂直方向にずらす」を選択した上、下のスライダでずらす量を指定、その後、名前をつけてパターンとして保存。
- パターンのリストで、さっき保存したパターンを選び、[パターン]コントロールパネルのメニューから[パターンの確認]を実行。新しく開いたファイルでその後の編集を続ける。(いったんパターンとして登録したので、Space+Shift でキャンバスをずらしながら、継目のないイメージとして編集できます。)
- 編集しおわったら、[パターン]コントロールパネルから[イメージをライブラリに追加]を実行、名前をつけてライブラリに追加保存します。
とりあえず、どんなふうにズレるのかを Painter 上で確認したいかたは、下の画像をローカル保存して、次の手順で試してください。
- Painter でこの画像を開く。
- [全選択]して[パターンの取り込み]を実行。
- このパターンは水平方向のずらし量 50% で作成したので、これと同じずらし量を設定してパターンとして登録。
登録できたら塗潰しなどで試してください。パターン登録してからスライダでずらし量を変更すると、作成時と違うずらし量であるために、塗潰したときに模様がうまく繋がらなくなるのを確認できると思います。


「パターンの不透明度」を使うタイプのブラシ(パターンチョークをちょっとだけカスタマイズ)でレースを描いてみました。描点が「レンダー」のブラシは描き始めのところでダマになるので、広めの範囲に描いて外から消しゴムかけたほうがうまくいくようです。うまくつなぐのはほとんどムリかも。
ディズニー映画の「プリンス・オブ・ペルシャ 時間の砂」の強がりなタミーナ王女のイメージで。衣装が豪華でした。
使ったパターンファイルは下の 2 つです。いずれもローカル保存の上、Painter で開き、パターンとして「取り込み」をすればすぐに使えます。



(クリックでパターン表示)
Painter 12 の万華鏡モードで六角形の文様が楽に描けます。これをきれいに並べればパターンになるはずですが、Painter 内蔵のパターン機能には六角形をぎっしり詰めて繰り返すモードはありません(基本的に長方形を並べるのみ)。
それでも画像サイズを把握して、ペーストしてできたレイヤーの位置調整をきっちりやれば、ちゃんと揃ったパターンが作れます。手作業なので少し面倒ではありますが。以下、150 x 130 ピクセルのキャンバスに描いた万華鏡ペイントでの数値と手順紹介です。
- 正三角形の下辺が 2 のとき、高さはルート 3(1.732)。従って、キャンバスの横と縦の割合は 2 対 1.732 にする。たとえば 150 x 130 ピクセル。
- 部品になる画像を大きいキャンバスに貼り付ける。合成モードを Gel(フィルタ)に変更。
- レイヤーパネルから貼り付けたレイヤーの位置(左上の座標)を確認。
- このレイヤーをさらにコピーして貼り付けると、同じ位置に重ねてペーストされるので、これを部品画像ひとつぶん(この場合 130 ピクセル)、上か下にずらす。レイヤー調整ツールを選択し、このレイヤーをクリックしてフォーカスを移したあと、キーボードから Shift + ↑ を 13 回押すと 130 ピクセル上に移動する。
- もうひとつペーストして位置移動し、3 つの画像(Gel レイヤー)を縦に整列させ、グループ化する。
- このグループをコピーしてペースト、横方向に部品画像の幅の 4 分の 3 ずらす。この場合 112 ピクセル。カーソルキーを使うと、Shift 併用で 10 ピクセルずつ、Shift なしで 1 ピクセルずつ、正確にずらすことができる。(レイヤー属性から数値で指定することも可。)
- 次に上下に画像部品の高さの半分(この場合 65)ずらす。
- グループをもうひとつペーストし、同じようにずらす。
- 全体を選択し、「結合部分をコピー」したあと、「新規画像にペースト」する。(別ファイルにしたくないときは、仮に一度レイヤーを全部固定して次の作業へ。)
- 部品となる画像の並びの上に、横幅を横ずらしのピクセル数 x 2(この場合 224)、縦幅をもとのキャンバス高さのピクセル数(この場合 130)となる選択範囲をつくり、選択して「新規画像にペースト」する。これでパターンのもとのできあがり。
- パターンコントロールパネルのメニューから Capture Pattern(パターンの取り込み)を実行(下のスライダは 0 で)。これで塗潰しなどに使えるようになります。
きれいに六角形に並べるにはどうするか、というのを具体的に手順確認してみたまでで、万華鏡モードじゃなくても並べてパターンにするのはできます。

Painter のパターンは単に繰り返すだけでなく、横方向あるいは縦方向にずらしながら繰り返す、というものもあります。通常の繰り返しだと四角形格子状の繰り返しになるところ、たとえば横方向に 50% ずつずれる繰り返しだと、六角形的な繰り返しになり、このほうが「いかにも繰り返し」という印象がないので、なかなか便利です。
このパターンは次の手順で作成しました。
- 40 x 40 ピクセルでモチーフをひとつだけ、黒で描く。
- この絵をパターンとして取り込む。このとき、「水平方向にずらす」を選択、オフセットを 50% にする。
- 新しい大きめのファイルを開き、保存したパターンで塗り潰す。
- 「自動選択」を「画像の明るさ」を元にして行い、新規レイヤーを作成、このレイヤー上で選択範囲を黒で塗り潰す。
- キャンバスは白で塗り潰しておく。
- レイヤーに戻り、「透明度ロック」にチェックを入れて、黒一色のパターンを自由な色で塗っていく。ただし、パターンの単位の周辺になる部分は同じ色にしておくこと。(「透明度ロック」がオンの状態だと、レイヤーのすでに描画されている部分以外には色がつかない。)
- 「クローン作成」し、縦・横とも 40 の倍数になる大きさで選択してコピー、「新規画像にペースト」して保存。
できあがった画像をさらにパターンに取り込んでも使えますし、JPEG 保存してウェブ用その他、汎用の継ぎ目のないパターンとして使えます。(画像クリックで、繰り返しパターン表示のページへ。)

キャプチャブラシを作成、角度の範囲を 360 度にして角度はランダム、色の範囲も設定して、まず紫で、その上からオレンジで、「パターン化」をオンにして(キャンバス上の描画が上下左右にループする状態にして)、適当に描画、ちょっと「シャープ」をかけて作成。パターンにした状態は ここ。

Painter IX で搭載された「パスをなぞる」機能と、パターンペンの併用の例。
まず、フリーハンドツールででぐるぐるなシェイプを作成。アンカーを調整したり、全体の方向やサイズををレイヤー調整ツールでいじる。上にシェイプを置いたままキャンバスにもどり、「緑のツル模様」パターンを選択して、ブラシツールで「パターンペン」のパターンペン・バリアントを選択、プロパティバーで「パスなぞり描き」をオンにして、パスからはずれないようゆっくりなぞる。以上。
パターンペンはストロークが切れるとパターンの整合性がなくなってしまうので、あらかじめパスを作成しておいてなぞったほうが安心ですね。「パスなぞり描き」の設定が「環境設定」の「シェイプ」の面にあるので、描きにくかったら調節します。