inflearn logo
知識共有
inflearn logo

UIデザイナーのためのアンリアルエンジン - 中級

UI演出を思い通りに入れたいのに、エンジニア担当者の'面倒くさそうな'表情に耐えるのに疲れましたか?会社でUI演出も要求されますか?これからは自分で作ってみましょう!この講座を受ければ、難しく感じていた他の演出制作法も理解し、応用できるようになります!

1名 が受講中です。

難易度 中級以上

受講期間 無制限

Unreal Engine
Unreal Engine
UE Blueprint
UE Blueprint
unreal-engine5
unreal-engine5
unreal-umg
unreal-umg
Niagara
Niagara
Unreal Engine
Unreal Engine
UE Blueprint
UE Blueprint
unreal-engine5
unreal-engine5
unreal-umg
unreal-umg
Niagara
Niagara

受講後に得られること

  • アンリアルエンジン5に関する全般的な理解

  • ウィジェットBPノードに関する深層的な理解および実習

  • マテリアルに関する深層的な理論および実習

  • Niagaraパーティクルプラグインを使用したパーティクルUIの適用

  • マテリアルとBPノードを利用した演出と実装

UIデザイナーのためのエンジン講座(中級)

Unreal Engine UMG 中級:UIノードとマテリアル&演出講座へようこそ。

今回もぜひ、どのような講義なのかざっと目を通してみてください!入門編で扱った材料を使って、今回は華やかな呪文を唱えてみましょう!BPノード、マテリアル、パーティクルという呪文を使って、どんな素晴らしい魔法を完成させるか、一度イメージしてみてはいかがでしょうか?

🪄始める前に...

UIデザイナーとしてUMGの基本にある程度慣れてきたと感じる頃、私たちの前にはまた別の巨大な壁が現れます。"円形のクールタイムはどうやって作るんだろう?"、"ゲージの端にキラキラをつけて回したいんだけど?"

企画書に書かれた華やかな演出を実装しようと、様々な演出チュートリアルを見ても、一体何を言っているのか理解できず、頭が真っ白になってしまうことがよくあります。アンリアルのマテリアルシステムは非常に強力ですが、その分、使いこなすためのハードルが高いからです。

この講義は、そんな漠然とした不安を感じているUIデザイナーの皆さんのための、中級スキルアップ講座です。UIデザイナーからキャリアをスタートし、プログラマーの道を歩んできたルーシー先生と一緒に、複雑に見える公式も可愛らしいイラスト(今回も!)を交えて楽しく解き明かしていくことができます。さらに、おまけとしてUnreal Engine 5に関する様々なTipsもお見逃しなく!

絶対値、小数部(Frac)、ピタゴラス(VectorLength)からアークタンジェントまで!数学の匂いがプンプンするこれらのノードが、実は素晴らしい演出を作り出す魔法の呪文であることに気づくはずです。

このコースをすべて修了すれば、皆さんはもう大抵のマテリアルを作ることができ、さらにそれを応用できる実力を身につけることができるでしょう。そして、作成した成果物に各種配列やタイマーを使用して、演出を最初から最後まで作り上げることもできるようになるはずです。

さらなる飛躍を遂げる受講生の皆様の、発展とご健闘をお祈りいたします!

✨中級講座ではどのようなことを学びますか?

セクション1. アンリアル5 UMG全般を見てみましょう。

今回の講義はアンリアル5で進めます!そのため、以前の入門編で扱った内容を一度復習したり、新しく追加されたアンリアル5ならではの機能をざっと確認したりしながら、準備をしていきましょう。

ついにアンリアル5!

セクション 2. BPノードについて

入門ではさらっと見て回るだけだったBPノードの構成について、より詳細に学んでいきます!各変数や各種イベント、関数、マクロなどについて学び、これらを実習する時間も設ける予定です。

中級にも絵があります!

セクション3. UIマテリアルについて

今回の講義の目玉と言っても過言ではない、マテリアルの授業です。マテリアルパラメータ、関数、各種演算、UVなど、マテリアルの理論をしっかりと学び、その知識を使って様々なUIマテリアルを実際に作ってみます。テクスチャを一枚も使わず、マテリアルだけで綺麗なラジアルゲージも一緒に作ってみましょう。

