Lộ trình › Thực hành công cụ nâng cao › Bài 70/218

Tô màu tranh xám bằng Gradient Map

Vẽ sáng tối bằng sắc độ xám trước, rồi dùng Gradient Map biến thang xám thành bảng màu ấm – kỹ thuật grayscale-to-color của họa sĩ game.

Trung cấp 20 phút ★★★ Dễ 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.

File mẫu để luyện tập

Tải về rồi mở bằng Photoshop: FileTệp›OpenMở (Ctrl+O).

Nhiều họa sĩ game vẽ nhân vật hoàn toàn bằng sắc độ xám (grayscale) để tập trung vào sáng tối, rồi mới "đổ màu" sau. Công cụ biến tranh xám thành tranh màu nhanh nhất là Gradient Map (Ánh xạ dải màu) (Ánh xạ dải màu): mỗi độ sáng trong tranh được thay bằng một màu trên dải gradient bạn chọn.

Mục tiêu

  • Thêm lớp điều chỉnh Gradient Map và sửa dải màu trong Gradient (Dải màu chuyển) Editor.
  • Hiểu quy tắc: đầu trái dải màu thay cho vùng tối, đầu phải thay cho vùng sáng.
  • Dùng Gradient Map thứ hai có Layer Mask (Mặt nạ lớp) để áo giáp có màu khác phần còn lại.

Chuẩn bị

Tải p2-hiep-si-xam.png và mở ra. Kiểm tra ImageHình ảnh›ModeChế độ (màu) đang là RGB Color – nếu là Grayscale (Thang xám) thì Gradient Map sẽ không hiện màu, hãy chọn RGB Color.

Các bước thực hiện

  1. Đổi tên layer thành Knight (nhấp đúp vào tên). Nhấn F7 nếu chưa thấy bảng Layers.
  2. Mở LayerLớp›New Adjustment Layer›Gradient MapÁnh xạ dải màu, bấm OK. Tranh đổi sang màu theo dải gradient hiện tại (thường là đen → trắng hoặc màu tiền cảnh → hậu cảnh).
  3. Trong bảng Properties, nhấp vào thanh gradient để mở Gradient Editor.
  4. Nhấp vào ô màu (Color Stop) ở đầu trái, bấm ô Color và nhập 1c1433 (tím rất đậm). Đầu phải nhập fff1d6 (kem sáng).
  5. Nhấp ngay dưới thanh gradient để thêm 2 điểm màu: ở Location 35% màu 6b3d5e (tím hồng), ở 68% màu d48a6a (cam da). Bấm OK. Tranh giờ có bóng tím, vùng sáng ấm.
  6. Tích Dither trong Properties để dải màu mịn, không bị sọc.
  7. Thêm Gradient Map thứ hai cho áo giáp: dải màu 101a33 → 3d6aa8 → d9ecff (xanh thép). Đặt tên layer Armor Color.
  8. Nhấp vào hình mask trắng của Armor Color, nhấn Ctrl+I để đảo thành đen – Gradient Map thứ hai bị giấu hết.
  9. Chọn Brush (Cọ vẽ) B, màu trắng, cọ tròn cứng vừa phải, tô lên phần áo giáp, mũ và khiên. Chỗ nào tô trắng, chỗ đó thành xanh thép. Lem ra ngoài thì đổi sang màu đen (X) tô lại.
  10. Giảm Opacity (Độ mờ đục) của Armor Color xuống khoảng 85% nếu thấy xanh quá gắt. Lưu PSD bằng Ctrl+S.

Kết quả mong đợi

Tranh xám → Gradient Map tím–cam–kem → Gradient Map thứ hai có mask cho giáp → hiệp sĩ có màu, giữ nguyên sáng tối
Tranh xám → Gradient Map tím–cam–kem → Gradient Map thứ hai có mask cho giáp → hiệp sĩ có màu, giữ nguyên sáng tối

Hiệp sĩ có tông ấm hài hòa, vùng tối ngả tím thay vì đen xỉn, áo giáp xanh thép tách bạch với da và áo choàng. Toàn bộ sáng tối gốc được giữ nguyên.

Mẹo: sau khi có màu, thêm một layer mới ở chế độ Overlay (Phủ chồng) hoặc Color trên cùng và tô nhẹ màu hồng lên má, màu đỏ lên chùm lông mũ – những điểm nhấn nhỏ làm nhân vật sống động hơn hẳn.
Lỗi hay gặp: đặt màu sáng ở đầu trái dải gradient. Tranh bị đảo sáng tối như phim âm bản. Nhớ: trái = tối, phải = sáng; nếu lỡ ngược, tích Reverse trong Properties.

Mẹo & trick học nhanh

Kiểm tra value trước

Gradient Map chỉ đẹp khi tranh xám có đủ sáng tối. Thêm lớp Black and White tạm thời để nhìn value – tối quá thì chỉnh Levels trước.

Lưu dải màu dùng lại

Trong Gradient Editor, gõ tên vào ô Name rồi bấm New – dải màu được lưu vào bảng Gradients để dùng cho cả bộ nhân vật cùng tông.

Xem nhanh trước và sau

Giữ Alt và nhấp vào con mắt của layer Knight để chỉ xem riêng nó, nhấp lần nữa để hiện lại mọi layer.

Kiểm tra nhanh

1 Trong Gradient Map, màu ở đầu TRÁI của dải gradient sẽ thay cho vùng nào của tranh?
2 Tranh mở ra ở chế độ Grayscale và Gradient Map không hiện màu. Cần làm gì?
3 Làm sao để Gradient Map thứ hai CHỈ tác động lên áo giáp?

Bài tập: Hiệp sĩ từ xám sang màu

Làm trong Photoshop rồi nộp file. Máy chấm kiểm tra các yêu cầu kỹ thuật và chỉ cách sửa từng lỗi; giáo viên chấm thêm phần thẩm mỹ.

Làm bài tập