この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、寒い季節には恋しい焚き火のような「炎」を作っていきます。
無料で完成素材をダウンロード↓
炎セットイラスト – No: 23210305/無料イラストなら「イラストAC」をイラストACでチェック!
それでは、さっそく本編にいきましょう。
背景を用意する
まず先に、背景を用意します。
長方形ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/10/02ba903872540aca089ac92c0d9f97a2-1024x576.jpg)
アートボードと同じサイズの四角形を作ります。
![](https://irarecreate.com/wp-content/uploads/2022/10/ee9820dc8d0a4ce103809df0fe42177e-1024x576.jpg)
塗りは字幕(下図参照)の通りで、線は「なし」です。
この塗り、一見普通の黒に見えますが、「K」以外の色も混ぜているところがポイントになっています。
![](https://irarecreate.com/wp-content/uploads/2022/10/9a01c52c2233242ced387ad05f2b66e1-1024x576.jpg)
比較として、先に完成品をお見せしますが、黒が「K」だけで塗られていると、下図のように炎とうまく馴染めない背景になってしまいます。
![](https://irarecreate.com/wp-content/uploads/2022/10/394b209608809040e2e06f73dc040d35-1024x576.jpg)
そこで「K」以外の色も混ぜると、このように調和した見た目になります。
![](https://irarecreate.com/wp-content/uploads/2022/10/4aa0e3ee02722a3c2826cfc864fdc1d6-1024x576.jpg)
炎を作る
では、炎を作っていきます。
炎のシルエットを作る
何も選択ていない状態で塗りブラシツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/10/da8996ac3817cb27f1251869f7744760-1024x576.jpg)
さらに、このツールのボタンをダブルクリックします。
![](https://irarecreate.com/wp-content/uploads/2022/10/ad875b888291bc43171727b118cec810-1024x576.jpg)
すると、下図のようなウィンドウが出てくるので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/17c735b151b62f1efbec25fe7390075f-1024x576.jpg)
そうしたら、ブラシの線の色を字幕(下図参照)のように設定します。
![](https://irarecreate.com/wp-content/uploads/2022/10/011c3ace86f259b1ac3abac984e84373-1024x576.jpg)
だから、設定は線でも塗りでもOKです。
そして、始め鍵括弧と終わり鍵括弧でブラシのサイズを調整して、下図のように卵の形を意識して、色を置いていきます。
![](https://irarecreate.com/wp-content/uploads/2022/10/ea64ac320287ea981b7070e8e0674a9f-1024x576.jpg)
それが終わったら、このオブジェクトを3つコピーします。
選択ツールで、これを選択した状態で、
![](https://irarecreate.com/wp-content/uploads/2022/10/1b8cbf1f1bdfe794611163a896ffa7ec-1024x576.jpg)
alt(option)を押しながらドラッグし、
![](https://irarecreate.com/wp-content/uploads/2022/10/9fc8fd184328c983289943dd86486d9d-1024x576.jpg)
コピーしたいところで、左クリックを離してから、alt(option)を離します。
![](https://irarecreate.com/wp-content/uploads/2022/10/0c8b4c4a7b30c7485bef176c46171d2d-1024x576.jpg)
さらに、このままの状態で、ctrl(⌘) + [ d ]を2回押して、今の移動・コピーの操作を2回繰り返します。
![](https://irarecreate.com/wp-content/uploads/2022/10/325169ffb0468b3684397c4ec4b20aeb-1024x576.jpg)
このタイミングで、それぞれのオブジェクトの塗りを字幕(下図参照)のように変え、
![](https://irarecreate.com/wp-content/uploads/2022/10/0e91aa9b62f63cb16c97f6182670e575-1024x576.jpg)
サイズも下図のように変えます。
![](https://irarecreate.com/wp-content/uploads/2022/10/3b1a1b8e71ce96783fb009753650dc85-1024x576.jpg)
そうしたら、これらのオブジェクトの形を削っていきます。
消しゴムツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/10/c181ff701f726f9ea8a6d49bfa0e9e64-1024x576.jpg)
塗りブラシツールのときと同じように、始め鍵括弧と終わり鍵括弧で、消しゴムのサイズを調整します。
![](https://irarecreate.com/wp-content/uploads/2022/10/5a8123c2b861c587f97cf7a28ac3b954-1024x576.jpg)
そして下図のように、オブジェクトの外周を適当に削っていきます。
これは、そのまま炎のシルエットになりますが、あとからぼかしを加えるので、多少いびつになっても問題ありません。
![](https://irarecreate.com/wp-content/uploads/2022/10/3b50d0ef61bd67d2ced72bcd2d61b04f-1024x576.jpg)
この作業が終わったら、残りのオブジェクトも同様に削っていきます。
![](https://irarecreate.com/wp-content/uploads/2022/10/c551b1e8edd025ccb78c0a5f31e6b761-1024x576.jpg)
シルエットに加工を加える
ここまできたら、それぞれのオブジェクトの描画モードを変えて、ぼかしを加えます。
まず描画モードですが、透明パネルを開いて変えていきます。
それぞれを選択ツールで選択して、字幕(下図参照)のように設定すれば、OKです。
![](https://irarecreate.com/wp-content/uploads/2022/10/ddf5bd82a3b14931becb6da4a3aafd98-1024x576.jpg)
1番大きいオブジェクトの描画モードは、初期設定のままで問題ありません。
![](https://irarecreate.com/wp-content/uploads/2022/10/009b841f93fed0e7e9c11fffcd27c3a6-1024x576.jpg)
次に、ぼかしを加えます。
下図マーキング部分の3つのオブジェクトは同じ設定のぼかしを加えるので、まとめて選択します。
![](https://irarecreate.com/wp-content/uploads/2022/10/91d264ffc084bee7bd72e856c154d8f2-1024x576.jpg)
その状態でアピアランスパネルを開き、「fx」から「ぼかし」「ぼかし(ガウス)」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/10/fec68bea12fd83c24ea2287e6825f29b-1024x576.jpg)
すると、下図のようなウィンドウが開くので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/f49386bae3c0edd1294b296af822771d-1024x576.jpg)
下図マーキング部分のオブジェクトは炎の輪郭としての役割も持っているので、ぼかしも少し抑えます。
![](https://irarecreate.com/wp-content/uploads/2022/10/387c09d116483bb6841f0b07869b6ede-1024x576.jpg)
こちらを選択した状態で、再度「fx」から「ぼかし」「ぼかし(ガウス)」へと進んでいき、
![](https://irarecreate.com/wp-content/uploads/2022/10/24741cce253d8ccbcfd118b8b0604320-1024x576.jpg)
字幕(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/09e08a95222c667b8040ccff78811aeb-1024x576.jpg)
さらに、こちらにはオブジェクトの周りに、うっすらとしたぼかしも加えます。
「fx」から、今度は「スタイライズ」「光彩(外側)」へと進んでいき、
![](https://irarecreate.com/wp-content/uploads/2022/10/8295208d894299a5a9c8c07b9fbd3d38-1024x576.jpg)
字幕(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/9eabd0a20f5a6bc4ed281871fe50d8c2-1024x576.jpg)
これでぼかしは完了です。
このタイミングで一度、オブジェクトを重ねてしまいます。
記事の通りに作っていれば、重ね順は字幕(下図参照)のようになっているはずですが、
![](https://irarecreate.com/wp-content/uploads/2022/10/a0ec6d9e2884c7d436db8ffcf6a4b449-1024x576.jpg)
そうなっていない場合は、選択ツールでオブジェクトを選択した状態で、字幕(下図1枚目)のショートカットで重ね順を並べ替えます。
![](https://irarecreate.com/wp-content/uploads/2022/10/94b34d985ed885e208f8cdf8fe0b86c3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/10/4012d1acd6f0eb622779e067f90782c3-1-1024x576.jpg)
立体感を出す
だいぶ炎っぽくなってきましたが、もう少し立体感を出したいところです。
そこで、炎の中心にも白いぼかしを加えます。
楕円形ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/10/a67e63a2360c54916e5c77ca71681b66-1024x576.jpg)
下図のように楕円形を作ります。
塗りは「白」で、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/10/230a2c7a8dfdc316759bea760701b7b6-1024x576.jpg)
そうしたら、この楕円を選択した状態でアピアランスパネルを開き、「fx」から「パスの変形」「ラフ」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/10/2beafa7a98b29e0a72ba5fabb029c6f3-1024x576.jpg)
すると下図のようなウィンドウが開くので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/d963b8046e5be36e6e2b558379de407a-1024x576.jpg)
さらに、そのまま、「fx」から「ぼかし」「ぼかし(ガウス)」へと進んでいき、
![](https://irarecreate.com/wp-content/uploads/2022/10/3c2f93a2005bd1a9066f340b777f5bb5-1024x576.jpg)
字幕(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/eec4b2c9730592b6c1a83b6be8918cca-1024x576.jpg)
これで立体感を表現しました。
![](https://irarecreate.com/wp-content/uploads/2022/10/8d23072217e0156f328bfde33f429da0-1024x576.jpg)
火の粉を加える
最後は、より雰囲気を出すために、火の粉を加えます。
塗りブラシツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/10/b2821c117fe6ca487466d33b3438a98b-1024x576.jpg)
線の色を字幕(下図参照)のように設定します。
![](https://irarecreate.com/wp-content/uploads/2022/10/d958bc10b27c541745a17aa3e3de645f-1024x576.jpg)
そして、ブラシのサイズを極小にして、大体、炎の大きさに収まるように火の粉を描いていきます。
![](https://irarecreate.com/wp-content/uploads/2022/10/7dac9f67ceba019c2eada74016259cc1-1024x576.jpg)
これらはバラけると面倒なので、選択ツールでまとめて選択して、
![](https://irarecreate.com/wp-content/uploads/2022/10/120515558e7872381cc947803abc1bd5-1024x576.jpg)
ctrl(⌘) + [ g ]でグループ化しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/10/2128b9ecebf57d0a4b0cdf296a34fb0f-1024x576.jpg)
次に、火の粉の形を少し崩します。
このグループを選択した状態でアピアランスパネルを開き、「fx」から「パスの変形」「ラフ」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/10/b0237209ea72361faed5e9e2b2e22461-1024x576.jpg)
そして、字幕(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/d72ba71671a68e666a096db3f44b182f-1024x576.jpg)
さらに、そのまま、「fx」から「ぼかし」「ぼかし(ガウス)」へと進んでいき、
![](https://irarecreate.com/wp-content/uploads/2022/10/b476cd2eb0c8d722fdc09e83f64b4aaf-1024x576.jpg)
字幕(下図参照)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/10/f4b23681b53cf97f6801bd2b30176f8e-1024x576.jpg)
最後に、透明パネルから、描画モードを「覆い焼きカラー」に変えて、
![](https://irarecreate.com/wp-content/uploads/2022/10/3fc9183aacf14e07b3f5a1563df03789-1024x576.jpg)
炎に重ねれば、これで完成です。
![](https://irarecreate.com/wp-content/uploads/2022/10/43d9f9e195504b509651ebc867049b11-1024x576.jpg)
炎の形をアレンジさせたいときは、アレンジさせたいオブジェクトを選択した状態で、shift + [ R ]でワープツールに切り換えてドラッグすれば、良い感じにできると思います。
![](https://irarecreate.com/wp-content/uploads/2022/10/ac7c50ad89094c2ba8a092cd7058c19a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/10/0dd4b72bdc88b4d41344f90a658a80a7.gif)
![](https://irarecreate.com/wp-content/uploads/2022/10/50b15a4ef662107d891d76df77c849cd-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
炎セットイラスト – No: 23210305/無料イラストなら「イラストAC」をイラストACでチェック!
コメント