今回は初心者でも簡単に作れる炎のマテリアルの作り方を解説していきます！この記事で作るマテリアルはアンリアルエンジン(UE)の中だけで完成させられるようになっているので気軽に挑戦してみてください。またこの作り方は色々なマテリアルを作っていくうえで使っていく基礎知識がたくさん入っているので今後の制作にもぜひ役立ててください！
この記事のレベル
| 初心者 | (4.5) |
| 重要度 | (4.5) |
| 難しさ | (2.0) |
UEのマテリアルは基本的にノードというものを組んで作成していきます！今回はその基本的なやり方などにも触れながらやっていきます！
Unreal Engineのマテリアルでは、「ノード」という視覚的なブロックをつないで、質感やエフェクトを作っていきます。ノードは、もともとプログラムで行う処理を視覚的にわかりやすくしたもので、感覚的に操作できるのが特徴です。つまり、プログラミングの知識がなくても、複雑な表現を簡単に実現できる強力な機能です。
1.マテリアルを作成するための準備
初めてUEでマテリアルを作る人に向けての説明なので、ある程度UEの使い方がわかる人はこのパートは飛ばして大丈夫です！
1.アンリアルエンジンを開いてプロジェクトを作成する
まずはUEを開いてプロジェクトを作成していきます。今回はGAMESのThird Personでプロジェクトを作成しますが、どれで作成しても大丈夫です！
右側の設定も今回は気にしなくていいです！ここの設定は今後自分の作りたいものに合わせて設定していくので、今回ここの設定についての説明は飛ばします。
プロジェクトが作成出来たらSphierをどこでもいいので置きましょう！作ったマテリアルをいれて確認するために置くだけなのでCubeとかでも大丈夫です。
自分の炎のマテリアルをアサインしたいものがある場合は、それを読み込んでみるのもいいですよ！
2.空のマテリアルを作成する
まずはContentBrowserの中のContent→Materialのファイルを開きます。
Materialのファイルを開くと何もないのでここで右クリック→Materialを押してマテリアルを作成します。ここでマテリアルを作成したらマテリアルの名前をM_Fireなど適当な名前を付けておくと今後マテリアルを管理しやすくなります。わかりやすい名前なら何でもOKです！
このマテリアルのノードを今から組んで炎のマテリアルにしていきますよ！
マテリアルの作成
まずは先ほど作ったマテリアルをダブルクリックしてマテリアルのノードの画面を開きます。まだ何もしていない状態なので、M_Fireと書いてあるブロックしかありませんが、ここに色々なブロックを追加してそれらをつないでマテリアルを作っていきます！
テクスチャの追加
今このマテリアルは色や質感などが何もない状態なので、まずは色を付けていきます。ただ今回はUEに元々入っているテクスチャを使うので、早速テクスチャを読み込ませていきます。
まずはM_Fireのブロック近くのグリッド(マス目)の上で右クリック→Textureと検索してTextureSampleを選択するか、キーボードのTキーを押しながら左クリックでTextureSampleというブロックを作成してください。
そしてこの作成したTextureSampleにテクスチャを入れていきます！
UEではブロックを作る時に右クリックから検索して作成する方法とショートカットがある、よく使われるボックスは特定のキー＋左クリックで作成できます。ショートカットを覚えるとと効率よく作業ができるようになるのでどんどん覚えて使っていきましょう！
このTextureSampleはUEでマテリアルにテクスチャを読み込ませるときなどよく使うので覚えておきましょう！ノーマルマップなどもこれを使って読み込めます！
この作成したTextureSampleのブロックを選択した状態で、左側のMaterial Expression Texture Baseの中のTextureのところにあるフォルダマークの上のNoneをクリックして、Fireと検索してください。するとT_Fire_Tiled_Dというテクスチャが出てくるのでこれを選択します。
選択出来たらTextureSampleの黒かった四角のところに選択したテクスチャが反映されていることが分かります。このTextureSampleのRGBとM_FireのBaseColorを左クリックでひぱって繋げます。すると左側のプレビューでもわかる通りマテリアルに選択したテクスチャが反映されました！
マテリアルを動かす
次に今作ったマテリアルを動かしていきます。今回は炎のマテリアルの作成なので炎が動いているような動きを付けていきます。
難しそうに感じるかもしれませんが、初心者向けの基本的な知識で簡単にできる方法で今回やっていきますので、基礎を抑えながら動きを付けていきましょう！
まずはグリッドの上でPキー＋左クリックか、右クリックからPannerを検索してPannerというブロックを作り、TextureSampleのUVに繋げます。
このPannerをいうブロックはテクスチャを動かすためのブロックで、これに値を入れることで今回は炎の動きを作っていきます。
そしてテクスチャを動かすために値を入れていくのですが今回はSpeedのXに0.2と入れてみましょうするとプレビューのマテリアルが横に回転し始めたと思います。正確には球体自体が回っているのではなくテクスチャが回っているだけなんですが、とりあえず回転していればOKです！
今回Xに0.2と入れたので横に動いたのですが、Yに値を入れると縦にテクスチャが動くようになりますし、XとYどちらにも値を入れると斜めに動くようになります。つまりPannerはテクスチャをどこか１方向に動かすことができるということです！
回転していないという場合はマテリアルのプレビュー左上の三本線をクリックしてRealtimeにチェックが入っているか確認しましょう。ここにチェックが入っていないとマテリアルが実際には動いているのですが動いているように見えなくなってしまいます。
ここからより炎ぽく見えるようにさらに動きを付けていきます！
まずは先ほど作ったPannerとTextureSampleのセットをどちらも選択してコピー&ペーストで複製してください。少し面倒くさいのですが複製でなくもう一度1から同じものを作っても大丈夫です。
作成出来たら新しくできた方のPannerのXの値を0にしてYの値を0.3にしましょう。
そして値を入れ終わったらMキー＋左クリックか右クリックで検索でMultiplyと検索してMultiplyを出します。そしてMultiplyのAとBに２つのTextureSampleのRGBをそれぞれ繋げてMultiplyをM_FireのBaseColorにつなげます。すると縦と横に動きが加わってより炎っぽく動くようになったと思います。
最後にMultiplyをEmissiveColorにも繋なぐと、明るさが加わりきれいに見えるようになりました！これで１通り炎のマテリアルの作成は完了です。
左上のApplyをクリックすると今作ったマテリアルの情報が保存されて使えるようになったので、最初に作ったSphierにいれてみてください。
Sphierを選択した状態で右の様に作ったマテリアルをドラッグ＆ドロップすることでマテリアルをアサインすることができます！
次の記事ではより、このマテリアルのクオリティを上げていく方法について解説していくので、興味がある方は気になる部分だけでも見ていってください！初心者向けにわかりやすく解説しています。次でやる内容についてはマテリアルを時間経過で明るくしたり、暗くしたりする方法。マテリアルインスタンスを作成して簡単に数値だけいじってマテリアルの調整を簡単に行えるようにする方法。最後にこのマテリアルの色を変える方法をやっていきます。
3DCGを効率よく学ぶには！？
15年以上の歴史と実績のあるオンラインスクール
デジハリ・オンラインスクール｜Web、CG、映像、プログラミングの通信講座
■サービス/商品の概要
デジハリ・オンラインスクールは、「デジタルハリウッド」が母体となって運営しているオンラインスクールです。1994年の創設以来、クリエイター育成に特化した教育ノウハウを培い、9万人以上の卒業生を輩出してきました。デジタルハリウッド大学・大学院などを通じたデジタルコンテンツ業界とのつながりを活かし、最新かつ実践的なカリキュラムを提供しています。
■こんな人におすすめ
- 学生などこれから3DCG関係の仕事をしたい人
- 未経験で転職を考えているデザイン、動画、3DCGの道にチャレンジしたい人
- 出産や転勤、Uターン就職など、人生の転機に、パソコンひとつあればどこでも働けるスキルを身に着けたい方
■サービス/商品の強み
- 卒業後、だけじゃない。
- 就転職から副業・フリーランスの業務委託まで、無期限のキャリアサポートを提供。卒業後も継続的にキャリアを支援します。
- 挫折させない「オンライン・アダプティブ・サポート」
- 受講生ひとりひとりの目的に沿った学習方法を提案し、目標にコミットするサポート体制があります。
- プロ御用達のAdobeCCやモリサワ製品を特別価格で提供
- プロと同じ環境で学べるため、すぐに現場で活かせるスキルを身に付けられます。
- オンライン教育に熟知
- 学び放題スタイルではなく、受講期間を設けることで学習の習慣化・インプットの精度を高めます。
- 初心者をプロに育てる丁寧な動画教材
- 合計100時間以上の動画教材で、テンポよく学べ、独自の学習システムで進捗が一目でわかります。
- 幅広い案件に対応できるデザイナーを目指せる
- 個人サイトからコーポレートサイトまで、幅広い案件に対応できるスキルを習得できます。
■ここが１番のポイント！
- リモート、副業案件多数！
- 卒業生同士でクリエイティブユニットを結成し、継続的な受注を支援する「ランサーユニット」
- 実務未経験OK案件も多数掲載「xWORKS Job Style Search」
- 経験豊富なカウンセラーによるポートフォリオ支援、書類添削、面接対策も充実
15年以上の歴史と実績のあるオンラインスクールです！案件紹介があるだけでなくポートフォリオ作成など就活をするのにも向いています！まずは無料の個別面談に参加してみましょう！
デジハリ・オンラインスクールは、未経験者がプロになるための各種サポートを受講開始したその日から卒業後も何度でも利用できるため、理想のキャリアを目指す方には非常にお勧めです。特に、3DCGや映像クリエイターを目指す方にとって、実務に直結するスキルを身につける絶好の機会となるでしょう。
デジハリ・オンラインスクールの詳細はこちらから！
- 3DCG・映像クリエイター講座: 詳しくはこちら
- 3DCGクリエイター講座 [Maya]: 詳しくはこちら
- 3DCGクリエイター講座 [3ds Max]: 詳しくはこちら
- ネット動画クリエイター講座: 詳しくはこちら
今なら無料の体験講座も実施中！3DCGの世界に一歩踏み出してみませんか？
まとめ
今回は、Unreal Engine 5でノードを使って炎のマテリアルを作る方法をご紹介しました。
ぜひ、今回の内容をベースに自分だけの炎マテリアルをアレンジしてみてください！
コメント