この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回はシームレス、かつカスタム可能な虎柄テクスチャを作っていきます。
それでは、さっそく本編にいきましょう。
※解説画像の下に入っている字幕は、解説動画を作ったときに入れたものです。 この記事では動画のスクリーンショットを断片的に入れているので、字幕の文章が成り立っていないことがあります。 あらかじめご了承ください。
虎柄の素を作る
まずペンツールに切り換え、点と点をつなげていくように、左クリックでジグザグ線を引いていきます。
塗りはなしで、線は黒です。
![](https://irarecreate.com/wp-content/uploads/2022/02/beba2b8c818140e8f90725e5e3423afc-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/02/a08b115b7b96184f1a9e352e7b14a1dd.gif)
![](https://irarecreate.com/wp-content/uploads/2022/02/151195ba2bb327a53774fcead2ff6300-1024x576.jpg)
このような線を全部で5本程度作ります。
![](https://irarecreate.com/wp-content/uploads/2022/02/0e54563170167449b9ca9d3322029856-1024x576.jpg)
そうしたら、これらの線を30pt程度に太くして、さらに「可変線幅プロファイル」というところを「線幅プロファイル2」にします。
![](https://irarecreate.com/wp-content/uploads/2022/02/60021fd012cec2345ec08726d726ea32-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/02/1b604a8878b6f3c962abc61e52c59814-1024x576.jpg)
現状では、ジグザグの角のところがカクカクしすぎている感じなので、少し丸くします。
![](https://irarecreate.com/wp-content/uploads/2022/02/d24c06903670f65e92886b89358ee315-1024x576.jpg)
選択ツールで全ての線を選択した状態で、アピアランスパネルを開き「fx」から「スタイライズ」「角を丸くする」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/02/a54f023ec378a4441e8c819e3c776256-1024x576.jpg)
すると下図のようなウィンドウが出てくるので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/02/a517f57566586cc00851c766fe33ab4a-1024x576.jpg)
虎柄の素をパターンとして登録する
ここまできたら、これらの線をパターンとして登録します。
登録は「スウォッチパネル」というところから行います。
![](https://irarecreate.com/wp-content/uploads/2022/02/5a22089ed0c5a4b9744f9d95ef866438-1024x576.jpg)
全ての線を選択して、スウォッチパネルにドラッグ&ドロップすると登録自体は完了です。
![](https://irarecreate.com/wp-content/uploads/2022/02/a11b7b1e1ac419a3347e883ee0c0624c.gif)
![](https://irarecreate.com/wp-content/uploads/2022/02/341fd8c0c5466f11a6ca0949dbc1ca91-1024x576.jpg)
では、このパターンを虎柄に見えるように編集していきます。
登録したパターンをダブルクリックすると「パターンオプション」というパネルと、パターンのプレビューが表示されます。
![](https://irarecreate.com/wp-content/uploads/2022/02/42b54b93c3f09abdeac764f223b8a217-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/02/4b57debb754c3716f7f8f22afa55ea10-1024x576.jpg)
「パターンオプション」パネルで設定をいじりながら、プレビューでその結果をすぐに確認できるという素晴らしいシステムです。
さらに、プレビューは直接触ることもできます。
![](https://irarecreate.com/wp-content/uploads/2022/02/d9d9300c6a82b740a9a259b2e008856c-1024x576.jpg)
ということで、さっそく編集していきます。
まず、これらの線を斜め45度に傾けます。
線を触るには「パターンタイルツール」というボタンを無効にする必要があります。
![](https://irarecreate.com/wp-content/uploads/2022/02/a9aaa0263a5f7a92447bf150f0d56a1a-1024x576.jpg)
パターンタイルとは、下図の青い線のことです。
![](https://irarecreate.com/wp-content/uploads/2022/02/53b2b4298eff2c649c5b5633c4523a7e-1024x576.jpg)
パターンタイルツールを有効にしていると、青い線を触ることができ、無効にしていると、逆にパターンタイル以外(今回でいうと「虎柄の素」)を触ることができる、ということですね。
少し話が逸れましたが、これらの線を選択した状態で回転ツールに切り換え、shiftを押しながらドラッグで、線を45度傾けます。
![](https://irarecreate.com/wp-content/uploads/2022/02/6be0eaf5a9b1a905194f0f1b6adb982c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/02/9ee9d70be196d951a800906adf5c0df9-1024x576.jpg)
これが終わったら、今度はパターンタイルのサイズを調整します。
サイズ調整はマーキング部分のところです。
![](https://irarecreate.com/wp-content/uploads/2022/02/ff3b740f36c32d3fe13d9e6b0cd8c3bb-1024x576.jpg)
ここは直接数値を打ち込んで調整することもできますが、入力窓にカーソルを持っていき、十字キーの上下を押すことでも調整できます。
![](https://irarecreate.com/wp-content/uploads/2022/02/68b2d841b2df19d2da77bf20185ca1f0.gif)
![](https://irarecreate.com/wp-content/uploads/2022/02/166c4e560b5b8c63ec3667d706fd76cd-1024x576.jpg)
これで様子を見ながら、パターンタイルのサイズを決めます。
もし調整中に線の位置が気になったら、随時プレビューから編集するのもありですね。
![](https://irarecreate.com/wp-content/uploads/2022/02/2defe5ddaa404b62b2f05b2ff62e3905-1024x576.jpg)
調整が終わったら「完了」を押して、パターンの調整画面を閉じます。
![](https://irarecreate.com/wp-content/uploads/2022/02/a5373b33b19357564bebd32caf143417-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/02/c06f79d635682134e84032e4dfc4c0a3-1024x576.jpg)
これで虎柄パターンが完成したので、試しにこのパターンを使ってみます。
長方形ツールなどの図形ツールに切り換え、適当に図形を作ります。
![](https://irarecreate.com/wp-content/uploads/2022/02/b6449f53af0e41488300b8abe48b9664-1024x576.jpg)
そして、その塗りをスウォッチパネルから虎柄にします。
![](https://irarecreate.com/wp-content/uploads/2022/02/ab2e1f15f4775d68f7fd2c837f5ab14f-1024x576.jpg)
無事にできあがりました。
![](https://irarecreate.com/wp-content/uploads/2022/02/c9479092ec8825c3806ac37e261e6005-1024x576.jpg)
オレンジの下地を敷いて完成
最後は下地にオレンジを敷きたいですね。
虎柄パターンが適用されている図形と同じサイズの図形を作り、それの塗りをオレンジにします。
![](https://irarecreate.com/wp-content/uploads/2022/02/7a8278d81a4d97d0ba62eac54745cc0e-1024x576.jpg)
その図形を選択した状態で右クリックし「重ね順」から「最背面」を選べば、オレンジの塗りは虎柄パターンの背面に移動します。
![](https://irarecreate.com/wp-content/uploads/2022/02/ba2e31e29d3ed9a8e2538cc5518f8c08-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/02/faf6479dc158104c79a798a441979c3a-1024x576.jpg)
虎柄とオレンジの塗りはグループ化しておけば、サイズ変更するときにラクです。
ショートカットはctrl(⌘) + [ g ]です。
![](https://irarecreate.com/wp-content/uploads/2022/02/a2f4f3a519a86e6be9d2a6cfb095e018.gif)
![](https://irarecreate.com/wp-content/uploads/2022/02/a49adcf5134880cab2c5e61c3ba2c10c-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
コメント