painter log

（クリックでパターン表示）

オフセットつきのパターンの作り方がわかった（直前の投稿 参照）。となると次は、ちょっと前にはまってた Painter 12 の万華鏡機能を使ったパターン作成と組み合わせてみたい、となるわけで。

万華鏡モードによる六角形をベースにしたいので、キャンバスの大きさは 200 x 173 （2 : ルート 3）としました。水平方向に 50% ずらして［パターンの取り込み］を行ったあと、保存されたパターンを［パターンの確認］で開き、まず中央に対称面 6 枚で万華鏡モードで描画、その後、空いた部分を中央に移動して対称面を 3 枚に減らして加筆、さらにもうひとつの空きも同じように埋めました。

リンク先のサンプル表示のページで使用している背景画像は、ブラウザでも繰り返しになる大きさで切り出してあります。

パターンタイルそのものは下の画像です。Painter で開いて全選択の上、［パターンの取り込み］を水平方向オフセット 50% で実行すると、継目のないパターンになります。

（クリックでパターン表示）

気にはなっていたけど、とりあえずわからなかったので、「また後で研究してみよう」と思ってそれっきりになってたことのひとつが、Painter での オフセットあり、かつ、シームレス（継目なし）なパターンの自作方法でした。この画像は 400 x 400 ピクセルですが（クリックでページ全体でパターンを表示）、縦横 200 ピクセルのパターンで、「水平方向にずらす」を 50% にして登録したものが、もとのデータです。

けっこう重箱の隅をほじくりまくっているつもりだったんですが、今ごろやっと発見。ユーザーガイドにも言及がありません。もったいない。すごく使える機能だと思うのに。

ともかく、サクッと手順を。（Painter 12 の［パターン］コントロールパネルでの作業は、Painter 11 までのパターンパレットで行えます。）

1. 作りたいパターンのタイル（繰り返しの元となる単位）のサイズで新規ファイルを開く。
2. ［全選択］を実行（Ctrl+A）。
3. ［パターン］コントロールパネルのメニューから、［パターンの取り込み］を実行。このときに提示されるダイアログで、「水平方向にずらす」あるいは「垂直方向にずらす」を選択した上、下のスライダでずらす量を指定、その後、名前をつけてパターンとして保存。
4. パターンのリストで、さっき保存したパターンを選び、［パターン］コントロールパネルのメニューから［パターンの確認］を実行。新しく開いたファイルでその後の編集を続ける。（いったんパターンとして登録したので、Space+Shift でキャンバスをずらしながら、継目のないイメージとして編集できます。）
5. 編集しおわったら、［パターン］コントロールパネルから［イメージをライブラリに追加］を実行、名前をつけてライブラリに追加保存します。

とりあえず、どんなふうにズレるのかを Painter 上で確認したいかたは、下の画像をローカル保存して、次の手順で試してください。

1. Painter でこの画像を開く。
2. ［全選択］して［パターンの取り込み］を実行。
3. このパターンは水平方向のずらし量 50% で作成したので、これと同じずらし量を設定してパターンとして登録。

登録できたら塗潰しなどで試してください。パターン登録してからスライダでずらし量を変更すると、作成時と違うずらし量であるために、塗潰したときに模様がうまく繋がらなくなるのを確認できると思います。

「パターンの不透明度」を使うタイプのブラシ（パターンチョークをちょっとだけカスタマイズ）でレースを描いてみました。描点が「レンダー」のブラシは描き始めのところでダマになるので、広めの範囲に描いて外から消しゴムかけたほうがうまくいくようです。うまくつなぐのはほとんどムリかも。

ディズニー映画の「プリンス・オブ・ペルシャ 時間の砂」の強がりなタミーナ王女のイメージで。衣装が豪華でした。

使ったパターンファイルは下の 2 つです。いずれもローカル保存の上、Painter で開き、パターンとして「取り込み」をすればすぐに使えます。

うちの「常備おやつ」です。ときどき他のも買うけど、やっぱりこれにもどってきます。

ちょっと前に PNG ファイルをミキサーデータに変換するスクリプト を公開したのですが、そのアイデアが Jitter Brush の David Gell さんを通じて Studio Chris の Chris さんに伝わり、Chris さんが Adobe AIR 利用のツール、MXSMaker を作成、このたび公開となりました。（Chris さんからはきちんとわたしにコンタクトがあり、アイデアやコードの使用を認めてあります。）

