Lộ trình › Công cụ cơ bản › Bài 9/218

Tô màu: Fill & Gradient

Chọn màu với Color Picker, Swatches, Eyedropper; tô nhanh bằng Fill, Paint Bucket, Gradient và khóa vùng trong suốt.

Nhập môn 25 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.

Bài này giúp bạn chọn màu chính xác và đổ màu cho các mảng lớn chỉ trong vài giây — kỹ năng bạn sẽ dùng mỗi ngày khi tô nền, lên màu phẳng (flat color) cho nhân vật game.

1. Màu Foreground và Background

Ở cuối Toolbar (Thanh công cụ) có hai ô màu chồng lên nhau: ô trên là Foreground (Màu tiền cảnh) (màu vẽ), ô dưới là Background (màu nền).

  • D: đưa về mặc định — đen và trắng.
  • X: hoán đổi hai màu. Rất hay dùng khi vẽ đen trắng hoặc khi làm việc với mask.

2. Chọn màu

Color Picker

Nhấp vào ô Foreground để mở Color Picker (Bảng chọn màu). Chọn sắc độ (Hue) ở thanh dọc, rồi chọn độ bão hòa và độ sáng trong ô vuông lớn. Bạn cũng có thể gõ mã màu HEX như #e84a5f — tiện khi họa sĩ game cần dùng đúng màu của bảng màu dự án.

Bảng Color và Swatches

Color (WindowCửa sổ›Color) cho phép chọn màu nhanh mà không mở hộp thoại. Swatches (Bảng mẫu màu) (WindowCửa sổ›SwatchesBảng mẫu màu) lưu các mẫu màu; tạo nhóm swatch riêng cho mỗi nhân vật để giữ màu nhất quán.

Eyedropper (I)

Nhấn I rồi nhấp lên canvas để lấy màu. Trên Options bar (Thanh tùy chọn), đặt Sample Size là 3 by 3 Average để tránh lấy nhầm một pixel lạ, và Sample là All Layers nếu muốn lấy màu như đang nhìn thấy.

3. Paint Bucket và lệnh Fill

  • Paint Bucket (Thùng sơn) (nằm cùng nhóm với Gradient (Dải màu chuyển), G): nhấp vào một vùng, tô tất cả pixel có màu gần giống. Tolerance quyết định độ "gần giống". Hay để lại viền trắng lởm chởm quanh lineart có khử răng cưa.
  • Lệnh Fill Shift+F5 (EditChỉnh sửa›FillTô đầy / Độ phủ bên trong): đổ màu vào toàn bộ vùng chọn hoặc layer. Có tùy chọn Content-Aware để tự lấp đầy dựa trên nội dung xung quanh.
  • Alt+Backspace: đổ màu Foreground ngay lập tức.
  • Ctrl+Backspace: đổ màu Background ngay lập tức.
Cách lên màu phẳng chuyên nghiệp: dùng Lasso (Dây thòng lọng) chọn hình dáng, rồi nhấn Alt+Backspace để đổ màu. Nhanh, sạch, không có viền trắng như Paint Bucket.

4. Khóa pixel trong suốt

Ở đầu bảng Layers có nút Lock transparent pixels (phím tắt /). Khi bật, bạn chỉ vẽ được lên những pixel đã có trên layer — vùng trong suốt bị khóa lại.

Ứng dụng: bạn đã tô phẳng chiếc áo màu xanh, bật khóa rồi quét cọ mềm để đổ bóng hoặc nhấn Shift+Alt+Backspace để đổi toàn bộ áo sang màu khác mà không lem ra ngoài.

5. Gradient (G)

Nhấn G để chọn Gradient tool, kéo một đường trên canvas: điểm đầu là màu bắt đầu, điểm cuối là màu kết thúc. Giữ Shift để kéo thẳng.

Năm kiểu gradient: Linear, Radial, Angle, Reflected, Diamond
Năm kiểu gradient: Linear, Radial, Angle, Reflected, Diamond
  • Linear: chuyển thẳng — bầu trời, nền.
  • Radial: tỏa tròn từ tâm — ánh sáng, quầng phép thuật, quả cầu.
  • Angle: quét quanh tâm như kim đồng hồ.
  • Reflected: đối xứng hai bên — hiệu ứng kim loại.
  • Diamond: hình thoi — ánh lấp lánh.

Ở Photoshop bản mới, Options bar có tùy chọn Gradient (tạo Gradient Fill layer có thể chỉnh lại bất cứ lúc nào bằng các điểm màu trên canvas) và Classic gradient (vẽ thẳng lên pixel như bản cũ). Người mới nên dùng chế độ Gradient mới vì có thể sửa lại.

  1. Tạo file 1920 × 1080. Chọn màu Foreground xanh đậm, Background cam nhạt.
  2. Nhấn G, chọn kiểu Linear, bảng màu Foreground to Background.
  3. Giữ Shift, kéo từ trên xuống dưới để tạo bầu trời hoàng hôn.
  4. Tạo layer mới, dùng Elliptical Marquee (Khung chọn) chọn một hình tròn, nhấn Alt+Backspace đổ màu vàng làm mặt trời, Ctrl+D bỏ chọn.
  5. Bật khóa pixel trong suốt /, dùng Gradient Radial màu trắng sang trong suốt để thêm vùng sáng trên mặt trời.
Lỗi hay gặp: bật khóa trong suốt rồi quên tắt, sau đó vẽ mãi mà không thấy nét ra ngoài hình. Kiểm tra biểu tượng ổ khóa trên layer và nhấn / để tắt.

Mẹo & trick học nhanh

Hoán đổi màu nhanh

Nhấn X để đổi Foreground và Background. Rất tiện khi vẽ sáng tối bằng hai màu.

Tô giữ nguyên vùng trong suốt

Shift+Alt+Backspace đổ màu Foreground chỉ lên pixel có sẵn của layer, không cần bật khóa.

Chọn màu ngay trên canvas

Giữ Alt + Shift và nhấp chuột phải khi dùng Brush để mở HUD Color Picker ngay dưới con trỏ.

Bảng màu cho từng nhân vật

Tạo nhóm Swatches riêng cho mỗi nhân vật game để màu da, tóc, áo luôn nhất quán qua mọi khung hình.

Kiểm tra nhanh

1 Phím nào đưa màu Foreground và Background về đen trắng mặc định?
2 Phím tắt nào đổ màu Foreground vào vùng chọn ngay lập tức?
3 Bạn muốn đổ bóng cho chiếc áo đã tô phẳng mà không lem ra ngoài. Cách nhanh nhất là gì?
4 Kiểu gradient nào phù hợp để vẽ quầng sáng tỏa tròn quanh một viên ngọc?
5 Vì sao Paint Bucket hay để lại viền trắng khi tô màu vào lineart?

Bài tập: Luyện bắt màu chính xác

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