Lộ trình › Dự án vẽ theo cấp độ › Bài 64/218

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.

Trung cấp 180 phút ★★★ Khó 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.

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

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

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

Hiệp sĩ chibi: mũ giáp tròn có chùm lông, mặt lộ ra, áo choàng đỏ, khiên xanh sao vàng, kiếm giơ chéo
Hiệp sĩ chibi: mũ giáp tròn có chùm lông, mặt lộ ra, áo choàng đỏ, khiên xanh sao vàng, kiếm giơ chéo

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 WindowCửa sổ›Arrange›Tile All Vertically.
MàuMã hexDùng cho
#c3ccd8Giáp thép
#7d8ba1Bóng thép
#a9d8ffRim light xanh (phía phải)
#31a8ffÁo khoác ngoài (tabard) và khiên
#e63946Áo choàng đỏ
#ffd7b5Da
#ff9f43Tóc
#ffc53dChi tiết vàng (viền khiên, chắn tay, khóa thắt lưng)

Các bước

Hiệp sĩ chibi: dựng khối 2,5 đầu, nét sạch, màu phẳng theo chất liệu, bóng, ánh sáng và rim, chi tiết
Hiệp sĩ chibi: dựng khối 2,5 đầu, nét sạch, màu phẳng theo chất liệu, bóng, ánh sáng và rim, chi tiết
  1. 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).
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. 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 #1b2440 Opacity 35% để bóng phủ lên cả tabard xanh và thắt lưng.
  9. Bóng da và vải: trên Skin: một dải bóng #e8a987 ngay 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.
  10. Á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 #ffd29a trên tóc mái.
  11. 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.
  12. 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 #ff8fa3 Opacity 75%. Mắt đặt thấp trên mặt để trông trẻ và dễ thương.
  13. 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 #fff1b8 và một vùng bóng #d18a1a.
  14. 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.
Mẹo: Đặt tên và tô màu nhãn cho layer (chuột phải › chọn màu nhãn): xanh cho thép, đỏ cho vải, vàng cho chi tiết vàng. Với 25–30 layer, việc này giúp bạn tìm đúng layer trong vài giây.
Lỗi hay gặp: Thân và tay chân quá dài so với đầu – nhân vật mất chất chibi và trông như trẻ con bị kéo dãn. Giữ đúng 2–3 đầu, tay chân ngắn và mập; đầu to là để chứa biểu cảm.

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 All Layers

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.

Nhãn màu cho layer

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.

Kiểm tra bằng silhouette

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.

Kiểm tra nhanh

1 Nhân vật chibi thường cao khoảng bao nhiêu đầu?
2 Vì sao dùng một layer Multiply cho bóng thân giáp thay vì tô màu bóng Normal?
3 Rim light màu xanh lạnh ở mép phải nhân vật có tác dụng chính là gì?
4 Nét viền ngoài cùng của nhân vật nên thế nào so với nét chi tiết bên trong?

Bài tập: Nhân vật chibi hoàn chỉnh

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