ラジアルマテリアルとキラキラ✨

セクション 4. パーティクルとウィジェットのまとめ!

ナイアガラパーティクルシステムで作ったパーティクルをUIにレンダリングできるでしょうか?もちろんです〜。今回のレッスンでナイアガラパーティクルUIレンダラーの使用方法について学び、おまけにナイアガラの使い方も軽く習得しながら、パーティクルをUIにどのように組み込むかを学んでみましょう!

ナイアガラをちょっと体験!

🐥予想Q&A

Q. わあ、中級演出の講義だ〜。でも、どうして入門より理論が多いんですか?キラキラした演出方法をたくさん学べると思っていたのですが。

  • キラキラした華やかなエフェクト!どれほど素晴らしいことでしょう〜 私も華やかなものが大好きなので、共感できます!
    しかし、少し厳しくお伝えすると、'なぜこのように動くのか'という原理を知らないまま、他人が作った華やかなノードをそのまま真似して繋げるだけでは、結局'中途半端な勉強'になってしまいます。そのように作ったマテリアルやBPノードを修正しなければならない時、理論を知らなければどこをどう直せばいいのか分からず、ただ途方に暮れてしまうものです。
    この講義でマテリアルとBPノードの理論を入門よりもさらに詳しく掘り下げていく理由は、これらがまさに後で本当に素晴らしい演出を作るための土台になるからです。入門がわらぶき屋根の家なら、中級は瓦屋根の家です。瓦屋根の家の方が、より土台を広く丈夫に固めなければなりませんよね?
    最初は少し堅苦しく見えるかもしれませんが、これらの原理を理解すれば、ある瞬間 "あ!これをこう混ぜればあの演出になるんだ!" と悟る瞬間が来るはずです!

Q. 入門講座を受講したことがないのですが、最初から中級講座を受講しても大丈夫でしょうか?

  • 結論から申し上げますと、もちろん可能です!ただし、小さな条件が一つあります。
    もしアンリアルエンジンを生まれてから一度も起動したことがなかったり、UMGキャンバスパネルにテキストや画像を配置したことさえないのであれば…残念ながら、入門講義や基礎チュートリアルを先に受講されることを強くお勧めします。エンジンの基本的な操作方法やUIウィジェットの基礎概念を知らない状態でマテリアルやBPノードに向き合うと、非常に大きな壁のように感じてしまう可能性があるからです。
    しかし逆に、"アンリアルで基本的なUIウィジェットの配置はできる"、"簡単なブループリントを開いてボタンクリックイベントくらいは繋げたことがある"という方であれば、入門講義を飛ばしてすぐに受講していただいても大丈夫です!
    この講義は基本操作を超えて、"では、このUIをいかにしてよりダイナミックかつ効率的にレンダリングするか?"に集中するカリキュラムです。これまでにエンジンを少しでも触ったことがある方なら、むしろこの中級講義を通じて、散らばっていた断片的な知識が一つに繋がり、マテリアルと演出に対する完璧な感覚を掴むことができるはずです!

💫受講前の注意事項

実習環境

  • OS:講義はPC、Windows 11(64bit)で実施しました。

  • 使用ツール: アンリアルエンジン5 (バージョン: 5.7.4)

  • PCスペック:この講義ではUMGのみを扱うため、比較的低いスペック(Intel Core i5以上)でも問題なく受講いただけます。

学習資料

  • 各講義に必要なアセットと、実習に必要なダミーイメージがあらかじめ用意されています。

    講義を受講した後、第1講にリンクされている授業資料を受け取って授業を進めてください。

    したがって、この講義では他の画像制作プログラムは必要ありません。

事前知識および注意事項

  • この講義は、以前のアンリアル入門講義を受講されたか、それに準ずる予備知識が必要です。そのため、エンジンで使用される基本的な用語やショートカットキーなどの基本的な内容については、説明を省略する場合があります。

  • 講義中に提供されるUIアセットの、講義の学習以外での使用を禁止します。

