この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、イラレの機能だけで芝生のようなエフェクトを作っていきます。
記事のアイキャッチではサンプルとして文字を使っていますが、それ以外の図形でも作ることはできます。
![](https://irarecreate.com/wp-content/uploads/2022/03/dca63d3745f06b439edbe5ab9f9ff10a-1024x576.jpg)
それでは、さっそく本編にいきましょう。
文字を打ち込んでアウトライン化する
まず、テキストツールで任意の文字を入力します。
塗りは白で、線はなしです。
文字の大きさは150ptにしています。
![](https://irarecreate.com/wp-content/uploads/2022/03/72ae478df68fe9292d42617f399bf005-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/bbd9e3d59c5ac28df5005192e8434591-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/180cad82ff9bb2851ec66e2ceba8df3d-1024x576.jpg)
そうしたら、この文字をアウトライン化します。
アウトライン化とはテキスト情報を破棄して、文字を図形として処理することです。
それに伴って、文字の編集はできなくなります。
アウトライン化は文字を選択した状態で右クリックし、「アウトラインを作成」を押せばできます。
![](https://irarecreate.com/wp-content/uploads/2022/03/ce1a7b13fac36294664438a2f3d28f48-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/1b07fb59c92f36c8e0cd9b3204e4fe51-1024x576.jpg)
文字を細かい部品に分割する
次にアウトライン化した文字を選択した状態で、下図の手順で「効果ギャラリー」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/9251bf798f3ac11671869f982a6e2dfe-1024x576.jpg)
すると下図のようなウィンドウが開くので、「テクスチャ」というところの「ステンドグラス」を選択し、マーキング部分のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/02f8df9ca5cb6f9e1988b415c8d10483-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/0a9e3c4223da5a46c8ca1b9ed8d3d457-1024x576.jpg)
因みにこの設定は「アピアランスパネル」のここ(下図参照)を押せば、再度可能です。
![](https://irarecreate.com/wp-content/uploads/2022/03/a4c9740d45d13f7390d634e2a97d2db2-1024x576.jpg)
そうしたら、次はこれを選択した状態で下図の手順で「ラスタライズ」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/0115fb70404cf305545094bfcc76f06b-1024x576.jpg)
下図のようなウィンドウが出てくるので、「透明」というところにチェックを入れて、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/b318e9aa5b1bf85ba6615c39ad4ee66b-1024x576.jpg)
因みに「ラスタライズ」とは画像の表示方法をドットに変える処理のことです。
詳しいお話は割愛しますが、気になる方は私のYouTubeチャンネルの【関連動画】ベクターとラスターをご視聴くださいませ。
![](https://irarecreate.com/wp-content/uploads/2022/03/8fb4ee097a85976ab98099da61d66027-1024x576.jpg)
この処理が終わったら、「画像トレース」というところを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/344e7011e8929930a0b2d4fb7c4d632a-1024x576.jpg)
さらに「拡張」を押すと、この細胞の集合体のようなオブジェクトはパスに変換され、自由に加工できるようになります。
![](https://irarecreate.com/wp-content/uploads/2022/03/8beefcb2f69c7ab33cb13b3b91db4db7-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/a61ef083d18465e0718a10589636393d-1024x576.jpg)
拡張直後、これらはグループ化されているので、shift + ctrl(⌘) + [ g ]でグループ化を解除します。
![](https://irarecreate.com/wp-content/uploads/2022/03/d49fdbdeb3e79ea10398e1a12e6e321d-1024x576.jpg)
さらに外側にある白塗りと、細胞を区切っている黒塗りは不要なので、削除します。
黒塗りの方は下図(2枚目)のように共通の塗りをまとめて選択して削除した方がラクです。
![](https://irarecreate.com/wp-content/uploads/2022/03/73b8ebdc73ae77b4f5cb8fdad4e45305-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/a620f618fb1c37749abab1f5e10a1628-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/364b86bd35e37d485a81029b2d94f864-1024x576.jpg)
中窓がある場合は、そこの消し忘れに注意です。
![](https://irarecreate.com/wp-content/uploads/2022/03/86d5c36d9b3b3e3c200e42ccab84940c-1024x576.jpg)
これで、細かい白塗りの部分だけが残りました。
![](https://irarecreate.com/wp-content/uploads/2022/03/c0d6e442422d0c6bf19e854627670c2c-1024x576.jpg)
それぞれの部品を加工する
これから、この白塗りに色を着けていきます。
バラけると面倒なので、全選択してctrl(⌘) + [ g ]でグループ化しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/4fdf4a3c4108397e17178802a393a82c-1024x576.jpg)
そして塗りをグラデーションに設定します。
グラデーションの詳細は下図(2枚目)の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/03/39193cd3e30462b6609846a47a84b088-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/26aa1894f60708a4e343f3f6f5f2420c-1024x576.jpg)
そうしたら、アピアランスパネルの「fx」から「パスの変形」「ラフ」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/0d3920384a30cfccbc3b8f4541892d17-1024x576.jpg)
すると下図のようがウィンドウが開くので、マーキング部分のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/12b2ad1b71ad6a90bd56f90d441972cc-1024x576.jpg)
さらに、このままの状態で再度「fx」から「パスの変形」「パンク・膨張」へと進んでいくと、下図(2枚目)のようなウィンドウが開くので、ここもマーキング部分のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/d1de6ee681269a713e98d13d91778155-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/9a579dbae0960a080561a4e296bd5f25-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/5f2adfbd845196af6fecae5786f953dd-1024x576.jpg)
芝生に厚みを持たせる
ここまで来たら、あとはこの文字に厚みを持たせて完成です。
まずこれをctrl(⌘) + [ c ]でコピー、さらにctrl(⌘) + [ f ]で真上にペーストします。
![](https://irarecreate.com/wp-content/uploads/2022/03/31b0688530aeaea8425a1f8f05f7c84d-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/46df66f3cb971ba2df79e5538107396a-1024x576.jpg)
そして「アピアランスパネル」の「ラフ」から字幕(下図2枚目)のように数値を設定し直して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/84050a13b8a7b9321ec0dae78eb0a189-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/9aab515875e9926b8e5634e776ddbac9-1024x576.jpg)
さらに今、設定し直したものを再度コピーして、こちらも「ラフ」の数値を字幕(下図2枚目)のように設定、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/0cc4b5c5c492e11c0c2fb5e34c423e64-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/9c1f6d1bddd8a419cf5491d3cc51267b-1024x576.jpg)
最後にそれぞれのグループの位置を少しずつずらしたら、芝生エフェクトの完成です。
![](https://irarecreate.com/wp-content/uploads/2022/03/8ee4d6c425003fa4fd83d3c5c6224cd5.gif)
![](https://irarecreate.com/wp-content/uploads/2022/03/edbe6ecb0d9fa7953443d67dee7eee2a-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
コメント