inflearn logo

Unreal Engine dành cho nhà thiết kế UI - Trung cấp

Bạn có mệt mỏi khi phải chịu đựng vẻ mặt 'phiền phức' của người phụ trách engine mỗi khi muốn thêm hiệu ứng UI theo ý mình không? Công ty cũng yêu cầu bạn làm cả hiệu ứng UI? Giờ hãy tự mình tạo ra chúng! Nếu tham gia khóa học này, bạn có thể hiểu và áp dụng cả những phương pháp tạo hiệu ứng khác vốn dĩ cảm thấy khó khăn!

1 học viên đang tham gia khóa học này

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

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

Bạn sẽ nhận được điều này sau khi học.

  • Hiểu biết tổng quan về Unreal Engine 5

  • Tìm hiểu chuyên sâu và thực hành về các node Widget Blueprint

  • Lý thuyết và thực hành chuyên sâu về vật liệu

  • Áp dụng Particle UI sử dụng plugin Niagara Particle

  • Dàn dựng và triển khai sử dụng Material và các nút BP

Khóa học Engine dành cho nhà thiết kế UI (Trung cấp)

Chào mừng các bạn đến với khóa học Unreal Engine UMG Trung cấp: Node UI, Material & Hiệu ứng.

Lần này cũng vậy, hãy cùng dạo qua xem đây là khóa học như thế nào nhé! Với những nguyên liệu đã học ở khóa học nhập môn, lần này chúng ta sẽ cùng đọc những câu thần chú rực rỡ! Bạn hãy thử hình dung trong đầu xem chúng ta sẽ hoàn thành phép thuật tuyệt vời nào với những câu thần chú mang tên BP node, Material và Particle nhé?

🪄Trước khi bắt đầu...

Khi bắt đầu cảm thấy đã phần nào quen thuộc với những kiến thức cơ bản của UMG với tư cách là một nhà thiết kế UI, một bức tường khổng lồ khác lại xuất hiện trước mắt chúng ta. "Làm thế nào để tạo thời gian hồi chiêu dạng vòng tròn nhỉ?", "Mình muốn gắn hiệu ứng lấp lánh vào đầu thanh gauge để nó xoay tròn thì làm sao đây?"

Dù đã xem nhiều bài hướng dẫn để hiện thực hóa những hiệu ứng lộng lẫy được ghi trong bản kế hoạch, nhưng đầu óc bạn thường trở nên trống rỗng vì không thể hiểu nổi họ đang nói gì. Hệ thống Material của Unreal cực kỳ mạnh mẽ, nhưng đi kèm với đó là rào cản để có thể sử dụng nó một cách thành thạo cũng khá cao.

Khóa học này là khóa học nâng cao kỹ năng trung cấp dành cho các nhà thiết kế UI đang cảm thấy bế tắc như vậy. Cùng với cô Lucy, người đã bắt đầu từ vị trí thiết kế UI và dần tiến bước trên con đường lập trình viên, bạn có thể khám phá những công thức có vẻ phức tạp một cách thú vị thông qua các hình vẽ đáng yêu (lần này cũng vậy!). Và đừng bỏ lỡ những mẹo hữu ích về Unreal 5 được tặng kèm nhé!

Từ giá trị tuyệt đối, phần thập phân (Frac), Pythagoras (VectorLength) cho đến Arctan! Bạn sẽ nhận ra rằng những node nồng nặc mùi toán học này thực chất là những câu thần chú ma thuật tạo nên những hiệu ứng tuyệt vời.

Sau khi hoàn thành khóa học này, các bạn sẽ có thể tạo ra hầu hết các loại material, và xa hơn nữa là sở hữu kỹ năng để ứng dụng chúng. Ngoài ra, bạn cũng có thể tự mình tạo ra các hiệu ứng trình diễn từ đầu đến cuối bằng cách sử dụng các loại mảng và bộ đếm thời gian khác nhau cho các tác phẩm của mình.

Chúc tất cả các bạn học viên sẽ tiến thêm một bước nữa luôn phát triển và gặt hái được nhiều thành công!

✨ Bạn sẽ học được gì trong khóa học trung cấp?

