Thử thách 8: Vẽ theo brief trong tài liệu thiết kế game (GDD)

Trong một đội làm game, họa sĩ hiếm khi vẽ "theo cảm hứng". Game designer viết GDD (Game Design Document – tài liệu thiết kế game), và mỗi asset cần vẽ có một đoạn brief ngắn mô tả nó. Kỹ năng quan trọng nhất ở đây không phải vẽ đẹp, mà là đọc kỹ và vẽ đúng: một con quái "chậm và tò mò" mà bạn vẽ thành hung dữ, nanh vuốt sắc là sai brief – dù đẹp đến đâu cũng phải vẽ lại. Thử thách này cho bạn ba thẻ brief viết theo đúng mẫu studio. Chọn một, và chứng minh từng dòng brief đều xuất hiện trong bản vẽ.

Hình mẫu

Thời gian ước tính: khoảng 2,5 giờ – 10 phút đọc và gạch từ khóa, 20 phút thumbnail, 90 phút vẽ hoàn thiện, 30 phút dựng bảng trình bày và đối chiếu brief.

Chuẩn bị

• Canvas (khung vẽ): bảng trình bày 1920 × 1080 px (16:9), Resolution (Độ phân giải) 72, RGB Color, nền trắng hoặc xám nhạt. Bản vẽ hoàn thiện làm trong file riêng đúng kích thước brief yêu cầu (256 × 256 hoặc 512 × 512) rồi đặt vào bảng.
• Công cụ chính: Brush (Cọ vẽ) Tool (B) Hard Round cho thumbnail, Lasso (Dây thòng lọng) Tool (L) tô bóng đen nhanh, Pen Tool (Bút tạo đường) (P), Clipping Mask (Mặt nạ cắt) (Ctrl+Alt+G), Type Tool (T) để ghi chú, FileTệp›Place Embedded để đặt brief và bản vẽ vào bảng.
• Thiết bị: thumbnail bóng đen làm bằng chuột rất nhanh với Lasso Tool + Alt+Backspace. Bút Wacom, XP-Pen, Huion hoặc iPad + Apple Pencil (Bút chì) (qua Sidecar hay Astropad) giúp vẽ thumbnail thả tay tự do hơn – bật Pen Pressure (Lực nhấn bút) cho Size. Phần hoàn thiện dùng thiết bị nào cũng được; với chuột, dựng khối bằng Shape rồi tô bóng trong layer kẹp.
• File mẫu: "Ba thẻ brief GDD" ở cuối bài. Đọc cả ba, chọn một. Brief #1 và #2 là quái 256 × 256 px; brief #3 là NPC 512 × 512 px khó hơn vì có trang phục Việt cần vẽ đúng và tôn trọng.

Các bước

