NEW

UIデザイナーのためのエンジン講座、Unreal UMG レシピ（入門）

Unreal UMG入門コースです。ゲーム業界11年目のUI/UXデザイナーLucyが直接進行し、簡単で楽しくUnreal EngineとUMGを学ぶことができます。修了後には様々なUIをWidget Blueprintに配置し、簡単なMaterialおよび演出とEventノードなどを制作できるようになります。

16名 が受講中です。

lucynim

실습 중심

실무UX첫걸음

UI/UX

unreal

unreal-umg

Unreal Engine

こんなことが学べます

UMGに関する全般的な概念と理解
UI ウィジェットが提供する各要素に対する理解
基礎UIアニメーションと基礎UIマテリアル制作
UI BPノードコーディング入門
制作したプロジェクトをWindowsバージョンでパッケージング

UIデザイナーとして、ある瞬間に大きな壁を感じる時はいつでしょうか？多くの方が初めてUnreal UMGに触れる瞬間だと答えます。Unityとは異なり、Unrealは一度慣れてしまえば非常に自由度が高く安定した良いエンジンですが、その「一度慣れる」というハードルが非常に高いですよね。

この講義は、そんなUnreal EngineのGUIツールである、UMG（Unreal Motion Graphics）を初めて触れる皆さんのための講義です。ゲーム業界で11年間UIUXデザインをしてきた講師ルシーと一緒に、そして各種可愛いイラストと一緒に（!!）簡単で楽しくUMGに入門できます。つまり...まるで料理を学ぶかのようにですね！

様々な面でこの講義はUIデザイナーに最適化された講義ですが、Unrealで初めてUIウィジェット作業を行うプログラマーにとっても良いガイドとなるでしょう。

このコースをすべて修了すると、あらゆる種類のUIを簡単な演出と共にBPに配置し、基礎的なマテリアル制作およびスタイルイベントを制作できるようになります。

受講される皆様の発展と健闘をお祈りいたします！

セクション3. 料理を作ってみよう！
（UI HUD、インベントリ実習およびビルドパッケージング）

道具と材料がすべて揃ったので、それを使って美味しい料理を作ってみる番ですね？今回の入門コースでは、講義で提供されるアセットを利用してHUDとインベントリを直接制作してみます！そして最後にWindowsバージョンのビルドをパッケージして、自分だけのUMGポートフォリオを作ってみてください！

🐤予想Q&A

Q. なぜUnreal 5ではなく4なのですか？今がどの時代かご存知ですか？🙁

はい、今すぐにでも新しいバージョンのエンジンをインストールして新時代に進みたい気持ち！私はとてもよく理解できます。しかし少し悲しい話題を持ち出すとすれば、UMGはUnreal Engine 5で特に目覚ましい発展があったわけではありませんでした。実際、4の時のバグもそのまま引き継がれたほどです。使いやすさの面で変わった点はありますが、基本的な枠組みはすべて同じで、したがってその枠組みを身につけなければならない入門過程では、追加的な便利機能がないUnreal Engine 4の方が適していると思いました。4を使えるようになれば5もすぐに使えるようになりますが、5で最初に学んだら4を後からやるのはかなり大変だと思ったからです。（あまりやりたくもないでしょうし。）また、我が国の業界ではUnreal Engine 4をベースに作られたゲームが今でもサービスされている場合が多く、思っているよりもUnreal Engine 4はまだまだ使う場所がたくさんあります。大企業であればなおさらです。

しかし、先ほど申し上げた通り、入門を終えた後は、やはり最新バージョンの新機能も一緒に学ぶのが順序に合っているでしょう。その後、まだ計画段階ですが、より難しいバージョンの講義を進行することになれば、その時はUnreal Engine 5のUMGを扱おうと考えています。

Q. UIデザイナーはエンジンを知らなくても就職はうまくいくと聞きましたが？必ずエンジンを知る必要があるのでしょうか？

実際、最近新入社員として入社された方々からそのような話を本当によく聞きます。

