2019年8月11日スポンサーリンクこんにちは、emikiです。今回は、Photoshopを使って、1から炎を作る方法をご紹介します。完成イメージは、以下のような感じです。素材に頼らず、Photoshopの機能だけで作り上げていきます。参考にしてください!スポンサーリンクPhotoshopで黒煙が舞うけたたましい炎を作るまずは、黒煙が舞い、けたたましい勢いで燃える炎を作ってみましょう。新規ドキュメントを作成します。描画色を「黒色」、背景色を「白色」にしておきましょう。「雲模様1」フィルタを適用したら、このような感じになります。※先ほどは、雲模様1でしたが、今回は雲模様2です。「雲模様2」フィルターを適用するとこのような感じになります。ここからさらに数回、「雲模様2」フィルターを適用していきます。(→私は、さらに14回ほど適用しました。炎の質感に近くなるまで、効果を適用してみましょう。)続いて、グラデーションをかけて、画面全体にさらにリアリティーを持たせます。白黒のスタンダードなグラデーションを作ります。このままだと、先ほど作ったレイヤーが見えないので、グラデーションレイヤーの描画モードを「乗算」にします。すると、先ほど雲模様フィルターで作った下地が浮き出てきます。炎や煙の表現は一旦完成したので、続いて色をつけていきます。「レイヤー」→「新規調整レイヤー」→「グラデーションマップ」プレビュー画面を確認しながら、炎に見えるような色彩を選んで、グラデーションをしていきます。黒色→濃い赤色→黄色→白色となるように色を設定しました。すると、黒煙が舞い、けたたましく燃える炎を表現することができました。炎の形状が気に入らない場合は、ここからさらに「雲模様2」フィルターを適用して、調整を行いましょう。完成です!スポンサーリンクPhotoshopでメラメラと燃えている炎を作る続いて、メラメラと燃える炎をPhotoshopで作ってみましょう。新規ドキュメントを作成します。描画色を「黒色」、背景色を「白色」に設定しておきます。今回も、雲模様フィルターを使って炎を作っていきます。「雲模様1」フィルターを適用しました。「極座標を直交座標に」にチェックを入れて、OKボタンをクリックします。燃えている表現は、こちらの「波形」フィルターで表現するので、自分が作りたい炎の感じに合うように、プレビューを見ながら波形を調整します。1波長→(最小)116、(最大)256振幅→(最小)1、(最大)67比率→(水平)100%、(垂直)100%開始位置を乱立的に変化させる※数値は任意です。自分の好みの雰囲気になるように各々が設定してください。色がついていない段階ですが、だんだん炎に近づいてきていませんか?ここからさらに、炎のクオリティーを上げていきましょう。先ほどまで作っていた「炎」レイヤーをコピー(複製)します。複製したレイヤーの方に、効果を加えていきます。適用したらこのような感じになります。下に隠れているレイヤーのと効果を融合するために、複製して「波形」を適用したレイヤーの描画モードを「オーバーレイ」に設定します。先ほどよりも、ぐっとリアリティーのある炎が出来上がりました。仕上げに、色をつけていきましょう。「レイヤー」→「新規調整レイヤー」→「カラーバランス」カラーバランスの階調「ハイライト」「中間調」「シャドウ」の数値をそれぞれいじって、自分がイメージする炎の色合いに調整していきます。ちなみに私は、以下のように設定しました。ハイライト・・・+57、+2、-83中間調・・・+100、+20、-74シャドウ・・・+22、-28、-39※数値は任意です。プレビュー画面で確認しながら、自分の好みの雰囲気になるように各々が設定してください。燃えている炎が、完成しました!炎系を作り出す場合、「雲模様」フィルターが重要な役割を果たしてくれます。炎の形状や色は、自分の好みになるようにこだわって仕上げてみてください!スポンサーリンク最後にいかがだったでしょうか。Photoshopの機能だけで、炎を作ってみました。やり方の流れを覚えてしまえば、どれも簡単!5分もかからずに、炎を作り出すことができるでしょう。素材集やサイトから引っ張ってきて、合成しても良いのですが、自分で1から素材を作ってみても面白いですよ!その他にもPhotoshopを使った様々な合成方法を、当記事では紹介しているので、気になる人は合わせてご覧ください!その他Photoshopテクニックはこちらの記事へPhotoshopを使ってタイダイ染めのようなデジタル画像を作るPhotoshopのエンボス機能を使い錆びた金属素材を作る【Photoshop】身の回りにある素材をデザインに取り入れようPhotoshopレタッチ【中級編】詐欺メイクばりに肌質をキレイにするスポンサーリンクスポンサーリンク【必読】おすすめ記事はこちらからグラフィック・Webデザイナー向けの転職サイト8選はコレ!グラフィックデザイナー・Webデザイナー向けのおすすめ転職サイト・転職エージェントを比較しながら詳しく解説しています!記事本編はこちらから学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイドデザインまったくの未経験者が、プロのデザイナーになるまでのステップを詳しく丁寧に徹底解説しています。「デザイナー辞めたい!」一度は考えたことありませんか?そんなデザイナーの不平・不満を調査してみました。デザイナーのみなさんならこの苦労を分かち合えるはずです!記事本編はこちらからWebデザインを安く勉強できるオンラインスクール厳選Webデザインを勉強したい方に向けて、価格や授業内容を比較しながら、おすすめできるオンラインスクールをまとめてご紹介しています。emikig279デザイナーの道しるべスポンサーリンクスポンサーリンクデザイナー兼ブロガーemikiデザイナー歴10年。デザイナーによるデザイナーのための当ブログ運営者です。デザイナーの道しるべ。