最近の Adobe 製品をインストールしてある環境なら Adobe AIR も入っていますので、このツールが簡単に使えるようになります。このツールを使うとローカルのパソコン上で（わたしが提供しているスクリプトをブラウザから使う、という手間なしに）、画像を Painter のミキサーパッドのデータに変換できます。

Adobe AIR 環境がないかたは、うちの変換ツールをどうぞ。

ここでミキサーに表示している絵は、らくがき Gallery の 石段と雑草 です。

Thanks Chris, for expanding my idea into a great tool!

Painter 12 をインストールして以来、ついつい遊んでしまうミラーペイントと万華鏡ペイント。ミラーにするだけで労力は半分。で、どうしても歪んでしまう正面顔が描きやすい。こんなのに依存しちゃってもどうかと思いますが。

線画はこのごろ気に入っている、リアル鉛筆（Painter 11 のハードメディア機能利用の鉛筆）の手法を「重ね塗り」に変更したものを使って、キャンバス上に。その上から Painter 12 で新搭載の リアル水彩 で着彩。その後、ミラーペイントを解除して上に水彩レイヤーを重ね、左右不対称で少し色を追加。

ペリドットの緑色は好きな色です。きれいな天然石としてはわりと安いのもよいですね。

（クリックでパターン表示）

Painter 12 の万華鏡モードで六角形の文様が楽に描けます。これをきれいに並べればパターンになるはずですが、Painter 内蔵のパターン機能には六角形をぎっしり詰めて繰り返すモードはありません（基本的に長方形を並べるのみ）。

それでも画像サイズを把握して、ペーストしてできたレイヤーの位置調整をきっちりやれば、ちゃんと揃ったパターンが作れます。手作業なので少し面倒ではありますが。以下、150 x 130 ピクセルのキャンバスに描いた万華鏡ペイントでの数値と手順紹介です。

1. 正三角形の下辺が 2 のとき、高さはルート 3（1.732）。従って、キャンバスの横と縦の割合は 2 対 1.732 にする。たとえば 150 x 130 ピクセル。
2. 部品になる画像を大きいキャンバスに貼り付ける。合成モードを Gel（フィルタ）に変更。
3. レイヤーパネルから貼り付けたレイヤーの位置（左上の座標）を確認。
4. このレイヤーをさらにコピーして貼り付けると、同じ位置に重ねてペーストされるので、これを部品画像ひとつぶん（この場合 130 ピクセル）、上か下にずらす。レイヤー調整ツールを選択し、このレイヤーをクリックしてフォーカスを移したあと、キーボードから Shift + ↑ を 13 回押すと 130 ピクセル上に移動する。
5. もうひとつペーストして位置移動し、3 つの画像（Gel レイヤー）を縦に整列させ、グループ化する。
6. このグループをコピーしてペースト、横方向に部品画像の幅の 4 分の 3 ずらす。この場合 112 ピクセル。カーソルキーを使うと、Shift 併用で 10 ピクセルずつ、Shift なしで 1 ピクセルずつ、正確にずらすことができる。（レイヤー属性から数値で指定することも可。）
7. 次に上下に画像部品の高さの半分（この場合 65）ずらす。
8. グループをもうひとつペーストし、同じようにずらす。
9. 全体を選択し、「結合部分をコピー」したあと、「新規画像にペースト」する。（別ファイルにしたくないときは、仮に一度レイヤーを全部固定して次の作業へ。）
10. 部品となる画像の並びの上に、横幅を横ずらしのピクセル数 x 2（この場合 224）、縦幅をもとのキャンバス高さのピクセル数（この場合 130）となる選択範囲をつくり、選択して「新規画像にペースト」する。これでパターンのもとのできあがり。
11. パターンコントロールパネルのメニューから Capture Pattern（パターンの取り込み）を実行（下のスライダは 0 で）。これで塗潰しなどに使えるようになります。

きれいに六角形に並べるにはどうするか、というのを具体的に手順確認してみたまでで、万華鏡モードじゃなくても並べてパターンにするのはできます。