inflearn logo
知識共有
inflearn logo

UIデザイナー向けアンリアルエンジン - 中級

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

24名 が受講中です。

難易度 中級以上

受講期間 無制限

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

受講後に得られること

  • Unreal 5に関する全般的な理解

  • ウィジェットBPノードの深い理解と実践

  • マテリアルに関する深い理論と実習

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

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

UIデザイナー向けエンジン講座(中級)

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

今回もどんな講義なのか、ぜひ全体をご覧ください!入門コースで扱った素材を使って、今回は華麗な呪文を唱えてみましょう!BPノードやマテリアル、パーティクルという呪文で、どんな素敵な魔法を完成させるのか、ぜひ頭の中で思い描いてみてはいかがでしょうか?

🪄始める前に...

UIデザイナーとしてUMGの基礎にある程度慣れてきたと感じる頃、私たちの前にはまた新たな巨大な壁が立ちはだかります。"円形のクールタイムはどうやって作るんだろう?"、"ゲージの先端にスパークルをぶら下げて回転させたいんだけど?"

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

本講座は、そのような漠然とした不安を感じていらっしゃるUIデザイナーの皆様に向けた中級スキルアップ講座です。UIデザイナーからスタートし、プログラマーの道を着実に歩んでこられたルーシー先生と共に、難しそうに見える数式も様々な可愛いイラストと共に(今回もですよ!)楽しく紐解いていくことができます。そして、おまけにUnreal 5に関する様々なTipsも見逃さないでくださいね!

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

このコースをすべて修了すると、大抵のマテリアルを作成できるようになるだけでなく、さらに応用できる実力も身につくでしょう。また、制作した作品に様々なアレイやタイマーを駆使して、最初から最後まで演出を作り上げることもできるようになります。

さらなる飛躍を目指す受講生の皆様一人ひとりの成長とご健闘を心よりお祈り申し上げます!

✨中級講座では何を学ぶのでしょうか?

セクション1. アンリアル5のUMG全体像を見ていきましょう。

今回の講座はUnreal Engine 5で進めていきます!そのため、以前の入門編で扱った内容をおさらいしつつ、新しく追加されたUnreal Engine 5独自の機能もざっと確認しながら、準備を進めていきましょう。

ついにUnreal Engine 5!

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

入門編ではざっと眺めるだけだったBPノードの構成について、より詳しく学んでいきます!各変数や各種イベント、関数、マクロなどについて学び、実際に手を動かして実習してみる時間も設けますよ。

中級編にも図解があります!

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

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

ラディアルマテリアルとキラキラ✨

セクション4. パーティクルとウィジェットを仕上げよう!

ナイアガラパーティクルシステムで作成したパーティクルをUIにレンダリングできるのでしょうか?もちろんですよね~!今回のレッスンでは、ナイアガラパーティクルUIレンダラーの使い方を学び、おまけにナイアガラの使い方も少しだけ覚えながら、パーティクルをUIにどう組み込むかを学んでみましょう!

ナイアガラ入門!

🐥想定Q&A

Q. わあ、中級演出講座だ~でもどうして入門編より理論が多いんでしょう?キラキラ光る演出テクニックをたくさん学べるのかと思ってたのに。

  • ピカピカで華やかなエフェクト!どんなに素晴らしいことでしょう~私も華やかなものが大好きなので共感できます!
    ですが、少し厳しく言わせていただくなら、'なぜこう動くのか'という原理を知らずに、誰かが作った華やかなノードをそのまま真似てつなぐだけでは、結局'中途半端な勉強'になってしまいます。そうやって作ったマテリアルやBPノードを修正しなければならない時、理論を知らなければどこをどう直せばいいのかわからず、ただ途方に暮れてしまうものです。
    この講座でマテリアルやBPノードの理論を入門よりもさらに詳しく掘り下げていく理由は、これらがまさに後で本当に素晴らしい演出を作るための土台となるからです。入門が藁ぶきの家なら、中級は瓦葺きの家です。瓦葺きの家こそ、土台をより広く、しっかりと固めなければなりませんよね?
    最初は少し堅苦しく見えるかもしれませんが、これらの原理を理解すれば、ある時ふと"ああ!これをこう組み合わせれば、あの演出ができるんだ!"と気づく瞬間が訪れるはずです!

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

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

💫受講前のご注意事項

実習環境

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

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

  • PC要件:本講義ではUMGのみを扱うため、比較的ロースペック(Intel Core i5以上)でも問題なく受講可能です。

学習資料

  • 各講義に必要なアセットや、実習に必要なダミー画像はあらかじめ用意されています。

    講義を受講された後、第1講にリンクされている教材を受け取って、講義を進めてください。

    したがって、本講座では他の画像作成ソフトは必要ございません。

前提知識および注意事項

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

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

🧙誰が私たちに教えてくれるのでしょうか?

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

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

XLGAMES UIパート長(~2024)

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

こんにちは~ルーシーです。私は10年以上にわたりUIデザインとUXエディティングを担当し、現在はUIプログラマーとして活動しています。UIデザイナーからスタートし、プログラマーへと歩んできた経験を活かし、UIデザイナーのためのアンリアルエンジン講座を開始することになりました。以前の入門講座が想像以上に多くの方々に愛され、そのご声援に応える形で、今回は中級編、特に演出に特化した講座を制作いたしましたので、ぜひご注目いただけますと幸いです!

気になる点は質問掲示板に投稿していただければ、私のできる限り精一杯お手伝いさせていただきます。技術的な問題に限らず、アドバイスが欲しいといったご質問も大歓迎です。😊

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 思い描くUI演出があるものの、どこからどう手をつければよいか見当がつかず途方に暮れている方

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

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

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

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

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

  • 基本的には、パーティクルを扱った経験があるとよいでしょう。(パーティクル自体については深く取り上げません)

こんにちは
lucynimです。

キャリア認証

138

受講生

11

受講レビュー

8

回答

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制作および設計

 

 

もっと見る
講座掲載日: 
最終更新日: 

受講レビュー

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

似ている講座

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

期間限定セール

¥46,200

30%

¥8,383