そうですね、入社自体はエンジンを知らなくても可能かもしれませんが、問題はその後です。
UIがゲーム内でどのように動作するかを理解できなければ
会議でも、実装過程でも自然と疎外されやすいです。

エンジンを知らないということは、単純に技術を知らないということではなく、
自分のデザインが実際にどのように動いて反応するのかわからないという意味です。
それは結局、デザインの力を自ら半分ほど諦めることになりますね。
エンジンを知ると、デザイナーとしてはるかに自由になります。
自分が作ったUIが実際のゲーム内でどのように実装されるのか感覚が掴めて、
プログラマーや企画者との会話もスムーズになります。
その時から「ただのデザイナー」ではなく「開発チームの中核メンバー」として認められるようになります。
就職を超えて、本当に長く続く実力のあるUIデザイナーになりたいなら、
エンジンは必ず知っておく必要があります。

NC ソフト (~2025)
XL Games (~2024)
SEGA Publishing Korea (~2017)

(経歴は日付順に3つまでのみ記載しました)

こんにちは、イム・ウンジ（ルーシー）です。私は現場で実務としてUIデザインとUXエディティングを一手に担ってきました。いつの間にか11年という歳月が流れましたね。数多くのゲーム会社での実務経験をもとに、皆さんに必要なノウハウと知識をお伝えできるよう努力いたします！

気になる内容を質問掲示板に質問を投稿していただければ、私の力の及ぶ限りお手伝いさせていただきます。そして、次回の講義にあったらいいなと思う学習内容があれば、そういったことも教えていただければ、次回の講義制作時に参考にさせていただきます。

こんな方に
おすすめです

学習対象は
誰でしょう？

Unreal UMGを初めて触れる方
UI実務に投入されたのに先輩がいなくてお悩みの方
最適化されたUIリソース管理について学びたい方
プログラマーとして初めてUI編集を任されることになった方

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

この講義は基礎的なUIデザインアート作業については知っているという前提の下で制作されました。

こんにちは
です。

임은지 (루시)
시니어 언리얼 UX 에디터 / UI·UX 디자이너

안녕하세요! 루시입니다~

어느덧 게임 UI/UX 일을 한 지 벌써 10년이 넘었네요. 그 중에서도 저는 XL게임즈 아키에이지 워 팀의 UI파트장, NC소프트에서 시니어 UX 에디터로 일하면서 대형 프로젝트의 인터랙티브 UI 시스템과 언리얼 기반 UX 파이프라인을 맡았습니다.

그래서 저는 단순히 디자인만 하는 게 아니라, 엔진 안에서 UI가 어떻게 작동하는지도 잘 알고 있어요.
그 덕분에 디자이너와 프로그래머가 서로 더 잘 이해할 수 있는 방법을 늘 고민하게 됐죠.

제 수업은 “디자이너가 이해할 수 있는 언리얼”을 목표로 하고 있어요.
어려운 기능을 그냥 나열하는 식이 아니라, 실제로 현업에서 자주 막히는 부분을 어떻게 해결하면 좋은지
같이 풀어보는 수업이에요.

저는 디자인 감각과 기술이 만나야 진짜 게임 UI가 완성된다고 생각해요.
제 강의에서는 실무에서 바로 써먹을 수 있는 현실적인 노하우를 차근차근, 그리고 편하게 여러분들께 알려 드릴게요.☕

주요 경력
- 2024–2025 | NC소프트 – 시니어 언리얼 UX 에디터
  - 언리얼 기반의 UX 시스템 구축과 UI 파이프라인 정비를 담당했습니다.
    대형 프로젝트에서 UI/UX 툴킷과 인터렉티브 위젯 구조를 설계하며, 디자이너와 프로그래머 간 협업 효율을 높이는 역할을 맡았습니다.
- 2017–2024 | 엑스엘게임즈 – UI 파트장 / 리드 디자이너
  - UI 파트를 이끌며 3년 이상 준비한 대규모 프로젝트를 완성했고, 이후 ‘아키에이지 워’ 런칭을 주도했습니다.
    UX 전반의 시각 언어 정립, 스타일 가이드 수립, 엔진 파이프라인 개선 등을 총괄했습니다.
