Bạn học Photoshop trên máy nào? Phím tắt và hướng dẫn sẽ hiển thị đúng theo lựa chọn của bạn.

Lộ trình › Màu sắc & Ánh sáng › Bài 16/158

Lý thuyết màu cho họa sĩ game

Hiểu mô hình HSB, bánh xe màu, các cách phối màu hài hòa và cách xây dựng bảng màu giới hạn để tranh game rõ ràng, dễ đọc.

Trung cấp 30 phút Hướng dẫn cho Windows · đổi sang macOS

Photoshop hiển thị tiếng Anh. Từ có gạch chân chấm là thuật ngữ trên giao diện — chạm để xem nghĩa, hoặc tra Từ điển Anh–Việt.

Mô hình HSB – cách họa sĩ nghĩ về màu

Máy tính lưu màu dưới dạng RGB (đỏ, xanh lá, xanh dương), nhưng họa sĩ thường nghĩ theo HSB vì nó gần với cách mắt người cảm nhận:

  • H – Hue (sắc độ): “màu gì” – đỏ, cam, vàng, lục, lam, tím. Đo bằng góc 0–360° trên bánh xe màu.
  • S – Saturation (độ bão hòa): màu rực hay xỉn, 0% là xám, 100% là rực nhất.
  • B – Brightness (độ sáng): 0% là đen, 100% là sáng nhất của sắc đó.

Nhấp vào ô màu Foreground (Màu tiền cảnh) ở thanh công cụ để mở Color Picker (Bảng chọn màu). Bạn sẽ thấy các ô H, S, B bên cạnh R, G, B. Chọn nút H để thanh dọc là dải Hue, ô vuông lớn là S (ngang) và B (dọc) – đây là cách chọn màu trực quan nhất.

Mẹo: Mở bảng Color qua WindowCửa sổ›Color, bấm biểu tượng menu góc phải và chọn HSB Sliders hoặc Color Wheel. Kéo thanh S và B riêng biệt giúp bạn kiểm soát màu chính xác hơn nhiều.

Bánh xe màu và các cách phối hài hòa

Bánh xe màu với các cách phối: bổ túc, tương đồng và bộ ba
Bánh xe màu với các cách phối: bổ túc, tương đồng và bộ ba

Bổ túc (Complementary)

Hai màu đối diện nhau trên bánh xe: đỏ – lục, cam – lam, vàng – tím. Tạo tương phản mạnh nhất. Dùng để làm nổi bật điểm nhấn: nhân vật mặc áo cam trên nền rừng xanh lam, viên ngọc tím trên nền vàng.

Tương đồng (Analogous)

Ba đến bốn màu cạnh nhau, ví dụ vàng – cam – đỏ. Cảm giác êm dịu, thống nhất. Rất hợp cho màn chơi theo chủ đề: màn sa mạc, màn núi lửa, màn băng giá.

Bộ ba (Triadic)

Ba màu cách đều nhau 120°, ví dụ đỏ – vàng – lam. Nhiều màu sắc nhưng vẫn cân bằng, thường thấy trong game phong cách hoạt hình, vui nhộn. Hãy để một màu chiếm chủ đạo, hai màu còn lại làm phụ.

Màu nóng và màu lạnh

Màu nóng (đỏ, cam, vàng) cho cảm giác gần, sôi động, nguy hiểm. Màu lạnh (lam, lục lam, tím) cho cảm giác xa, yên tĩnh, bí ẩn. Quy tắc phổ biến: ánh sáng ấm thì bóng lạnh, ánh sáng lạnh thì bóng ấm. Ví dụ dưới nắng chiều vàng cam, bóng đổ có xu hướng tím lam.

Kiểm soát độ bão hòa

Người mới hay dùng màu rực 100% ở khắp nơi, khiến tranh chói và mỏi mắt. Hãy nghĩ độ bão hòa như ngân sách: phần lớn tranh dùng màu vừa hoặc hơi xỉn, chỉ dành màu rực nhất cho điểm quan trọng – vật phẩm nhặt được, kẻ địch, nút bấm, hiệu ứng phép.

Lỗi hay gặp: Chọn màu ở góc trên bên phải của Color Picker (S và B đều 100%) cho mọi thứ. Kết quả là tranh “neon”, không có điểm nhấn. Hãy kéo S xuống 40–70% cho phần lớn diện tích.

Bảng màu giới hạn cho game

Game cần dễ đọc (readability): người chơi phải nhận ra ngay đâu là nhân vật, đâu là kẻ địch, đâu là vật cản. Một bảng màu giới hạn (limited palette) giúp:

  • Toàn bộ game có phong cách thống nhất.
  • Dễ phân biệt các nhóm đối tượng: nền dùng màu xỉn, lạnh; nhân vật và vật phẩm dùng màu rực, ấm hơn.
  • Vẽ nhanh hơn vì ít phải cân nhắc chọn màu.

Lưu bảng màu trong bảng Swatches (Bảng mẫu màu) (WindowCửa sổ›SwatchesBảng mẫu màu): chọn màu rồi nhấp nút tạo swatch mới, gom vào một group swatch theo tên dự án.

Thực hành: xây bảng màu 8 ô

  1. Tạo file 1200 × 400 px. Chọn một màu chủ đạo cho màn chơi, ví dụ xanh lục rừng.
  2. Mở Color Picker, bật chế độ H. Giữ nguyên H, tạo 3 phiên bản: tối – vừa – sáng bằng cách thay đổi B (và hơi dịch S).
  3. Xoay H sang màu tương đồng hai bên (vàng lục và lục lam), mỗi bên 1–2 ô.
  4. Thêm 1 màu bổ túc rực (cam đỏ) làm màu nhấn cho vật phẩm và kẻ địch.
  5. Tô mỗi màu thành một ô vuông bằng Rectangular Marquee (Khung chọn) M và Alt+Backspace.
  6. Lưu tất cả vào Swatches thành một group tên forest-level.

Mẹo & trick học nhanh

Đổi màu bằng phím tắt

Khi đang cầm Brush, giữ Alt để tạm biến thành Eyedropper và lấy màu trên tranh. Giữ Alt+Shift và nhấp chuột phải để mở HUD Color Picker ngay tại con trỏ.

Bóng không phải màu đen

Khi làm tối một màu, hãy xoay nhẹ Hue về phía lạnh (lam, tím) và giảm B, thay vì chỉ trộn với đen – bóng sẽ sống động hơn.

Học từ game yêu thích

Chụp màn hình game bạn thích, dùng Eyedropper I lấy 6–8 màu chính và xem chúng nằm đâu trên bánh xe màu.

Kiểm tra nhanh

1 Trong HSB, chữ S nghĩa là gì?
2 Cặp màu nào là bổ túc (complementary)?
3 Phối màu tương đồng (analogous) phù hợp nhất cho mục đích nào?
4 Vì sao không nên dùng màu bão hòa 100% cho mọi thứ trong tranh game?
5 Theo quy tắc phổ biến, dưới ánh nắng chiều vàng cam, bóng đổ nên có xu hướng màu gì?

Bài tập: Luyện bắt màu (color match)

Luyện vẽ trực tiếp trên trình duyệt bằng bút Wacom (hoặc chuột). Hệ thống chấm độ chính xác và độ đều nét ngay lập tức.

Làm bài tập