Pixel Art trong Photoshop
Thiết lập Photoshop cho pixel art, làm việc với bảng màu giới hạn, tránh các lỗi kinh điển và phóng to đúng cách để trưng bày.
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.
Pixel art là phong cách mà mỗi pixel đều được đặt có chủ đích. Photoshop không được thiết kế riêng cho pixel art, nhưng chỉ cần vài thiết lập đúng là bạn có một công cụ rất mạnh.
Thiết lập Photoshop
- Mở Preferences (Tùy chọn cài đặt) bằng Ctrl+K (Edit > Preferences > General). Đổi Image Interpolation thành Nearest Neighbor (Điểm lân cận) (preserve hard edges). Từ giờ mọi phép Free Transform (Biến đổi tự do) sẽ không làm mờ pixel.
- Tạo file mới Ctrl+N: 32 × 32 px (hoặc 64 × 64 px), Resolution (Độ phân giải) 72, Background Transparent.
- Chọn Pencil (Bút chì) Tool: nhấn B, nếu đang là Brush (Cọ vẽ) thì nhấn Shift+B để chuyển. Đặt Size 1 px. Pencil luôn cho cạnh cứng, không khử răng cưa.
- Chọn Eraser (Tẩy) (E) và trên Options bar (Thanh tùy chọn) đổi Mode thành Pencil, Size 1 px.
- Phóng to 800–1600% (Ctrl++) và bật . Lưới pixel chỉ hiện khi zoom trên khoảng 500%.
- Mở cửa sổ thứ hai ở 100%: để luôn thấy kích thước thật khi vẽ.
Bảng màu giới hạn
Pixel art đẹp thường chỉ dùng 8–16 màu. Giới hạn buộc bạn chọn màu kỹ và giúp sprite nhất quán. Cách làm:
- Tạo một layer
palettevới các ô 1 px màu đã chọn, hoặc lưu vào thành một nhóm riêng. - Luôn lấy màu bằng Eyedropper (Ống hút màu) (giữ Alt khi đang dùng Pencil) từ bảng màu, không chọn màu "tạm" bằng Color Picker (Bảng chọn màu).
- Mỗi dải màu (ramp) nên có 3–5 sắc độ, dịch nhẹ Hue khi tối/sáng: vùng tối hơi ngả xanh/tím, vùng sáng hơi ngả vàng.
Ba lỗi kinh điển cần tránh
Jaggies (răng cưa lởm chởm)
Đường cong đẹp là đường có các đoạn pixel dài ngắn tăng/giảm đều: 3-2-1-1-2-3. Nếu chuỗi là 3-1-2-1-3, đường sẽ trông gãy. Hãy sửa từng đoạn cho nhịp nhàng.
Pillow shading (đổ bóng kiểu gối)
Là khi tô sáng ở giữa và tối dần đều ra mọi phía theo viền, bất kể nguồn sáng. Hình sẽ phẳng như cái gối. Hãy chọn một hướng sáng (ví dụ trên-trái) và đặt vùng tối ở phía đối diện.
Banding
Là khi các dải màu chạy song song cùng độ dày, bám theo nhau thành bậc thang, làm lộ rõ lưới pixel. Hãy làm các dải có độ dày khác nhau và lệch nhau.
Anti-aliasing thủ công
Thay vì để máy làm mờ, pixel artist tự đặt một vài pixel màu trung gian ở chỗ "gãy" của đường cong để nó mượt hơn. Nguyên tắc: chỉ dùng màu có sẵn trong bảng, đặt ở trong đường viền (không ra ngoài), và đừng lạm dụng – ở 32 × 32 px, vài pixel là đủ.
Phóng to để trưng bày
32 × 32 px quá nhỏ để đăng lên mạng. Hãy phóng to theo bội số nguyên (200%, 400%, 800%):
- Lưu bản gốc trước (Ctrl+Shift+S) – bản gốc là bản nộp và bản dùng trong game.
- Mở (Alt+Ctrl+I), đổi đơn vị sang Percent, nhập 400%.
- Ở mục Resample (Lấy mẫu lại) chọn Nearest Neighbor (hard edges) rồi bấm OK.
- Xuất bằng .
Không bao giờ phóng 150% hay 250%: pixel sẽ có độ rộng không đều, chỗ 1 px chỗ 2 px, nhìn rất xấu.
Mẹo & trick học nhanh
Dùng Paint Bucket (G) với Tolerance 0, tắt Anti-alias và tắt Contiguous để thay một màu ở mọi chỗ trong hình.
Tạm chuyển bản sao sang để xem số màu thực tế. Nhớ quay lại RGB trên file gốc để tiếp tục vẽ.
Với Pencil, click điểm đầu rồi giữ Shift click điểm cuối để có đường thẳng. Góc đẹp nhất là tỉ lệ 1:1, 1:2, 1:3.
Kể cả ở 32 px, hãy tô khối một màu trước để kiểm tra hình rồi mới thêm sáng tối.