Phần 1. Hãy cùng tìm hiểu tổng quan về UMG trong Unreal 5.

Bài giảng lần này sẽ được thực hiện bằng Unreal Engine 5! Vì vậy, chúng ta sẽ chuẩn bị bằng cách vừa ôn tập lại những nội dung đã học ở phần nhập môn trước đó, vừa điểm qua các tính năng mới chỉ có ở Unreal Engine 5.

Cuối cùng cũng là Unreal 5!

Phần 2. Về các node BP

Ở phần nhập môn, chúng ta chỉ mới lướt qua cấu trúc node BP, nhưng giờ đây bạn sẽ được học chi tiết hơn! Chúng ta sẽ cùng tìm hiểu về các biến, các loại sự kiện, hàm, macro, v.v. và cũng sẽ có thời gian để thực hành chúng.

Ở cấp độ trung cấp cũng có hình ảnh!

Phần 3. Về UI Material

Đây là bài học về Material, không quá lời khi nói rằng đây chính là phần tinh túy nhất của khóa học này. Chúng ta sẽ cùng học vững chắc các lý thuyết về Material như Material Parameter, hàm, các phép toán khác nhau và UV, sau đó sử dụng những kiến thức đó để tự tay tạo ra nhiều loại UI Material khác nhau. Hãy cùng nhau tạo ra một radial gauge đẹp mắt chỉ bằng Material mà không cần đến bất kỳ một tấm texture nào nhé.

Material Radial và Hiệu ứng lấp lánh ✨

Phần 4. Hoàn tất Particle và Widget!

Liệu có thể render các hạt được tạo từ hệ thống hạt Niagara lên UI không? Tất nhiên là được chứ~ Trong bài học này, hãy cùng tìm hiểu cách sử dụng Niagara Particle UI Renderer, đồng thời làm quen sơ qua với cách sử dụng Niagara để học cách kết hợp các hạt vào UI nhé!

Trải nghiệm thử Niagara!

🐥Q&A dự kiến

Q. Wow, đây là bài giảng dàn dựng trung cấp~ Nhưng tại sao lại có nhiều lý thuyết hơn lớp nhập môn vậy? Tôi cứ ngỡ là sẽ được học thật nhiều kỹ thuật dàn dựng lấp lánh cơ.

  • Hiệu ứng lấp lánh và rực rỡ! Thật tuyệt vời biết bao~ Tôi cũng rất thích những thứ rực rỡ nên hoàn toàn đồng cảm với bạn!
    Tuy nhiên, nói một cách thẳng thắn thì, nếu không hiểu nguyên lý 'tại sao nó lại chuyển động như vậy' mà chỉ bắt chước kết nối các node rực rỡ do người khác tạo sẵn, thì cuối cùng đó cũng chỉ là 'việc học nửa vời'. Khi cần chỉnh sửa Material hay node BP đã tạo theo cách đó, nếu không biết lý thuyết, bạn sẽ không biết phải sửa ở đâu và sửa như thế nào, dẫn đến cảm giác bế tắc.
    Lý do tại sao trong khóa học này, tôi đi sâu vào lý thuyết về Material và node BP chi tiết hơn cả cấp độ nhập môn là vì chúng chính là nền tảng để tạo ra những hiệu ứng thực sự tuyệt vời sau này. Nếu cấp độ nhập môn là nhà tranh, thì trung cấp là nhà ngói. Nhà ngói thì cần phải xây dựng nền móng rộng hơn và vững chắc hơn đúng không nào?
    Lúc đầu có vẻ hơi khô khan, nhưng một khi đã hiểu được những nguyên lý này, sẽ đến lúc bạn chợt nhận ra: "À! Nếu kết hợp cái này như thế này thì sẽ ra được hiệu ứng đó!".