- 이전 경력 | 다양한 프로젝트 및 에디터 툴 개발 참여
  - 내부 UI 에디터 개발, 프로토타이핑 환경 구축 등
    실무 중심의 시스템 설계 경험을 다수 보유하고 있습니다.
전문 분야
언리얼 엔진 UI/UX 디자인, UMG 시스템, 인터렉티브 UI 연출, UI 제작 및 설계

カリキュラム

全体

14件 ∙ (7時間 55分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．ツールを揃えよう！（Unreal UMGマニュアル）

3件 ∙ (56分)

1. オリエンテーション
09:47
2. 1講. 料理道具の準備
27:13
3. 2講. ツール説明書の読み方
19:02

セクション 2．材料を揃えてみよう！（UMGウィジェット理論授業）

4件 ∙ (3時間 8分)

4. 3講. 材料を知ろう！パート1
55:56
5. 4講. 材料を調べてみよう！パート2
55:32
6. 5講. 材料を知ろう！パート3
50:33
7. 6講. 材料を安く！アトラス
26:07

セクション 3．料理を作ってみよう！（UI HUD、インベントリ実習およびビルドパッケージング）

7件 ∙ (3時間 51分)

8. 7講. 実習 - インベントリスロット
49:33
9. 8講. 実習 - インベントリ外部
34:48
10. 9講. 実習 - スキルボタン1
28:27
11. 10講. 実習 - スキルボタン2
29:09
12. 11講. 実習 - HP領域
35:01
13. 12講. 実習 - ナビゲーション及び連結
43:29
14. 13講. 成果物をオーブンから取り出す
11:09

講座掲載日:

最終更新日:

受講レビュー

まだ十分な評価を受けていない講座です。

みんなの役に立つ受講レビューを書いてください！

期間限定セール

￥24,260

54%

￥6,553

似ている講座

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

아티스트를 위한 언리얼 셰이더 기초

청강문화산업대학교

셰이더에 입문하려는 아티스트와, 셰이더를 알지만 기본기가 부족한 아티스트에게 좋은 강의입니다.

초급

shaders, Unreal Engine, vectors

아티스트를 위한 언리얼 셰이더 기초

청강문화산업대학교

언리얼로 만드는 게임사운드 - 초급

강사디

현직 사운드 디렉터가 알려드려요! 언리얼을 이용한 게임 사운드를 만드는 방법 중 기초 과정을 함께해요.

입문

Unreal Engine, 음향 시스템, meta sound

언리얼로 만드는 게임사운드 - 초급

강사디

언리얼로 만드는 게임사운드 - 중.고급 과정

강사디

현직 사운드 디렉터가 전수해주는 ,게임회사 취업을 위한 언리얼을 이용한 실전 게임사운드 개발 스킬 중.고급 과정

중급이상

Unreal Engine, 음향 시스템, 작곡

언리얼로 만드는 게임사운드 - 중.고급 과정

강사디

생각하고 창조하는 언리얼 이펙트 나이아가라 FX

FX Master Hank

언리얼엔진의 게임 이펙트를 시작하기 위해 나이아가라에 대한 기본기 강의입니다. 기본적인 요소들을 설명해 스스로 응용해 FX를 제작할 수 있도록 설명했습니다.

초급

Unreal Engine, VFX, Niagara

생각하고 창조하는 언리얼 이펙트 나이아가라 FX

FX Master Hank

언리얼 엔진 5 핵심 용어와 구조, 단숨에 이해하기!

Cactuspillar

언리얼 엔진을 다루면서 자주 듣는 기본 용어 및 개념과 프레임워크에 대해 알아보고, 엔진 에디터를 통해 간단한 게임 제작 실습을 하면서 체화하는 강의입니다.

입문

Unreal Engine, unreal-engine5

언리얼 엔진 5 핵심 용어와 구조, 단숨에 이해하기!

Cactuspillar

[LV2] 이펙터로 취업하기 위한 포트폴리오 만들기

원띵

이 강의는 이펙트 디자이너 취업용 강의입니다. 오프라인 학원보다 더 빠른 시간 안에 적은 비용으로 취업할 수 있도록 도와드리겠습니다.

중급이상

VFX, Unreal Engine, Blender

[LV2] 이펙터로 취업하기 위한 포트폴리오 만들기

원띵

2025 언리얼 공인강사 – UE5 스파르타 클래스: 심화편

YAL

언리얼 엔진의 최신 순기능들로 여러분들의 프로젝트 업그레이드를 목표로 합니다.

초급

Unreal Engine, UE Blueprint

2025 언리얼 공인강사 – UE5 스파르타 클래스: 심화편

YAL

제품팀을 위한 AX 전략 가이드

오의택

AI 기술과 UX 디자인이 결합하는 AX 시대, 제품팀은 어떤 전략으로 고객 경험을 설계해야 할까요? 17년차 대기업 책임연구원이자, HCI 박사 출신의 지식공유자가 최신 트렌드와 활용 사례, 연구 결과를 기반으로 알려 드립니다.

입문

서비스 기획, UX 리서치, 프로덕트디자인

제품팀을 위한 AX 전략 가이드

오의택

피그마(Figma) 제대로 배우기 (기초)

유용한IT학습

UI디자인 저작 툴인 피그마를 사용해 보고 싶거나 피그마로 무언가를 만들고 싶을 때 가장 기초적인 사용 방법을 실습합니다.

입문

웹 디자인, Figma, UIUX

피그마(Figma) 제대로 배우기 (기초)

유용한IT학습

AI 도구와 피그마를 활용한 앱 서비스 기획

에이크

이제 AI의 힘으로 누구나 쉽게 앱을 기획하고 UI를 그릴 수 있습니다! 코딩 몰라도, UI 경험 없어도 괜찮아요. Claude, ChatGPT 같은 AI 도구가 여러분의 아이디어를 현실로 만들어 드립니다. 단 몇 번의 질문만으로 타겟 고객을 분석하고, 앱 구조를 설계하고, 심지어 UI 화면까지 자동으로 생성할 수 있어요. 이 강의에서는 피그마를 처음 만져보는 분도 따라할 수 있도록 기초부터 차근차근 알려드립니다. 직접 손으로 그리지 않아도 HTML to Design 플러그인으로 기존 웹사이트 UI를 한 번에 가져올 수 있고, 구글 스티치나 readdy.ai 같은 AI 도구로 몇 초 만에 완성도 높은 화면을 만들 수 있어요. 창업을 꿈꾸는 분, 기획자로 전직하고 싶은 분, 개발자와 소통하고 싶은 분 모두에게 딱 맞는 강의입니다. 복잡한 이론 대신 바로 써먹을 수 있는 실전 노하우만 쏙쏙 뽑아서 알려드릴게요. 이제 아이디어만 있으면 누구나 앱 서비스를 기획할 수 있습니다!

입문

프로토타이핑, Figma, 서비스 기획

AI 도구와 피그마를 활용한 앱 서비스 기획

에이크

2025 언리얼 공인강사 – UE5 스파르타 클래스: 실전편

YAL

VR부터 PC게임까지 언리얼 엔진5로 여러 장르의 게임을 만들어보자!

입문

Unreal Engine, UE Blueprint, 애니메이션

2025 언리얼 공인강사 – UE5 스파르타 클래스: 실전편

YAL

After Effects 실무 원리를 찾아서

strikeapple

After Effects 중급 이상, 실무에서 활용할 수 있는 기술을 설명합니다. CC2023으로 설명하지만 버전에 상관없이 기본 원리를 위주로 했습니다. 도구 설명으로 시간을 버리지 말고 능동적인 연구를 할 수 있는 꺼리를 만들어 놓았습니다.

중급이상

모션그래픽, After Effects, 영상제작

After Effects 실무 원리를 찾아서

strikeapple