inflearn logo

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

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

24 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 5

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

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

  • Áp dụng UI hạt bằng plugin hạt Niagara.

  • Dàn dựng và triển khai sử dụng Material và các node 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, Vật liệu & Dàn dựng.

Lần này cũng vậy, hãy cùng xem qua tổng quan về khóa học nhé! Với những nguyên liệu đã trang bị từ khóa nhập môn, lần này chúng ta sẽ cùng niệm những câu thần chú thật rực rỡ! Các bạn nghĩ sao nếu cùng hình dung xem chúng ta sẽ tạo ra phép màu tuyệt diệu nào từ những câu thần chú mang tên BP Node, Material và Particle?

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

Khi cảm thấy mình đã 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, thì trước mắt chúng ta lại xuất hiện một bức tường khổng lồ khác. "Làm thế nào để tạo hiệu ứng hồi chiêu hình tròn?", "Làm sao để gắn hiệu ứng lấp lánh vào cuối thanh gauge và cho nó xoay?"

Dù xem qua vô số tutorial về hiệu ứng để hiện thực hóa những hiệu ứng hoa mỹ được ghi trong tài liệu thiết kế, bạn thường chẳng hiểu rốt cuộc họ đang nói gì và đầu óc trở nên trống rỗng. Hệ thống Material của Unreal vô cùng mạnh mẽ, nhưng rào cản để làm chủ nó một cách bài bản cũng tương đối cao.

Khóa học nâng cao kỹ năng trình độ trung cấp này dành riêng cho các UI Designer đang cảm thấy mông lung và bế tắc. Đồng hành cùng giảng viên Lucy, người bắt đầu sự nghiệp từ UI Designer và từng bước tiến lên con đường lập trình, các bạn sẽ cùng nhau giải mã những công thức tưởng chừng phức tạp một cách thật thú vị qua những hình vẽ dễ thương (lần này cũng vậy nhé!). Và đừng bỏ lỡ vô vàn mẹo hữu ích về Unreal 5 như một phần quà bonus nhé!

Từ Giá trị tuyệt đối, Phần thập phân (Frac), Pytago (VectorLength) cho đến Arctan! Các bạn sẽ sớm nhận ra những node đậm chất toán học này thực chất chính là những câu thần chú ma thuật tạo nên những hiệu ứng tuyệt đẹp đấy!

Sau khi hoàn thành toàn bộ khóa học này, các bạn sẽ có thể tạo ra hầu hết các loại vật liệu, và hơn thế nữa, sẽ đạt được trình độ có thể ứng dụng và mở rộng chúng. Bên cạnh đó, các bạn còn có thể tự tay xây dựng các phân cảnh diễn hoạt từ đầu đến cuối cho tác phẩm của mình bằng cách sử dụng các mảng và bộ đếm thời gian.

Chúc tất cả các học viên sẽ vươn lên một tầm cao mới, không ngừng tiến bộ và gặt hái được nhiều thành công!

✨Chúng ta sẽ học những gì trong khóa học trung cấp?

Phần 1. Cùng khám phá tổng quan về UMG trong Unreal 5.

Khóa học này sẽ được thực hiện trên Unreal 5! Do đó, chúng ta sẽ cùng ôn lại những nội dung đã đề cập ở phần nhập môn trước, đồng thời điểm qua các tính năng mới được bổ sung đặc thù của Unreal 5 để chuẩn bị thật tốt nhé.

Cuối cùng cũng đến Unreal 5!

Phần 2. Về các nút BP

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

Ngay cả phần trung cấp cũng có hình ảnh minh họa nhé!

Phần 3. Về UI Material

Đây là bài học về Material, không quá lời khi gọi đây là điểm nhấn rực rỡ nhất của toàn bộ khóa học. Chúng ta sẽ nắm vững lý thuyết về Material như các tham số, hàm, các phép toán và UV, đồng thời sử dụng những kiến thức này để 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 thật đẹp chỉ bằng Material mà không cần đến bất kỳ texture nào.

Vật liệu Radial và hiệu ứng lấp lánh✨

Phần 4. Hoàn thiện hạt và widget!

Liệu có thể render các particle được tạo từ hệ thống particle Niagara lên UI không? Dĩ nhiên là được rồi~ Trong buổi học này, chúng ta sẽ cùng tìm hiểu cách sử dụng Niagara Particle UI Renderer, đồng thời tranh thủ làm quen sơ lược với cách dùng Niagara để khám phá cách tích hợp particle vào UI nhé!

Trải nghiệm sơ lược Niagara!

🐥Q&A dự kiến