🧙誰が教えてくれますか?

スタジオRasa UIプログラマー(現在)

NCソフト UXエディター (~2025)

エクセルゲームズ UIチーム長 (~2024)

(経歴は日付順に3つまで記載)

こんにちは!ルーシーです。私は10年以上UIデザインとUXエディティングに携わってきて、現在はUIプログラマーとして活動しています。UIデザイナーから始まりプログラマーへと歩んできた経験をもとに、UIデザイナーのためのアンリアルエンジン講座を始めることになりました。以前の入門講義を予想以上に多くの方々に好評いただいたおかげで、今回は中級、特に演出に重点を置いた講義を制作することになりました。ぜひご注目ください!

気になる内容を質問掲示板に投稿していただければ、私が力の及ぶ限りサポートさせていただきます。技術的な問題に限らず、アドバイスが必要な場合などの質問も大歓迎です。😊

こんな方に
おすすめです

学習対象は
誰でしょう?

  • やりたいUI演出があるけれど、どこからどう始めればいいか分からず困っている方

  • 毎回プログラマーにUI演出の実装を依頼することに疲れた方

  • UI実装ノードやマテリアルについて、より深く知りたい方

  • 演出作業の動画を見たりAIから説明を聞いたりしたものの、それを理解するのに苦労されている方

前提知識、
必要でしょうか?

  • アンリアルエンジンの入門講座を受講されたか、それに準ずる前提知識が必要です。

  • 基本的にパーティクルを扱ったことがあれば望ましいです。(パーティクル自体については深く扱いません)

こんにちは
lucynimです。

112

受講生

9

受講レビュー

6

回答

4.9

講座評価

2

講座

 

イム・ウンジ (ルーシー)
シニアアンリアルUXエディター / UI・UXデザイナー

 

こんにちは!ルーシーです〜

いつの間にかゲームUI/UXの仕事に携わってから、すでに10年以上が経ちました。その中でも私はXL Games『アーキエイジ ウォー』チームのUIパート長、NCソフトでシニアUXエディターとして勤務し、大型プロジェクトのインタラクティブUIシステムとUnrealベースのUXパイプラインを担当しました。

ですので、私は単にデザインをするだけでなく、エンジン内でUIがどのように動作するのかも熟知しています。
そのおかげで、デザイナーとプログラマーが互いにより深く理解し合える方法を常に考えるようになりました。

私の授業は「デザイナーが理解できるアンリアル」を目標にしています。
難しい機能をただ並べるのではなく、実際に現場でよく突き当たる問題をどのように解決すればよいか
一緒に解き明かしていく授業です。

 

私はデザインのセンスと技術が融合してこそ、本当のゲームUIが完成すると考えています。
私の講義では、実務ですぐに活用できる実践的なノウハウを、一歩ずつ、そして分かりやすく皆さんにお伝えします。

 

  • 主な経歴

    • 2024–2025 | NCソフト – シニアアンリアルUXエディター

      • アンリアルベースのUXシステム構築とUIパイプラインの整備を担当しました。
        大型プロジェクトでUI/UXツールキットとインタラクティブウィジェットの構造を設計し、デザイナーとプログラマー間のコラボレーション効率を高める役割を担いました。

    • 2017–2024 | XLGAMES – UIパートリーダー / リードデザイナー

      • UIパートを率いて3年以上準備した大規模プロジェクトを完成させ、その後「アーキエイジ ウォー」のローンチを主導しました。
        UX全般の視覚言語の定義、スタイルガイドの策定、エンジンパイプラインの改善などを総括しました。

    • 以前の経歴 | 多様なプロジェクトおよびエディターツールの開発に参加

      • 内部UIエディタの開発、プロトタイピング環境の構築など
        実務中心のシステム設計経験を多数保有しています。

     

  • 専門分野
    Unreal Engine UI/UXデザイン、UMGシステム、インタラクティブUI演出、UI制作および設計

 

 

もっと見る

カリキュラム

全体

16件 ∙ (10時間 9分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

似ている講座

同じ分野の他の講座を見てみましょう!

期間限定セール

¥46,200

30%

¥8,724