Q. Tôi chưa từng học khóa học nhập môn, liệu tôi có thể học khóa học trung cấp ngay từ đầu được không?

  • Nói từ kết luận thì tất nhiên là có thể! Tuy nhiên, có một điều kiện nhỏ.
    Nếu bạn chưa từng mở Unreal Engine một lần nào trong đời, hoặc thậm chí chưa từng thử đặt văn bản hay hình ảnh lên bảng Canvas UMG... thì thật đáng tiếc nhưng tôi thực sự khuyên bạn nên tham gia khóa học nhập môn hoặc hướng dẫn cơ bản trước. Bởi vì nếu bạn đối mặt với Material và các nút BP trong khi chưa biết cách thao tác cơ bản với Engine hay các khái niệm cơ bản về UI Widget, bạn có thể cảm thấy nó như một rào cản quá lớn.
    Nhưng ngược lại, nếu bạn là người có thể nói rằng "Tôi biết cách sắp xếp các UI Widget cơ bản trong Unreal", hoặc "Tôi đã từng mở một Blueprint đơn giản và kết nối các sự kiện nhấp chuột vào nút", thì bạn hoàn toàn có thể bỏ qua khóa học nhập môn và bắt đầu ngay tại đây!
    Khóa học này vượt xa các thao tác cơ bản, tập trung vào quá trình "Làm thế nào để render UI này một cách năng động và hiệu quả hơn?". Nếu bạn là người đã từng chạm vào Engine dù chỉ một chút, thì thông qua khóa học trung cấp này, những kiến thức rời rạc trước đây sẽ được xâu chuỗi lại thành một, giúp bạn nắm bắt hoàn hảo cảm giác về Material và dàn dựng!

💫Lưu ý trước khi học

Môi trường thực hành

  • Hệ điều hành: Bài giảng được thực hiện trên PC, Windows 11 (64-bit).

  • Công cụ sử dụng: Unreal Engine 5 (Phiên bản: 5.7.4)

  • Cấu hình PC: Vì khóa học này chỉ tập trung vào UMG nên bạn có thể theo dõi bài giảng một cách suôn sẻ ngay cả trên cấu hình tương đối thấp (Intel Core i5 trở lên).

Tài liệu học tập

  • Các asset cần thiết cho mỗi bài giảng và các hình ảnh dummy cần thiết cho thực hành đã được chuẩn bị sẵn.

    Sau khi đăng ký khóa học, bạn hãy tải tài liệu học tập được liên kết trong bài 1 và tiến hành buổi học.

    Vì vậy, trong khóa học này, bạn không cần đến các chương trình tạo hình ảnh khác.

Kiến thức tiên quyết và lưu ý

  • Khóa học này yêu cầu bạn đã tham gia khóa học nhập môn Unreal trước đó hoặc có kiến thức nền tảng tương đương. Do đó, các nội dung cơ bản như thuật ngữ hay phím tắt được sử dụng trong engine có thể sẽ không được giải thích.

  • Nghiêm cấm sử dụng các tài sản UI được cung cấp trong bài giảng cho các mục đích khác ngoài việc học tập.

🧙Ai là người dạy chúng ta?

Lập trình viên UI Studio Rasa (Hiện tại)

UX Editor tại NCSoft (~2025)

Trưởng nhóm UI tại XL Games (~2024)

(Chỉ liệt kê tối đa 3 kinh nghiệm theo thứ tự thời gian)

Xin chào~ Tôi là Lucy. Với hơn 10 năm kinh nghiệm đảm nhận công việc thiết kế UI và biên tập UX, hiện tại tôi đang hoạt động với tư cách là một lập trình viên UI. Dựa trên hành trình từ một nhà thiết kế UI trở thành lập trình viên, tôi đã bắt đầu thực hiện các bài giảng Unreal Engine dành cho các nhà thiết kế UI. Vì khóa học nhập môn trước đó đã nhận được sự yêu mến của nhiều người hơn mong đợi, nên để đáp lại sự ủng hộ đó, lần này tôi đã sản xuất một khóa học trung cấp, đặc biệt tập trung vào phần dàn dựng, rất mong nhận được sự quan tâm của các bạn!

Nếu bạn đăng những thắc mắc lên bảng hỏi đáp, tôi sẽ hỗ trợ hết sức trong khả năng của mình. Ngay cả khi không phải là vấn đề kỹ thuật, những câu hỏi cần lời khuyên cũng luôn được chào đón. 😊

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những ai muốn tạo hiệu ứng UI nhưng đang mông lung không biết nên bắt đầu từ đâu và như thế nào.

  • Những ai đã mệt mỏi với việc phải yêu cầu lập trình viên thực hiện các hiệu ứng UI mỗi lần.

  • Những ai muốn tìm hiểu sâu hơn về các node triển khai UI và material

  • Những người đang gặp khó khăn trong việc thấu hiểu dù đã xem các video về công việc dàn dựng hay nghe giải thích từ AI.