Q. Chà, khóa hiệu ứng trung cấp~ Nhưng sao lý thuyết lại nhiều hơn cả khóa nhập môn vậy? Tôi cứ tưởng sẽ được học thật nhiều kỹ thuật tạo hiệu ứng rực rỡ chứ.

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

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

  • Trả lời ngắn gọn thì tất nhiên là được! Tuy nhiên, có một điều kiện nhỏ.
    Nếu bạn chưa từng mở Unreal Engine dù chỉ một lần, hoặc thậm chí chưa từng đặt text hay hình ảnh lên Canvas Panel của UMG... thì rất tiếc, chúng tôi khuyên bạn nên học khóa nhập môn hoặc tutorial cơ bản trước. Bởi vì khi chưa biết cách thao tác cơ bản của engine hay khái niệm nền tảng của UI widget, việc đối mặt với Material và BP Node sẽ khiến bạn cảm thấy như một rào cản quá lớn.
    Nhưng ngược lại, nếu bạn tự tin rằng "mình biết cách bố trí UI widget cơ bản trong Unreal", "mình đã từng mở Blueprint đơn giản và kết nối sự kiện click nút"... thì bạn hoàn toàn có thể bỏ qua khóa nhập môn và đến thẳng với khóa này!
    Khóa học này không chỉ dừng lại ở thao tác cơ bản, mà tập trung vào câu hỏi "Vậy làm thế nào để render UI này trở nên sống động và hiệu quả hơn?". Nếu bạn đã từng thao tác với engine dù chỉ một chút, thì thông qua khóa 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, giúp bạn nắm bắt trọn vẹn tư duy về Material và dàn dựng!

💫Lưu ý trước khi tham gia khóa học

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

  • Hệ điều hành: Khóa học được thực hiện trên PC, Windows 11 (64bit).

  • 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 hoàn toàn có thể theo học mà không gặp vấn đề gì ngay cả trên những máy có cấu hình tương đối thấp (từ Intel Core i5 trở lên).

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

  • Các tài nguyên cần thiết cho từng bài giảng và các hình ảnh mẫu dùng cho phần thực hành đã được chuẩn bị sẵn.

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

    Do đó, trong khóa học này, bạn không cần sử dụng bất kỳ phần mềm tạo hình ảnh nào khác.

Kiến thức tiên quyết và những điều cần lưu ý

  • Khóa học này yêu cầu học viê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 đương. Do đó, các nội dung cơ bản như thuật ngữ thường dùng trong engine hay các phím tắt có thể sẽ không được giải thích.

  • Nghiêm cấm sử dụng các tài nguyên UI được cung cấp trong khóa học vào mục đích khác ngoài việc học tập.

🧙Ai sẽ dạy chúng ta?

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

Biên tập viên UX tại NCSoft (~2025)

Trưởng bộ phận UI XLGAMES (~2024)

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

Xin chào~ Mình là Lucy. Mình đã gắn bó với công việc thiết kế UI và biên tập UX suốt hơn 10 năm, và hiện tại đang đảm nhận vai trò Lập trình viên UI. Dựa trên hành trình từ một nhà thiết kế UI đến lập trình viên của mình, mình đã quyết định mở khóa học Unreal Engine dành riêng cho các nhà thiết kế UI. Khóa nhập môn trước đã nhận được sự yêu mến của đông đảo mọi người vượt ngoài mong đợi. Đáp lại sự ủng hộ nhiệt tình đó, lần này mình đã bắt tay vào thực hiện khóa học trung cấp, đặc biệt tập trung sâu vào kỹ thuật dàn dựng và trình bày, vì vậy mọi người hãy quan tâm và theo dõi nhé!

Nếu có bất kỳ thắc mắc nào, các bạn cứ đăng lên bảng hỏi đáp, tôi sẽ cố gắng hết sức mình để hỗ trợ. Dù không hẳn là vấn đề kỹ thuật, những câu hỏi cần lời khuyên cũng rất được chào đón.😊

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

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

  • Dành cho những ai đã có ý tưởng về hiệu ứng UI mong muốn nhưng lại cảm thấy mông lung, không biết nên bắt đầu từ đâu và làm như thế nào.

  • Những ai đã mệt mỏi vì phải nhờ lập trình viên triển khai hiệu ứng UI mỗi lần.

  • Dành cho những ai muốn tìm hiểu chuyên sâu về các node triển khai UI và vật liệu.

  • Những ai đã xem video về quá trình đạo diễn hoặc nghe AI giải thích nhưng vẫn gặp khó khăn trong việc hiểu rõ.

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

  • Yêu cầu đã tham gia khóa học nhập môn Unreal hoặc có kiến thức tiên quyết tương đương.

  • Về cơ bản, sẽ tốt hơn nếu bạn đã có kinh nghiệm 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

Xác minh sự nghiệp

138

Học viên

11

Đánh giá

8

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

46.200 ₫

30%

1.400.528 ₫