この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回のテーマは、夏の風物詩「打ち上げ花火」です。
無料で完成素材をダウンロード↓
打ち上げ花火イラスト – No: 22036762/無料イラストなら「イラストAC」をイラストACでチェック!
それでは、さっそく作っていきましょう。
ベースの背景を作る
まずベースとなる背景から作っていきます。
長方形ツールに切り換え、アートボードと同じ「A4」サイズの四角形を作ります。
塗りは「黒」で、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/03/ecfcc8fd80133a833519d8da69929021-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/5aba1fb5774b84b11ee3a404f6deb2bd-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/f27867723d1220502d31ce6bbfcdf990-1024x576.jpg)
この四角形はしばらく触らないので、選択ツールで選択した状態で、ctrl(⌘) + [ 2 ]でロックしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/998a9de6439203b1a02f7e83c48b3864-1024x576.jpg)
放射線状に直線を引く
次に直線ツールに切り換え、下図(2枚目)のように直線を引きます。
線の色は見やすいように「白」にします。
太さは「2pt」です。
![](https://irarecreate.com/wp-content/uploads/2022/03/fed5a417e79559cc52c4d36e593f38d7-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/1dfa76864680435c4f30300f3a0eae25-1024x576.jpg)
そうしたら、この直線をマーキング部分(下図参照)を軸に回転させます。
![](https://irarecreate.com/wp-content/uploads/2022/03/431ebb940cc68b68c009b2d9298ef4ce-1024x576.jpg)
直線を選択した状態で回転ツールに切り換え、alt(option)を押したまま、軸にしたいところを左クリックします。
![](https://irarecreate.com/wp-content/uploads/2022/03/7a9d60012ec408e97d8b49733072a529-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/63c624ff3cf5a3190ce2fe1300f4b493-1024x576.jpg)
このとき、ctrl(⌘) + [ u ]でスマートガイドというものを有効にしておくと、線の端の位置をイラレが教えてくれます。
![](https://irarecreate.com/wp-content/uploads/2022/03/270e6fedac4649c0e8eea34b6458e28b-1-1024x576.jpg)
クリックすると下図のようなウィンドウが出てくるので、字幕のように設定して、「コピー」を押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/a3a3b88b73a99d2ff688ea00f35e2003-1024x576.jpg)
さらに、このままの状態でctrl(⌘) + [ d ]を3回押して、今の回転・コピーの操作を3回繰り返します。
![](https://irarecreate.com/wp-content/uploads/2022/03/43382eca53d102b507db07c2ce7c3014-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/e03ce854ef58e74f1c483964192c0dda.gif)
![](https://irarecreate.com/wp-content/uploads/2022/03/492207bcf838814ac2e12283ecc7f489-1024x576.jpg)
そうしたら、この線の塊を長さを変えて、あと2つコピーします。
まず、この線(下図参照)だけをコピーします。
![](https://irarecreate.com/wp-content/uploads/2022/03/c17de401f92e0aad9e19d6bb4c2edeb8-1024x576.jpg)
選択ツールに切り換え、線を選択した状態で、ctrl(⌘) + [ c ]でコピー、さらにctrl(⌘) + [ f ]で真上にペーストします。
![](https://irarecreate.com/wp-content/uploads/2022/03/83e27f1be58cdf3a01c9aa685b4a54b3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/295ad11417d48107e4fb9c83054ec290-1024x576.jpg)
見た目は変わりませんが、新たな線が真上にペーストされました。
そうしたらダイレクト選択ツールに切り換え、こちら側(下図2枚目)のアンカーポイントを選択します。
![](https://irarecreate.com/wp-content/uploads/2022/03/7a0647a5cbcf99eb30ea0453671d59be-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/fa6cdd9659b622fb88ee98fff7ecb93b-1024x576.jpg)
そして、下図のようにアンカーを移動させます。
![](https://irarecreate.com/wp-content/uploads/2022/03/ae895d124f3f22b711c716d267318234-1024x576.jpg)
移動させたら、どこでも良いので適当な場所を左クリックして選択を解除し、普通の選択ツールで改めてこの線を選択します。
![](https://irarecreate.com/wp-content/uploads/2022/03/0a1fac82bfed3da7b13288555619e4f2-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/da40616eab403491cce0a3ae83b13543-1024x576.jpg)
そのままの状態で再度、回転ツールに切り換え、またalt(option)を押したままマーキング部分(下図2枚目)を左クリックして、そこを軸に字幕(下図3枚目)のように線を回転させます。
![](https://irarecreate.com/wp-content/uploads/2022/03/130312ce357bbb00a5e72d87ca50839c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/1a7db3b7b9b97a795a2e88670e4e80a3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/35b5f3301b14ad9098ab49605c6d7486-1024x576.jpg)
例によって、このままctrl(⌘) + [ d ]を3回押して、回転操作を繰り返します。
![](https://irarecreate.com/wp-content/uploads/2022/03/c9c22923474a68cb0f510cb249f81d32-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/e2b0a54f08d72b03a5ada50821bd6fd3-1024x576.jpg)
あともう1回だけ長さを変えて線の塊をコピーしますが、今までと同じ操作なので、完了後の画像だけを載せておきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/f7bc609f698462c2af29852bb6d865cb-1024x576.jpg)
今まで作った線の塊3つですが、これらもマーキング部分(下図参照)を軸に回転させます。
![](https://irarecreate.com/wp-content/uploads/2022/03/d2422ce0935d3af25371fccfbaf6a943-1024x576.jpg)
選択ツールでこれらの線を選択した状態で回転ツールに切り換え、alt(option)を押したまま左クリック、字幕(下図2枚目)のように設定して、「コピー」を押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/09032f93a574eedbdfa2f8bf4a41ffd6-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/87bd503707dfb3e8165f58d65971df98-1024x576.jpg)
そのままctrl(⌘) + [ d ]を3回押して、今の操作を繰り返します。
![](https://irarecreate.com/wp-content/uploads/2022/03/6a5f51447f3ee7686969392f8ceb5939-1024x576.jpg)
ここまできたら、これらの線がバラバラにならないように、選択ツールで全ての線を選択した状態で、ctrl(⌘) + [ g ]でグループ化しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/6eb02cb0206472c1c7c918642135f813-1024x576.jpg)
そのままの状態で下図❶を押し、線の形を下図❷に変えます。
![](https://irarecreate.com/wp-content/uploads/2022/03/24af5ef678905e1722d35ee02cbb56f4-1024x576.jpg)
直線に色を着けて、変形する
そうしたら線の色を変えて、花火に着色します。
選択ツールで線を選択した状態で、色をグラデーションに変えます。
![](https://irarecreate.com/wp-content/uploads/2022/03/c4e09b5d02de9ecfb4b5ee1b9617b8f3-1024x576.jpg)
グラデーションの詳細設定は、グラデーションパネルから行います。
![](https://irarecreate.com/wp-content/uploads/2022/03/f5dc91e0cf81b45341a5e55d14203aad-1024x576.jpg)
実際の設定は下図のとおりです。
着色には正解はないので、いろいろと自分で試してみても良いかもしれません。
![](https://irarecreate.com/wp-content/uploads/2022/03/f4ad0960e13144313b1b8e973e96e3f7-1024x576.jpg)
もしパスの線が邪魔をして色がよく見えない場合は、ctrl(⌘) + [ h ]でパスの線を非表示にすることができます。
戻す場合は、もう一度ctrl(⌘) + [ h ]を押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/ff0991a0478eab673b505fefc3ff871a-1024x576.jpg)
それが終わったら、火花が放物線上に落ちていく感じを表現します。
線を選択した状態で、下図の手順で「ワープ」「アーチ」へと進みます。
![](https://irarecreate.com/wp-content/uploads/2022/03/aacc601b3139cbca6410df724a40b51d-1024x576.jpg)
下図(1枚目参照)のようなウィンドウが開くの、でプレビューにチェックを入れ、マーキング部分(下図2枚目)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/51e199a3694b04e64adf4e6fb0ef2593-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/ec2b551862e526386bf3a0cdaf82a899-1024x576.jpg)
光の表現を加える
次は光の表現を加えます。
花火を選択した状態でアピアランスパネルを開き、新規の線を追加します。
線の色は「白」で、太さは「3pt」にします。
![](https://irarecreate.com/wp-content/uploads/2022/03/ccb17ed73606597c9e014ff9ec658cb9-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/d0ae48e7ccfefe254e44a12f4dd36a12-1024x576.jpg)
重ね順はドラッグ&ドロップで「内容」の下に移動させます。
![](https://irarecreate.com/wp-content/uploads/2022/03/b93f55ce684b9f62ed2cc0fa0abb9f50.gif)
![](https://irarecreate.com/wp-content/uploads/2022/03/560b3611d21b90fd7e2b1c55c7e73c24-1024x576.jpg)
そうしたら、今、重ね順を移動させた白い線を選択した状態で、「fx」から「ぼかし」「ぼかし(ガウス)」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/03/4c9a8226b178f362afaa1f8296a30434-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/24b46432ca7a3eb2b912d0196ebfc347-1024x576.jpg)
下図のようなウィンドウが出てくるので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/6dbbecdb14354bcef0a7113ea984bf46-1024x576.jpg)
さらに、ぼかした白い線の不透明度を字幕(下図参照)のように変えます。
![](https://irarecreate.com/wp-content/uploads/2022/03/5270d8b5dd0b31af9ede8fb8b888a89a-1024x576.jpg)
次に楕円形ツールに切り換え、下図(2枚目)のように花火の中心を軸に正円を作ります。
shiftとalt(option)を押しながらドラッグすると、円の中心から正円を作ることができます。
塗りは「グラデーション」で、線は「なし」に設定します。
![](https://irarecreate.com/wp-content/uploads/2022/03/1293488abb9c74a7f1943ff39eb394ce-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/6070e7124da3051751bfd5959656ef7b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/04bae54945cff0812e2f7fc3d1453df0-1024x576.jpg)
グラデーションの詳細設定は、下図の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/03/7b2be8b733773b82b8eb2dc0d9a13c14-1024x576.jpg)
花火の周りに火花を散らす
続いて花火の周りに細かい火花を散らします。
楕円形ツールで直径「15mm」の正円を作ります。
塗りは「白」で、線は「なし」にします。
![](https://irarecreate.com/wp-content/uploads/2022/03/c55d9701e7cc1ad78d96b8187f512dc8-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/5b4b7d2c6ed03e78b6c254fedc3e180e-1024x576.jpg)
次に、この円を選択した状態でブラシパネルを開き、ドラッグ&ドロップでブラシとして登録します。
もし、ブラシパネルが表示されていない場合は、イラレのウィンドウ上部の「ウィンドウ」から「ブラシ」をクリックして表示させます。
![](https://irarecreate.com/wp-content/uploads/2022/03/89c0fe4f34d1470644f4076022e6b649-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/f9e4bd601ca4ae5005274f39d240fb48.gif)
下図のようなウィンドウが出てくるので、「散布ブラシ」にチェックを入れて、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/a28446589f99ab0ee4df937f6f3599fb-1024x576.jpg)
「散布ブラシオプション」というウィンドウに切り換わりますが、ここは一度何もせず、OKを押して閉じます。
![](https://irarecreate.com/wp-content/uploads/2022/03/5490a596944b274757fc9708d50cd011-1024x576.jpg)
再度、楕円形ツールに切り換え、下図(2枚目)のように正円を作ります。
塗りは「なし」で、線は「白」にします。
![](https://irarecreate.com/wp-content/uploads/2022/03/8937d505052dbbdb9019a67f8c5141a2-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/f9a4bdad65ff5d780793697cf2c2590e-1024x576.jpg)
そして、この円を選択した状態で、今、作った正円ブラシを左クリックで適用します。
![](https://irarecreate.com/wp-content/uploads/2022/03/6a4f70308c0257f4267088c5bfcc3d4d-1024x576.jpg)
さらに正円ブラシをダブルクリックして、先ほど閉じた「散布ブラシオプション」をもう一度出し、今度はマーキング部分(下図2枚目)のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/03/f34ae2809c76b23f242c37cc12179c7e-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/fb90057de61ee181f6a12d79d646d49d-1024x576.jpg)
下図のようなダイアログが出てきますが、ここは「適用」で問題ありません。
![](https://irarecreate.com/wp-content/uploads/2022/03/d8cba47ec5097546f7dba0d78a24a9db-1024x576.jpg)
このままでは火花が大きすぎるので、線の太さを字幕(下図参照)のように変えます。
![](https://irarecreate.com/wp-content/uploads/2022/03/496fe76f3c2149b9d3014ab51de3136d-1024x576.jpg)
花火本体の色を変え、背景に彩りを加える
これで花火本体は完了ですが、花火は背景の工夫も大切だったりします。
花火本体をあと2つコピーして色を変え、それに合わせた背景に仕上げて終わりたいと思います。
まずコピーですが、選択ツールで花火の部品を全て選択して、左クリックしたままalt(option)を押してドラッグし、コピーさせたい場所で全てを離します。
![](https://irarecreate.com/wp-content/uploads/2022/03/2fe2acdf654b2d0d65d39aeb78877728-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/4740a53c9208e5e5fcddc2c7cb357544.gif)
![](https://irarecreate.com/wp-content/uploads/2022/03/a561ddfa0e5fd24f6952e92fb36b1f85-1024x576.jpg)
この操作をもう一度、下図のように繰り返します。
![](https://irarecreate.com/wp-content/uploads/2022/03/28cd21c907f50b98a55f85f67ef2276b-1024x576.jpg)
そうしたらグラデーションがかかっている線だけを選択して、それぞれを花火の色を「オブジェクトを再配色」から変えます。
![](https://irarecreate.com/wp-content/uploads/2022/03/91f0204d424d32501ffccce837817d42-1024x576.jpg)
下図(1枚目)のようなウィンドウが出てくるので、色のハンドルをドラッグで移動させると配色を変えることができます(下図2枚目)。
![](https://irarecreate.com/wp-content/uploads/2022/03/7360281367ba2f06f02e46255936d54a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/abcbd47565c281a6e1aeed153bc19fa3.gif)
適当な場所を左クリックすれば、このウィンドウは閉じます。
![](https://irarecreate.com/wp-content/uploads/2022/03/bcb52d6ad3d90578823a98088acc0526-1024x576.jpg)
最後は背景です。
背景は今までロックしていたので、alt(option) + ctrl(⌘) + [ 2 ]でロック解除します。
![](https://irarecreate.com/wp-content/uploads/2022/03/d3e41ab8c80ecd32490cfd0699ae8dc3-1024x576.jpg)
そして、この四角形の塗りをグラデーションに変え、さらにグラデーションパネルからフリーグラデーションにします。
![](https://irarecreate.com/wp-content/uploads/2022/03/90127f0d5250631cf544e862e0f442d5-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/5a2405c51d869f8eeef3b77acacf0179-1024x576.jpg)
すると小さなマルが出てくるので、それをダブルクリックすれば、ピンポイントでその周辺の色を変えることができます。
![](https://irarecreate.com/wp-content/uploads/2022/03/deeb63268e4ae0cc3387705edb1fba7c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/86c07ca75b95e814c2079ec77d24e9b5-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/54fccdce6dcfa16f250448ee82b8d6b1-1024x576.jpg)
マルが出ない場合は、四角形のどこかを左クリックすれば出てきます。
マルはドラッグで移動させることもできますし、左クリックで増やすこともできます。
消すときはbackspace(delete)です。
![](https://irarecreate.com/wp-content/uploads/2022/03/3cb7b3aefd0ff4e3d239e37213b7711b-2.gif)
![](https://irarecreate.com/wp-content/uploads/2022/03/d0ca41260af25e8643b5a8097cc9af9b-1024x576.jpg)
ポイントとしては花火の中心は、その花火のカラーに近い色を設定し、何もないところは暗い色に設定することです。
今回は花火の中心に1つずつ、下の方に1つ、合計4つのマルを配置しました。
![](https://irarecreate.com/wp-content/uploads/2022/03/63908acd60d5d9a371b4f1f07f6122ff-1024x576.jpg)
フリーグラデーションの編集中は、自動的にグラデーションツールに切り換わっているので、他のツール(例:選択ツール)に切り換えれば、フリーグラデーションの編集を終えることができます。
最後は長方形ツールでアートボードと同じ「A4」サイズの長方形を作り、その長方形と花火本体、フリーグラデーション背景を選択して右クリックを押し、「クリッピングマスクを作成」を実行すれば、花火背景の完成です。
![](https://irarecreate.com/wp-content/uploads/2022/03/8a0652a765b40d5c5a2818828b5b223f-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/54a2668d654dffb8076a0cf48312fbd3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/7339ac53587036b5d12bdbf8559eea5a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/03/0817dcadfdbd8df5c08796e1071f1a10-1024x576.jpg)
これで打ち上げ花火の完成です。
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
打ち上げ花火イラスト – No: 22036762/無料イラストなら「イラストAC」をイラストACでチェック!
コメント