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

Value – sáng tối quan trọng hơn màu

Học thang value, cách kiểm tra độ sáng tối của tranh ngay trong Photoshop và vẽ thumbnail value để hình luôn rõ ràng.

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

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.

Value là gì và vì sao quan trọng?

Value là độ sáng tối của màu, bỏ qua sắc độ. Có một câu các họa sĩ hay nói: “Màu nhận hết lời khen, nhưng value làm hết mọi việc.” Mắt người nhận ra hình dạng, chiều sâu và khối chủ yếu nhờ sự khác biệt sáng tối, không phải nhờ màu.

Trong game điều này càng quan trọng: nhân vật phải tách khỏi nền ngay cả khi người chơi liếc nhìn trong tích tắc, trên màn hình điện thoại nhỏ, dưới ánh nắng.

Thang value

Thang value 9 bậc từ trắng đến đen
Thang value 9 bậc từ trắng đến đen

Thang value chia khoảng từ trắng đến đen thành các bậc đều nhau. Người mới nên luyện với 5 bậc (trắng – sáng – trung bình – tối – đen), sau đó nâng lên 9 bậc. Với B trong HSB (màu xám thuần, S = 0%), 5 bậc tương ứng khoảng 100%, 75%, 50%, 25%, 0%.

Một tranh dễ đọc thường gom value thành 3–4 nhóm lớn: ví dụ nền trung bình, nhân vật tối, điểm nhấn sáng. Tránh để mọi thứ đều nằm ở vùng giữa – tranh sẽ “xám đục”.

Kiểm tra value ngay trong Photoshop

Cách 1: Black & White adjustment layer

Thêm LayerLớp›New Adjustment Layer›Black & WhiteTrắng đen ở trên cùng. Bật tắt con mắt để so sánh. Cách này nhanh nhưng lưu ý: Black & White cho phép chỉnh độ sáng từng màu nên kết quả có thể lệch so với cảm nhận thực.

Cách 2: layer đen ở mode Color (chính xác hơn)

  1. Tạo layer mới ở trên cùng, tô kín màu đen: bấm D rồi ⌥ Option+⌫ Delete. Hoặc dùng LayerLớp›New Fill Layer›Solid Color chọn đen.
  2. Đổi blend mode sang Color. Màu đen có độ bão hòa 0%, nên layer này “rút hết màu” và chỉ để lại độ sáng (luminosity) thật của tranh.
  3. Đặt tên CHECK value, gán color label đỏ, bật tắt khi cần.

Cách này cho kết quả gần với cảm nhận của mắt hơn: màu vàng sẽ hiện sáng, màu lam hiện tối – đúng như thực tế.

Mẹo: Ghi lại thao tác tạo layer check thành một Action và gán phím F (ví dụ F2) để bật kiểm tra value chỉ bằng một phím bấm.

Cách 3: nheo mắt và thu nhỏ

Nheo mắt (squint) làm mờ chi tiết, chỉ còn các mảng sáng tối lớn. Hoặc thu nhỏ tranh bằng ⌘ Cmd+- hay mở cửa sổ thứ hai qua WindowCửa sổ›Arrange›New Window for tên file, để ở kích thước nhỏ như icon trong game. Nếu vẫn đọc được hình, value đã ổn.

Lỗi hay gặp: Chọn hai màu khác nhau rõ rệt (ví dụ đỏ và lục) và nghĩ rằng chúng tách nhau tốt. Khi xem trắng đen, hai màu có cùng value và hòa làm một. Luôn bật layer CHECK value trước khi kết luận.

Thumbnail value study

Trước khi vẽ tranh lớn, họa sĩ vẽ nhiều thumbnail – bản phác cực nhỏ (khoảng 150–300 px), chỉ dùng 3–4 value xám. Mục đích là thử bố cục và phân bổ sáng tối trong vài phút, thay vì phát hiện lỗi sau nhiều giờ vẽ.

Thực hành: thang value và thumbnail

  1. Tạo file 1500 × 600 px, chế độ Grayscale (Thang xám) hoặc RGB.
  2. Dùng Rectangular Marquee (Khung chọn) M vẽ 5 ô liền nhau. Mở Color Picker (Bảng chọn màu), đặt S = 0 và lần lượt B = 100, 75, 50, 25, 0, tô mỗi ô bằng ⌥ Option+⌫ Delete.
  3. Bên dưới, vẽ 3 thumbnail nhỏ (mỗi cái khoảng 300 × 200 px) một cảnh game: nhân vật đứng trước cổng lâu đài.
  4. Mỗi thumbnail chỉ dùng 3 value lấy từ thang ở trên (dùng ⌥ Option để lấy màu). Thử các cách: nhân vật tối trên nền sáng, nhân vật sáng trên nền tối, nền chia hai.
  5. Thu nhỏ màn hình và chọn thumbnail đọc rõ nhất.

Mẹo & trick học nhanh

Vẽ trắng đen trước, tô màu sau

Một quy trình phổ biến: vẽ value bằng xám, sau đó phủ màu bằng layer mode Color hoặc Gradient Map. Bạn giải quyết sáng tối trước rồi mới lo đến màu.

Nhân vật và nền khác nhóm value

Đặt nhân vật và nền ở hai nhóm value khác nhau rõ rệt. Nếu nền phức tạp, hạ tương phản của nền để nhân vật nổi lên.

Lật ngang để thấy lỗi

Dùng ImageHình ảnh›Image Rotation›Flip Canvas Horizontal để nhìn tranh bằng “mắt mới” – lỗi value và bố cục lộ ra rất rõ.

Kiểm tra nhanh

1 Value là gì?
2 Để kiểm tra value chính xác, tạo layer đen trên cùng và đặt blend mode nào?
3 Vì sao hai màu đỏ và lục có thể hòa vào nhau trong tranh game?
4 Mục đích chính của thumbnail value study là gì?
5 Người mới nên bắt đầu luyện với thang value bao nhiêu bậc?

Bài tập: Vẽ thang value

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