イラストレーターで花火を描こう!

LINEで送る
[`evernote` not found]
Pocket

イラストレーターできれいな花火を描こう!

今回はillustratorで花火のイラストを描きます。夜に映える美しい花火は描写的にPhotoshop向きではありますが、ベクターイラストならではの雰囲気や質感で花火を描いていきたいと思います。
※本チュートリアルはCC2015を使用しています。

最初にメインとなる火花を描きます

メインとなる火花を描いていくのですが、通常の花火は打ち上がると中心から減衰しながら消えていくと思うのですが、今回描く火花は先が膨れているようなイラストっぽい花火にしてみようと思います。まずは【楕円形ツール】で円形を描き、【長方形ツール】で長い四角形を描きます。その後合体させて、図のように角をコーナーウィジェットをドラッグして丸みをつけていきます。
fireworks_01

火花の先端にもスパークする火花を【楕円形ツール】でランダムに配置して勢いをつけていきます。
fireworks_02

ここからは描画モードも使用していきますので、背景を暗い色に設定して最終イメージを確認しながら作業を進めていきます。先ほどのオブジェクトを合体させて、白と黒のグラデーションを適用して描画モードを【スクリーン】モードにします。すると背景になじんだ状態となります。ここで背景となじまない場合は正確な白(#ffffff)と黒(#000000)になっていない場合がありますので、確認しましょう。
fireworks_03

本来であればここの設定は白のグラデーションで不透明度を100%と0%で描画モード【通常】を指定してもよいのですが、不透明度を使用している場合、下位バージョン保存すると不透明マスクを使用したグラデーションに変換されます。データ上は問題ないと思いますが、再編集の際に手間になってしまうので、最も互換の保たれるであろう【スクリーン】モードにて今回は制作しています。

さらに火花の先端のスパークの透明度をランダムに変更し、【スクリーン】モードの円形グラデーションを火花の先端に配置します。
fireworks_04

これで1つのパーツが完成したので、【回転ツール】で回転させて、円形にコピーしましょう。さらに個々の火花に大小をつけて抑揚をつけていきます。
fireworks_05

この円形をさらにずらして複製して透明度を50%にし、その後、円形グラデーションを花火の中に複数ちりばめます。
fireworks_06

花火にボリュームを出していきます。

次に【楕円形ツール】で正円を描き、【効果】→【パスの変形】→【ジグザグ】を適用します。すると図のように閃光のようなオブジェクトができます。
fireworks_07

閃光のようなオブジェクトを花火の上に配置します。
fireworks_08

花火にカラーを適用していきます。

ここからは花火を彩色していきます。まずは黄色と黒のグラデーションを【スクリーン】モードで適用します。
fireworks_09

花火の前面に配置します。
fireworks_10

同様に赤色と黒のグラデーションを【スクリーン】モードで適用します。
fireworks_11

花火の前面に配置します。
fireworks_12

最後の仕上げに細かい火花を散らします。

【楕円形ツール】で円形を描いて、黄色系で3色の円形をつくります。さらに大小をつけてランダムに散りばめていきます。散りばめる範囲は円形になるのがいいかと思います。
fireworks_13

同様に【楕円形ツール】で白い円形を描いて、大小をつけてランダムに散りばめます。
fireworks_14

最後に先程制作した2つの火花を花火の上に配置して完成です。火花は複製したり、大小をつけたりすることでお好みのボリュームに調整できます。
fireworks_15

これで完成です。お疲れ様でした!
fireworks_16

いままでと同様の工程で様々な表情の花火も制作できますので、ぜひチャレンジしてみてください。色変更は色付きの円形グラデーションの色を変更する事で簡単にバリエーションも展開できます。
fireworks_17

今回はイラストレーターで花火のイラストを制作してみましたが、いかがでしたでしょうか?イラストレーターはこのような光を表現するグラフィックやイラストも描画モードを使えばキレイに制作できるので、いろいろ試してみてください。

※サンプルファイルは制作の参考としてのご利用のみでお願いいたします。

LINEで送る
[`evernote` not found]
Pocket

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA