こんにちは!専門学校講師のイラレさんです。
海外でYouTubeに投稿された途端、バズってしまった「とあるイラレの動画」を知っていますか?約1ケ月半で15万再生とイラレ界隈だと大ヒットの再生回数です!
これがすごくカッコいいのですが、英語の解説なので日本人にとってはちょっと分かりにくいんですよね。
そこで私イラレさんが、分かりやすく日本語で解説します。さらに独自の簡略手順に改良しているのでサクッと使えてしまう!といった内容です。覚えたらきっと「えっ!凄ッ!!」って言われるはずなのでぜひ最後までご覧ください。
パターンを作成する
![](https://inte-action.com/wp-content/uploads/2023/03/WS000167.jpg)
![](https://inte-action.com/wp-content/uploads/2023/03/WS000168.jpg)
![](https://inte-action.com/wp-content/uploads/2023/03/WS000169.jpg)
まずはパターンを作っていきます。直線ツールで画面をクリック。長さが190px、線幅が1pxでいきます。この辺はお好みで変えてもらってかまいません。
![](https://inte-action.com/wp-content/uploads/2023/03/WS000170.jpg)
![](https://inte-action.com/wp-content/uploads/2023/03/WS000171.jpg)
![](https://inte-action.com/wp-content/uploads/2023/03/WS000172.jpg)
この線を効果>パスの変形>ジグザグ。「滑らかに」にチェックを入れて波線で使います。大きさが8px、折り返しが1pxです。
![](https://inte-action.com/wp-content/uploads/2023/03/13a1f160390eaae76a9dc6b1e6da58fd-1024x555.jpg)
でき上がった波線をスウォッチパネルにドラッグ&ドロップします。そうすると新たに波線のパターン(柄)が登録されます。登録されたパターンをダブルクリックすると、パターンの編集画面になります。
![](https://inte-action.com/wp-content/uploads/2023/03/10612029db7cdafbfecf0f8574d296dc-1024x555.jpg)
パターンオプションのパターンタイルツールで
![](https://inte-action.com/wp-content/uploads/2023/03/6cd509c433c87c28b93d3a9344bbf5db-1024x555.jpg)
高さを5pxに変更します。間隔が狭くなりましたね。これで第一のパターンが完成です!次は、これをコピーしていきます。
![](https://inte-action.com/wp-content/uploads/2023/03/70978807b419e9443d96951cf2087d98-1024x555.jpg)
スウォッチパネルからスウォッチを複製します。複製した方をダブルクリックしてパターンオプションの画面になったら
![](https://inte-action.com/wp-content/uploads/2023/03/032ab5b62c1351a1bc457fa3163af7ab-1024x555.jpg)
線の太さを2pxに変更します。これが第二のパターンになります。同じ操作でパターンを複製し、線の太さを3pxにしたものも作ります。これで3つパターンができました!
画像にパターンをのせる
では、画像を配置します。画像の配置は、ファイル > 配置からですね。
![](https://inte-action.com/wp-content/uploads/2023/03/1e0fe70fc72bddd71e9149cc3bc993d1-1024x555.jpg)
![](https://inte-action.com/wp-content/uploads/2023/03/AdobeStock_276257032-1-1024x680.jpg)
使うのはメガテンに出てきそうなこちらの銅像。これでやってみたいと思います!
![](https://inte-action.com/wp-content/uploads/2023/03/e9b81d58c59060aeb0f805cca3d92e70-1024x555.jpg)
ウインドウ > 画像トレース
![](https://inte-action.com/wp-content/uploads/2023/03/5ab80816a3692857b8b451b837c0a4fc-1024x555.jpg)
カラーモードは白黒です。詳細をクリックして
![](https://inte-action.com/wp-content/uploads/2023/03/703ed10cfb94e954207c5c3d73c513c3-1024x555.jpg)
しきい値、パス、コーナー、ノイズをこんな設定にします。画像に合わせて設定を変えるのがいいの参考までにとなりますが、輪郭だけ分かる感じにするイメージです。あと、ホワイトを無視にチェックを入れておきます。これをやっておくと、最終的に白い部分のオブジェクトが作成されなくなります。
![](https://inte-action.com/wp-content/uploads/2023/03/6c170bd6e5d116109d5cee85cb4224f1-1024x555.jpg)
この後分かりやすいように少々不透明度をいじっておきます。あくまで見やすくするためなので、数値に意味はありません。
![](https://inte-action.com/wp-content/uploads/2023/03/WS000173.jpg)
![](https://inte-action.com/wp-content/uploads/2023/03/WS000174.jpg)
画像をコピー&前面へペーストして、同じ画像を重ねます。で、コピーした画像は画像トレースの設定を変えます。
![](https://inte-action.com/wp-content/uploads/2023/03/7fe422b701737fd99d86b9689926a3d5-1024x555.jpg)
しきい値を100まで下げました。ちょっと立体的になりましたね!で、もう一度もう一度コピー&前面ペーストしてしきい値を下げます。
![](https://inte-action.com/wp-content/uploads/2023/03/2f61e80af5d7acc1ccdb39467d9703c0-1024x555.jpg)
3つめは、しきい値55まで下げました。かなり立体的になったかと思います。
![](https://inte-action.com/wp-content/uploads/2023/03/a2db44b8da8bdebdcdb7e38b1e558c43-1024x555.jpg)
で、3つの画像をそれぞれオブジェクトに変換します。上の方にある拡張をクリックするだけです。
![](https://inte-action.com/wp-content/uploads/2023/03/9d0fa8c422162658b5ba92c128d0233a-1024x555.jpg)
一番背面のオブジェクトが細い波線に、一番前面を太い波線になるようそれぞれパターンを適用していきます。また、柄はそれぞれ細い波線が30度、中ぐらいの波線が45度、太い波線が0度となるよう回転させると…
お札風のイラレ加工が完成
![](https://inte-action.com/wp-content/uploads/2023/03/3d82f72ee4614b38e7b1812ed0e33e4a-1024x700.jpg)
といった辺りで完成です。なかなかかっこよくできたました。あなたもオリジナルで何かを加工したら、「えっ!凄!」って言われそうじゃないですか?ぜひ試してみてください。
ちょっと工程が多くて、分かりにくかったという人はぜひ動画も見てみてください。実際にすべての工程を動画で見れます。
コメント