Cần biết trước khi bắt đầu?

  • Bạn cần phải đã tham gia khóa học nhập môn Unreal hoặc có kiến thức nền tảng tương đương.

  • Về cơ bản, sẽ tốt hơn nếu bạn đã từng làm việc với particle. (Chúng tôi sẽ không đi sâu vào chi tiết về bản thân particle).

Xin chào
Đây là lucynim

112

Học viên

9

Đánh giá

6

Trả lời

4.9

Xếp hạng

2

Các khóa học

 

Lim Eun-ji (Lucy)
Senior Unreal UX Editor / Nhà thiết kế UI·UX

 

Xin chào! Tôi là Lucy đây~

Thấm thoát tôi đã làm việc trong lĩnh vực UI/UX game được hơn 10 năm rồi. Trong suốt thời gian đó, tôi đã đảm nhận hệ thống UI tương tác cho các dự án lớn và quy trình UX dựa trên Unreal khi làm việc với tư cách là Trưởng bộ phận UI của team ArcheAge War tại XLGames,Senior UX Editor tại NCSoft.

Vì vậy, tôi không chỉ đơn thuần làm thiết kế mà còn hiểu rất rõ cách thức UI vận hành bên trong engine.
Nhờ đó, tôi luôn trăn trở về cách để nhà thiết kế và lập trình viên có thể thấu hiểu nhau hơn.

Lớp học của tôi hướng đến mục tiêu là “Unreal Engine mà nhà thiết kế có thể hiểu được”.
Thay vì chỉ liệt kê các tính năng khó, đây là lớp học mà chúng ta sẽ cùng nhau giải quyết cách xử lý những phần thường gặp bế tắc trong thực tế công việc.

 

Tôi tin rằng giao diện người dùng (UI) game thực thụ chỉ được hoàn thiện khi cảm quan thiết kế và kỹ thuật gặp nhau.
Trong khóa học của mình, tôi sẽ hướng dẫn các bạn từng bước những bí quyết thực tế có thể áp dụng ngay vào công việc một cách thật thoải mái.

 

  • Kinh nghiệm chính

    • 2024–2025 | NCsoft – Senior Unreal UX Editor

      • Tôi chịu trách nhiệm xây dựng hệ thống UX dựa trên Unreal và tinh chỉnh quy trình sản xuất (pipeline) UI.
        Tôi đã đảm nhận vai trò thiết kế bộ công cụ UI/UX và cấu trúc widget tương tác trong các dự án lớn, giúp nâng cao hiệu quả hợp tác giữa nhà thiết kế và lập trình viên.

    • 2017–2024 | XLGAMES – Trưởng nhóm UI / Thiết kế trưởng

      • Dẫn dắt bộ phận UI hoàn thành dự án quy mô lớn được chuẩn bị trong hơn 3 năm, sau đó chủ trì ra mắt 'ArcheAge War'.
        Tôi đã tổng quát hóa việc thiết lập ngôn ngữ thị giác cho toàn bộ UX, xây dựng hướng dẫn phong cách (style guide) và cải thiện quy trình (pipeline) của engine.

    • Kinh nghiệm trước đây | Tham gia phát triển nhiều dự án và công cụ chỉnh sửa

      • Tôi có nhiều kinh nghiệm thiết kế hệ thống tập trung vào thực tiễn như phát triển trình chỉnh sửa UI nội bộ và xây dựng môi trường tạo mẫu (prototyping).

     

  • Lĩnh vực chuyên môn
    Thiết kế UI/UX Unreal Engine, hệ thống UMG, dàn dựng UI tương tác, sản xuất và thiết kế UI

 

 

Thêm

Chương trình giảng dạy

Tất cả

16 bài giảng ∙ (10giờ 9phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Ưu đãi có thời hạn

36 ₫

29%

1.401.380 ₫