この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、イラレのブラシ機能の一つ「パターンブラシ」の使い方を解説していきます。
まず「ブラシ」とは何か、という話ですが「マスキングテープ」のようなものだと思っていただければ、想像がつきやすいかと思います。
マスキングテープには絵柄がプリントされたものがあり、それをモノに貼るとデコレーションができますよね?
それと同じで、イラレのブラシは線を引いたところに絵柄を描くことができる機能です。
そして「パターンブラシ」はその言葉通り、登録したアートワーク、つまり絵柄をパターン化し、線が終わるまで繰り返してくれます。
![](https://irarecreate.com/wp-content/uploads/2022/06/0a73d66464702edd6515580f369a9ec9-1024x576.jpg)
登録する絵柄の種類は複数ある
それでは、さっそくそのパターンブラシを作っていきましょう。
サンプルで作るものは、レースのブラシです。
![](https://irarecreate.com/wp-content/uploads/2022/06/c8c9d0248a3f881c053c74ac8d786690-1024x576.jpg)
元の絵柄はこちら(下図参照)です。
線を引いたところに、これが繰り返し描かれることになります。
![](https://irarecreate.com/wp-content/uploads/2022/06/05fbae88a0383b094d04d1f6312c40bd-1024x576.jpg)
今回は四角形のような、角がある図形の枠線にもパターンブラシを適用することを想定してブラシを作っていきます。
そうなると、元の絵柄の他に、角に当てはめる絵柄も作る必要があります。
設定する角は2種類あります。
パターンブラシを適用する図形の角が、下図のように全て外側に向いているときは1種類だけ設定すれば良いのですが、
![](https://irarecreate.com/wp-content/uploads/2022/06/3cd3faea547ec823a2dca85a12cedb60-1024x576.jpg)
下図のように内側に向いている角がある場合は、2種類設定しなければいけません。
![](https://irarecreate.com/wp-content/uploads/2022/06/3d785be45d4a32f0483b2c355ad7b8ce-1024x576.jpg)
先にパターンブラシの設定画面をお見せしますが、下図では、それぞれの角のことを「外角タイル」「内角タイル」と表現しています。
![](https://irarecreate.com/wp-content/uploads/2022/06/993cbf63e2b7d0eabe7530ac9829dcda-1024x576.jpg)
絵柄には仮装ボディをつけると良い
ということで、それぞれの角に絵柄が来たとき、どのようにしたら良いのかを設定します。
この記事はレースブラシの作り方解説動画ではないので、制作過程は省きますが、角の絵柄は下図のようになります。
![](https://irarecreate.com/wp-content/uploads/2022/06/d6ba767b0d7b996593d6eacf82f7dd28-1024x576.jpg)
ここで1つポイントですが、絵柄には仮想ボディをつけておくと、ブラシを作る際にミスをすることが少なくなるかと思います。
![](https://irarecreate.com/wp-content/uploads/2022/06/7fd73f2bec73d9c8fbed2a3960d252ea-1024x576.jpg)
というのも、パターンブラシは登録する絵柄を同じ大きさに揃えないと、うまくつながらないことがあるからです(下図参照)。
![](https://irarecreate.com/wp-content/uploads/2022/06/cb356073dec066f32ffdd76b30bec30e-1024x576.jpg)
なので、それぞれの絵柄には、塗りも線も設定していない四角形の仮想ボディを配置して大きさを揃えます。
![](https://irarecreate.com/wp-content/uploads/2022/06/02b12c0e29164f96edeb2bc44f08883a-1024x576.jpg)
絵柄を登録する
これでパターンブラシの部品が揃ったので、ブラシの登録を行っていきます。
ただの線だけのブラシは「ブラシパネル」というところに登録すれば良いのですが、
![](https://irarecreate.com/wp-content/uploads/2022/06/7094bbf2839cb7604682efc25be4b653-1024x576.jpg)
角があるブラシを登録する際は、その角を「スウォッチパネル」というところに先に登録する必要があります。
![](https://irarecreate.com/wp-content/uploads/2022/06/511dc72f8ae3ef243ef1a580cba7ff0b-1024x576.jpg)
登録はスウォッチパネルに、登録したい絵柄をドラッグ&ドロップすれば、できます。
![](https://irarecreate.com/wp-content/uploads/2022/06/0b6e0f17af452ce1e4a6c60de3a4f7ca.gif)
![](https://irarecreate.com/wp-content/uploads/2022/06/138433ebebfb18c191bcb193ac50e6b8-1024x576.jpg)
また今回は設定しませんが、線の端に絵柄を加えたいときもスウォッチパネルに登録します。
ここでもパターンブラシの設定画面をお見せしますが、線の端の絵柄を登録する向きは必ず「横」です。
![](https://irarecreate.com/wp-content/uploads/2022/06/0f0a82015597309138e4198e0831b11e-1024x576.jpg)
残りの絵柄は、ブラシパネルに登録します。
こちらもドラッグ&ドロップで登録可能です。
![](https://irarecreate.com/wp-content/uploads/2022/06/afa3058da5e60d4bcf9bcec622d7c64c.gif)
![](https://irarecreate.com/wp-content/uploads/2022/06/39c5c491a6ff754bf76adcf22debb568-1024x576.jpg)
もしうまくいかない場合は、選択ツール(V)で登録したい絵柄を選択した状態で、パネルのここ(下図1枚目)を押して、「新規ブラシ」から登録します。
![](https://irarecreate.com/wp-content/uploads/2022/06/782663eafc61d8db8a737be9e108a299-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/979af8b500c8c4bfaf33a695df0372de-1024x576.jpg)
すると下図のようなウィンドウが出てくるので、「パターンブラシ」にチェックを入れて、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/06/d17d85e98b0ea35794136ebf5156f5a1-1024x576.jpg)
次に「パターンブラシオプション」というウィンドウに切り換わるので、下図マーキング部分のところで、それぞれの箇所の絵柄をあてはめていきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/95830d6b34dfb3064abb9f974b657677-1024x576.jpg)
今回設定するのは、この3つ(下図マーキング部分)です。
それ以外は見ての通り、線の端の絵柄の設定です。
![](https://irarecreate.com/wp-content/uploads/2022/06/48fbfbf331496e417ccfec49835fa89a-1024x576.jpg)
ただの線になっている部分はすでに絵柄が登録されているので、残り2箇所を設定します。
![](https://irarecreate.com/wp-content/uploads/2022/06/1742652481dd329b9c7bc80dc8b51da6-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/0c00c119074cef1970efe4ff6730ded5-1024x576.jpg)
左クリックすると、先ほどスウォッチパネルに登録した絵柄があるので、それを選択します。
![](https://irarecreate.com/wp-content/uploads/2022/06/67fa54a5f34b43281852b3f82c9b353d-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/ddfd392ded11b6cab1bce6189d4f6f11-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/6d4733c72ed243c113844fd209b89f58-1024x576.jpg)
パターンブラシを調整する
これでブラシ自体の設定は完了しましたが、マーキング部分のところから細かい設定ができます。
![](https://irarecreate.com/wp-content/uploads/2022/06/dcd137ccc20ff3ff7de2b11868bcb13e-1024x576.jpg)
実際にパターンブラシを適用させたものがあったほうがわかりやすいので、一度OKを押して、このウィンドウを閉じ、図形を用意します。
![](https://irarecreate.com/wp-content/uploads/2022/06/08821c5a0f923d724a05d57f7ccb8b04-1024x576.jpg)
図形を用意したら、それを選択ツールで選択して、ブラシパネルから先ほど登録したブラシを適用します。
![](https://irarecreate.com/wp-content/uploads/2022/06/056dc100815dcdcebd2efc1c45b1c510-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/88488fdfbc091ed04fbb51a79063f1cc-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/e44988e9aba446a03039bd5970b58df2-1-1024x576.jpg)
さらにこれをダブルクリックすると、再度「パターンブラシオプション」が開きます。
![](https://irarecreate.com/wp-content/uploads/2022/06/8f40dbd4430c4281c15b7b8445d52239-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/1b7e476704f2216bd7236c7d7cab47fd-1024x576.jpg)
大きさや間隔を調整する
ブラシが太かったり、細かったりする場合は「拡大・縮小」のところを「固定」にした状態で、横のバーをスライドさせれば、調整ができます。
数値でも調整可能です。
![](https://irarecreate.com/wp-content/uploads/2022/06/4fb1df0af82afae19b932d0af1004bcd-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/223a6b7b6de9c870aa11af88bf37dda7-1024x576.jpg)
固定の他にも複数ありますが、これらはペンタブでのみ使えるものなので、解説を省きます。
![](https://irarecreate.com/wp-content/uploads/2022/06/9706b92305cc2334930e0ca37712be53-1024x576.jpg)
すぐ下の「間隔」はその言葉通り、絵柄同士の間隔を調整できます。
![](https://irarecreate.com/wp-content/uploads/2022/06/60f26a707fdf4565f3665c709212a478-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/7f6c74d50662a3dca773b47a95fd9573-1024x576.jpg)
反転:軸に沿ってフィット
「反転」というところですが「軸に沿って反転」は、引いた線に沿って絵柄を反転させるということです。
今回の絵柄の元は左右対称なので、ここにチェックを入れても変化はありません。
![](https://irarecreate.com/wp-content/uploads/2022/06/72a746f767d43c2c6fbf312a732832ab-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/bb38ef676b73b5ff201fcb96c98a6258-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/5b70d54750e113aac0e7f8fb2b83bf39-1024x576.jpg)
仮に矢印のような絵柄をパターンブラシに登録して、それの向きを反転させたいときに、ここにチェックを入れれば、逆方向に切り換わります。
![](https://irarecreate.com/wp-content/uploads/2022/06/f32cf2f7e81b68dba7b514f201e58ddb-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/220eb24e793e0ba6f59ab405b9ce0f51-1024x576.jpg)
反転:軸を基準に反転
一方「軸を基準に反転」は、引いた線の絵柄の上下を反転させるということです。
これは今回のものにも使えます。
![](https://irarecreate.com/wp-content/uploads/2022/06/e524351004db514abd2de4ce5eb17121-1024x576.jpg)
チェックを入れると、外側と内側の絵柄が入れ換わりました。
![](https://irarecreate.com/wp-content/uploads/2022/06/be76849ea7105189570010aff9fb2bb9-1024x576.jpg)
フィット:タイルを伸ばしてフィット
次に「フィット」ですが、これは四角形の方を見ていただけるとわかりやすいです。
![](https://irarecreate.com/wp-content/uploads/2022/06/cc086b15b2b065bd3e80cb7de258c49a-1024x576.jpg)
「タイルを伸ばしてフィット」は図形の辺に収まるように、絵柄を少し伸び縮みさせるものです。
![](https://irarecreate.com/wp-content/uploads/2022/06/dc7c2f7837665d034b419d6a52ba8238-1024x576.jpg)
その結果、下図のように絵柄は歪むことがあります。
規則性のない模様であれば、歪みはそれほど気にならないかもしれません。
![](https://irarecreate.com/wp-content/uploads/2022/06/3d6f54501ec5b9d89bd781a24568d10c-1024x576.jpg)
フィット:間隔をあけてパスにフィット
続いて「間隔をあけてパスにフィット」は言葉通り、絵柄同士の間隔を調整することで図形の辺に絵柄をフィットさせるものです。
間隔が空いても良いデザインであれば、歪みも発生しないので良いのではないでしょうか。
![](https://irarecreate.com/wp-content/uploads/2022/06/341ff0f232d2c8bf8fb0af11496dfd59-1-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/74395204826a44efdb3d35dc9ddd84ff-1024x576.jpg)
フィット:中心をずらしてフィット
3つ目の「中心をずらしてフィット」は、間隔を作らないで、かつ、歪みも発生しないものです。
![](https://irarecreate.com/wp-content/uploads/2022/06/fb1b060e978fe03df088c109d6233daf-1-1024x576.jpg)
その代わり、絵柄は図形自体の形にはフィットしていません。
四角形を選択した状態で、この設定にするとわかりやすいです。
![](https://irarecreate.com/wp-content/uploads/2022/06/d4803d9ec8aad2ac03aa442542e822ec-1024x576.jpg)
「フィット」の比較
下図マーキング部分の2つは、仮想ボディを含めた絵柄の中心をパスが通っているのに対し、
![](https://irarecreate.com/wp-content/uploads/2022/06/5217281a87fd28ed57819aa578bbb96f-1024x576.jpg)
「中心をずらしてフィット」は、パスの中心からずれています。
![](https://irarecreate.com/wp-content/uploads/2022/06/d25a9d0aa80fe6a3933f08e91c343e9d-1024x576.jpg)
四角形にフィットしていなくても良いから、絵柄を綺麗にしたい(歪みを無くしたい)というときには、「中心をずらしてフィット」が良いかと思います。
着色
最後に「着色」です。
![](https://irarecreate.com/wp-content/uploads/2022/06/07fe619c381d486bf918153f24f1aed2-1024x576.jpg)
「方式」というところのここ(下図1枚目)を押すと、「なし」「彩色」「彩色と陰影」「色相のシフト」の4つが選べます。
![](https://irarecreate.com/wp-content/uploads/2022/06/6753cd5de3140454aee6c7d410210343-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/e685c71d11159a6d1aebaf66de69e774-1024x576.jpg)
「なし」は、パターンブラシを登録したときから、色は何もいじらないということです。
彩色
今回のような単色のパターンブラシであれば「彩色」を選択しておくと、ブラシの色を変えるとき、その変更がラクになります。
![](https://irarecreate.com/wp-content/uploads/2022/06/ea738bb18828d3a6401c1ed16ae4be35-1024x576.jpg)
そして、レースブラシの色を黒にしておいたのも「彩色」ならではの理由があります。
「彩色」という設定は、絵柄の「黒い部分」はそのまま変更した線の色に変わるようになっています。
一方、絵柄に「白い部分」がある場合、その白は線の色を変更しても白のままです。
そして、「それ以外の色」はどうなるかというと、変更した線の色に近い淡い色に置き換わります。
![](https://irarecreate.com/wp-content/uploads/2022/06/cbacd34e628144ca4f1101420f93e403-1024x576.jpg)
個人的に、黒以外は自分の求めている色にならないことが多いので、あまりオススメしません。
彩色と陰影、色相のシフト
残り2つの「彩色と陰影」「色相のシフト」ですが、これはイラレからヒントが与えられているので、それを見ながら解説します。
![](https://irarecreate.com/wp-content/uploads/2022/06/8535ae8591a8ecfdc42a4c80d09ada0f-1024x576.jpg)
ここ(下図参照)を押すと、それぞれの設定で絵柄の色がどのように変化するかをサンプルで見ることができます。
![](https://irarecreate.com/wp-content/uploads/2022/06/0c65d2958aa168df26ffde7b0f12aba0-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/4cc55135472eed789b62e47e0ff44719-1024x576.jpg)
「彩色と陰影」は黒い部分と白い部分は、線の色を変更してもそのままで、それ以外の色は、変更した線の色に近い濃い色に置き換わります。
![](https://irarecreate.com/wp-content/uploads/2022/06/ea283ed93088f91a1e548eccd46c8890-1024x576.jpg)
「色相のシフト」は絵柄の大半を占めている色を「キーカラー」として、それ以外の色は、そのキーカラーに関連した色に置き換わります。
![](https://irarecreate.com/wp-content/uploads/2022/06/008f34c0b275f12ba550aaf6242932a2-1024x576.jpg)
関連した色というのは、サンプルを見る限り色相環の隣り合う色のようですが、日本ではあまり見かけない配色だと感じました。
![](https://irarecreate.com/wp-content/uploads/2022/06/48a59c94e1f85720a02020a1987f2a64-1024x576.jpg)
もし「キーカラー」を変えたいときは、❶スポイトボタンを押して、❷プレビューからキーカラーにしたい色を左クリックで抽出します。
![](https://irarecreate.com/wp-content/uploads/2022/06/cf82467e403c4a32cd560035920cc82a-1024x576.jpg)
因みに私は「彩色と陰影」「色相のシフト」は普段使わないので、正直この2つの扱いは得意ではないです(^^;
以上、パターンブラシの使い方解説でした。
この機能は今回のようにフレームを作るときだけでなく、キャラクターの衣装の柄などにも活用できますので、使い方を覚えておくと作品の幅が広がるかと思います。
最後までお読みいただき、ありがとうございます。
コメント