Dự án 12: Nhân vật chibi hiệp sĩ
Thiết kế và tô màu hoàn chỉnh một hiệp sĩ chibi 2,5 đầu: dựng khối, nét sạch, nhiều chất liệu (thép, vải, da, vàng), rim light và biểu cảm.
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.
Tải về rồi mở bằng Photoshop: (⌘ Cmd+O).
- Nét mẫu hiệp sĩ chibi (1200 × 1200 px) PNG · 103 KB
- Bảng màu tất cả dự án PNG · 136 KB
Cấp Khó bắt đầu bằng nhân vật – thứ khó nhất và đáng giá nhất trong game art. Phong cách chibi (đầu to, thân nhỏ, khoảng 2–3 đầu) rất hợp người mới: ít giải phẫu, biểu cảm dễ đọc, và phổ biến trong game mobile. Bạn sẽ gộp mọi kỹ năng từ 11 dự án trước: khối cầu (đầu), kim loại (giáp), vật đối xứng (khiên), kiếm và cel shading nhiều chất liệu.
Hình mẫu
Thời gian ước tính: khoảng 3 giờ – nên chia làm 2 buổi: buổi 1 phác + nét, buổi 2 màu + hoàn thiện.
Chuẩn bị
- Canvas: 2000 × 2000 px, RGB, 72 ppi.
- Brush (Cọ vẽ): Hard Round có Pen Pressure (Lực nhấn bút) (Size và Opacity (Độ mờ đục)) cho nét; Hard Round 100% cho mảng màu.
- Tham khảo: tìm 3–5 ảnh giáp trụ thật và nhân vật chibi bạn thích, đặt cạnh canvas bằng .
| Màu | Mã hex | Dùng cho |
|---|---|---|
#c3ccd8 | Giáp thép | |
#7d8ba1 | Bóng thép | |
#a9d8ff | Rim light xanh (phía phải) | |
#31a8ff | Áo khoác ngoài (tabard) và khiên | |
#e63946 | Áo choàng đỏ | |
#ffd7b5 | Da | |
#ff9f43 | Tóc | |
#ffc53d | Chi tiết vàng (viền khiên, chắn tay, khóa thắt lưng) |
Các bước
- Tạo file ⌘ Cmd+N 2000 × 2000 px. Kẻ 4 guide ngang chia chiều cao nhân vật thành 2,5 phần: đỉnh đầu, cằm (1 đầu), hông (khoảng 1,7), bàn chân (2,5).
- Thumbnail silhouette: trước khi phác chi tiết, layer Thumbs: dùng Lasso (Dây thòng lọng) + ⌥ Option+⌫ Delete vẽ 3–4 hình bóng đen nhỏ với tư thế khác nhau (giơ kiếm, cầm khiên chắn, chống kiếm). Chọn cái đọc rõ nhất.
- Dựng khối: layer Construction, màu xanh, Opacity 40%. Đầu là một hình tròn lớn (chiếm 40% chiều cao) có đường chữ thập chỉ hướng mặt; thân là hộp bo góc; tay chân là trụ ngắn; khiên là hình khiên đơn giản; kiếm là một đường chéo.
- Phác chi tiết: layer Sketch trên Construction: vành mũ giáp, phần mặt lộ ra, tóc mái, chùm lông trên đỉnh, tabard (áo khoác dài giữa ngực), thắt lưng, áo choàng phía sau, ngôi sao trên khiên.
- Nét sạch: ẩn Construction, hạ Sketch còn 25%. Layer Line, Hard Round 8 px, Smoothing (Làm mượt nét) 30%. Vẽ các đường dài liền mạch; dùng Rotate View (Xoay khung nhìn) R liên tục. Nét ngoài cùng dày hơn (8–10 px), nét chi tiết bên trong mảnh hơn (4–5 px) – người xem sẽ đọc silhouette trước.
- Màu phẳng theo chất liệu: dưới Line tạo các layer: Cape, Steel, Cloth (tabard), Skin, Hair, Gold, Leather, Shield. Dùng Paint Bucket (Thùng sơn) (G) với tùy chọn All Layers và Tolerance 10 bấm vào từng vùng khép kín, hoặc Magic Wand (Đũa thần) + Expand 2 px. Kiểm tra lỗ hở bằng cách tạm tắt Background.
- Kiểm tra silhouette: ⌘ Cmd + bấm thumbnail các layer màu (cộng ⇧ Shift) để chọn toàn thân, tạo layer mới tô đen 100%. Nhân vật có đọc rõ kiếm, khiên, chùm lông không? Xóa layer kiểm tra.
- Bóng thép: layer Clipping Mask (Mặt nạ cắt) vào Steel, Normal: mũ giáp là khối cầu – bóng lưỡi liềm dưới – phải
#7d8ba1; thân giáp tối phần dưới – phải; tay giáp nửa ngoài tối. Riêng thân, dùng layer Multiply (Nhân (làm tối)) màu#1b2440Opacity 35% để bóng phủ lên cả tabard xanh và thắt lưng. - Bóng da và vải: trên Skin: một dải bóng
#e8a987ngay dưới tóc mái và dưới vành mũ (mũ đổ bóng lên mặt). Áo choàng: nửa phải#a4133c. Khiên: nửa phải#1f6fb8. Chùm lông: nửa dưới#c2185b. - Ánh sáng chính: layer Light Clipping Mask từng chất liệu: vệt cong trắng lớn trên đỉnh mũ giáp (thép bóng), sọc trắng mảnh trên cạnh trái lưỡi kiếm, dải sáng trên mép trái khiên, nét sáng
#ffd29atrên tóc mái. - Rim light xanh: layer Rim blend mode Normal, màu
#a9d8ff. Vẽ đường sáng mảnh dọc mép phải của mũ, thân và tay – như có ánh sáng phép từ phía sau bên phải. Rim light màu lạnh cạnh ánh sáng chính ấm giúp nhân vật "tách nền" trong mọi màn chơi. - Mặt và biểu cảm: layer Face trên Line: hai mắt bầu dục đứng có 1 chấm sáng to + 1 chấm nhỏ, miệng cười nhỏ, má hồng
#ff8fa3Opacity 75%. Mắt đặt thấp trên mặt để trông trẻ và dễ thương. - Chi tiết vàng: viền khiên, ngôi sao, chắn tay kiếm, khóa thắt lưng, núm trên đỉnh mũ – mỗi chi tiết một vệt sáng
#fff1b8và một vùng bóng#d18a1a. - Hoàn thiện: bóng đổ Multiply 30% dưới chân, tia lóe ở mũi kiếm, quầng nhẹ Soft Round xanh Screen 30% sau lưng. Tô màu nét viền: khóa trong suốt layer Line (/) và tô nét quanh da bằng nâu đỏ
#7a3a2ađể khuôn mặt mềm hơn. Lưu PSD và xuất PNG trong suốt.
Nâng cao (tùy chọn)
- Turnaround: vẽ thêm góc nghiêng và sau lưng dùng cùng hệ guide ngang – bản vẽ tham chiếu cho animator.
- Bảng màu thay thế: nhân đôi file, đổi màu tabard/khiên/áo choàng để có hiệp sĩ đội đỏ, đội xanh (team color).
- Chuẩn bị cho sprite: tách tay cầm kiếm, khiên, áo choàng thành layer riêng có điểm xoay rõ – bước đầu để làm animation ghép mảnh (cut-out) trong Unity 6.
Mẹo & trick học nhanh
Paint Bucket (G) bật "All Layers" sẽ tìm biên từ layer Line nhưng đổ màu vào layer đang chọn – nhanh nhất để tô flat nhân vật nhiều vùng.
Chuột phải lên layer và chọn một màu nhãn (Red, Blue, Yellow…) để phân nhóm chất liệu trong bảng Layers dài.
Tô đen toàn nhân vật trên một layer tạm: nếu vẫn nhận ra kiếm, khiên và chùm lông thì thiết kế đọc tốt ở kích thước game.