1. Đọc brief hai lần: lần đầu đọc lướt để hình dung. Lần hai, đặt brief vào Photoshop (FileTệp›Place Embedded), layer mới chế độ Multiply (Nhân (làm tối)), cọ 12 px màu #ff8a1a Opacity (Độ mờ đục) 40% gạch dưới các từ khóa: tính từ (chậm, tò mò, nặng), hình khối (tròn, thấp), màu, điểm nhận diện. Thường chỉ 5–7 từ quyết định cả thiết kế.
2. Đọc dòng "Không được": đây là dòng hay bị bỏ qua nhất. Với Bọ Đèn: không cánh, không quá 6 chân, không màu neon. Ghi ba điều cấm thành ghi chú đỏ ở góc canvas để luôn nhìn thấy.
3. Dịch từ khóa thành hình: viết cạnh mỗi từ khóa một quyết định vẽ. "Chậm, nặng" → thân thấp, chân ngắn, mai to. "Tò mò" → mắt to, đầu hơi ngẩng. "Phát sáng" → râu đèn là điểm sáng nhất. Đây là cầu nối giữa chữ và hình.
4. Ba thumbnail bóng đen: file mới 1000 × 400 px, chia ba ô. Mỗi ô vẽ một bóng đen 250 px bằng Lasso Tool + tô #2b2f3a, mỗi bản một ý khác nhau: (1) mai tròn như mái vòm, (2) mai thấp có râu đèn dài, (3) thân dài như con sâu. Tối đa 5 phút một thumbnail – đừng thêm chi tiết.
5. Chọn bằng brief, không bằng sở thích: đặt ba thumbnail cạnh brief và chấm điểm: thumbnail nào thể hiện được nhiều từ khóa nhất? Khoanh xanh thumbnail thắng, ghi một câu lý do – ở studio, bạn sẽ phải giải thích lựa chọn này cho designer.
6. Phóng thumbnail lên kích thước brief: file mới đúng 256 × 256 px (brief #1, #2) hoặc 512 × 512 px (brief #3), Transparent. Dán thumbnail, Ctrl+T phóng cho nhân vật chiếm khoảng 80% ô, Opacity 25% làm nền phác.
7. Line art theo góc nhìn brief: brief ghi "nghiêng 3/4, quay sang phải" – đầu ở bên phải, thấy một phần mặt bên. Vẽ line bằng Hard Round 3 px. Kiểm tra số chân: 6 chân, chân xa nhỏ và tối hơn chân gần.
8. Màu bắt buộc trước tiên: tô mai đúng #8a6e58, đèn đúng #ffd23f – gõ mã hex vào Color Picker (Bảng chọn màu), không chọn bằng mắt. Các màu phụ (bóng, sáng) suy ra từ hai màu này bằng cách đổi Brightness trong Color Picker.
9. Đổ bóng và vết nứt: layer kẹp chế độ Multiply tô #5e4a3c ở nửa dưới phải mai. Vết nứt đá bằng nét gấp khúc 2,5 px màu #4a3a2e – chi tiết này kể "giáp đá" mà không cần chữ.
10. Đèn phát sáng – điểm nhận diện: bóng đèn ở đầu râu tô #ffd23f, lõi #fffbe0. Layer Glow chế độ Linear Dodge (Add) (Cộng sáng), cọ Soft Round 60 px Opacity 30% quanh bóng đèn. Thêm vài đốm vàng phản chiếu lên mai – ánh sáng của chính nó.
11. Dựng bảng trình bày 1920 × 1080: file mới, nền #f3f4f8. Đặt brief bên trái, ba thumbnail ở giữa (khoanh xanh bản được chọn), bản hoàn thiện bên phải phóng ×2 (Resample (Lấy mẫu lại) Nearest Neighbor (Điểm lân cận) nếu là pixel, Bicubic (Nội suy mượt) nếu là art thường), dải màu bên dưới. Mỗi khối một Group đặt tên rõ.
12. Đối chiếu từng dòng: trên brief, đặt dấu tích xanh cạnh mỗi dòng đã thể hiện được, và một câu ngắn chỉ ra chỗ thể hiện ("Chậm: chân ngắn, mai thấp"). Dòng nào chưa tích được – sửa bản vẽ trước khi nộp.
13. Đặt tên file và đưa vào Unity 6: xuất bản hoàn thiện đúng quy ước studio – tiền tố loại asset, tên tiếng Anh không dấu, kích thước: enemy_mine_beetle_256.png. Trong Unity 6 đặt vào thư mục Assets/Art/Enemies, Texture Type Sprite (2D and UI), Pixels Per Unit (Số pixel mỗi đơn vị) theo chuẩn của dự án (ghi trong GDD, vd 100), Pivot (Điểm neo) Bottom cho quái đi trên mặt đất. Tên file đúng quy ước giúp lập trình viên tìm và nạp asset bằng script mà không cần hỏi bạn.

Nâng cao (tùy chọn)

• Tự viết brief: viết một thẻ brief cho bạn cùng học theo đúng 8 dòng của mẫu, rồi đổi brief cho nhau. Viết brief rõ ràng khó không kém vẽ – và giúp bạn hiểu designer cần gì.
• Biến thể theo tầng: brief #2 ghi "tầng 1–3". Vẽ thêm phiên bản tầng 3 mạnh hơn: mai có tinh thể xanh, đèn đỏ – nhưng vẫn giữ bóng dáng để người chơi biết đây là "họ hàng" của con tầng 1.
• NPC Cô Bán Trà Rong: nếu bạn chọn brief #3, tìm ảnh tham khảo thật về người bán hàng rong với đòn gánh, nón lá; vẽ trang phục đúng và đẹp, tránh mọi chi tiết chế giễu – đúng như dòng "Không được" của brief.