Dự án 11: Dân làng NPC – 5 kiểu người
Thiết kế 5 NPC cho một ngôi làng Việt: nông dân, bà bán hàng, thợ rèn, em bé, ông lão – khác chiều cao, độ rộng và phụ kiện để nhận ra từ xa, chung nét và bảng màu đất, xuất 1280 × 512 px.
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: (Ctrl+O).
NPC (nhân vật không do người chơi điều khiển) làm cho thế giới game "có người ở". Người chơi cần nhận ra ai bán gì, ai giao nhiệm vụ chỉ bằng một cái liếc từ xa – lúc nhân vật chỉ cao vài chục pixel. Vì vậy NPC không phân biệt bằng chi tiết nhỏ mà bằng bóng dáng: chiều cao, độ rộng thân, và một phụ kiện nghề nghiệp lớn (nón lá, giỏ hàng, búa, chong chóng, gậy).
Hình mẫu
Thời gian ước tính: khoảng 4 giờ. Ba thước đo bóng dáng: cao (thợ rèn cao nhất, em bé thấp nhất), rộng (thợ rèn vai rộng, ông lão gầy), phụ kiện phá bóng (nón lá tam giác, chong chóng trên cao, gậy chéo). Cả làng dùng chung bảng màu đất: nâu, kem, đỏ gạch, xanh tre.
Chuẩn bị
- Canvas: 1280 × 512 px (5 ô 256 × 512), Resolution (Độ phân giải) 72, RGB Color, Transparent.
- Công cụ chính: Brush (Cọ vẽ) Tool (B), Pen Tool (Bút tạo đường) (P), Free Transform (Biến đổi tự do) (Ctrl+T) để co giãn thân gốc, Clipping Mask (Mặt nạ cắt), Group.
- Thiết bị: râu, tóc bạc và nếp áo bà ba vẽ tự nhiên hơn với bút có lực nhấn (Wacom, XP-Pen, Huion, iPad + Apple Pencil (Bút chì)). Với chuột, dựng râu ông lão thành 3–4 lọn hình giọt nước bằng Pen Tool thay vì vẽ từng sợi – stylized và đọc tốt hơn ở cỡ nhỏ.
- File mẫu: "Khung 5 NPC" – thước bên trái mỗi ô đánh dấu 1 đầu = 90 px để bạn đặt chiều cao có chủ đích.
| Màu | Mã hex | Dùng cho |
|---|---|---|
#ffd9b3 | Da (bóng #f0b48a) | |
#d9a066 | Da rám nắng – thợ rèn | |
#e8d29a | Nón lá (bóng #c9ad6a) | |
#8a6a4a | Áo nâu nông dân | |
#e88aa8 | Áo bà ba hồng | |
#6b4a32 | Tạp dề da | |
#ffd23f | Áo em bé | |
#eef1f5 | Tóc, râu bạc | |
#1b1a24 | Viền |
Các bước
- Tạo file: Ctrl+N 1280 × 512 px, Transparent. Đặt khung mẫu trên cùng, Opacity (Độ mờ đục) 40%. Đường chân y = 490.
- Bảng chiều cao: trước khi vẽ, quyết định chiều cao từng người theo đơn vị đầu: thợ rèn 3,2 đầu (to nhất), nông dân 2,6, bà bán hàng 2,5, ông lão 2,4 (hơi còng), em bé 2 đầu. Ghi số này lên layer Sketch.
- Phác bóng dáng (Sketch 30%): vẽ 5 khối đặc, chưa có chi tiết. Thêm ngay phụ kiện lớn vào bóng dáng: tam giác nón lá, giỏ hàng bên hông, búa thõng xuống, chong chóng giơ cao, gậy chéo. Tô đen thử: 5 bóng phải khác nhau.
- Thân gốc co giãn: vẽ một thân chibi chuẩn, nhân ra 5 bản. Dùng Ctrl+T co giãn từng bản theo bảng chiều cao; thợ rèn kéo rộng vai thêm 15%. Xong thì vẽ đè nét mới lên – đừng để nét bị kéo méo.
- Nông dân: nón lá vẽ bằng Polygon Tool 3 cạnh, đáy cong nhẹ bằng Pen Tool, Fill
#e8d29a, thêm 2 vòng nan mảnh. Áo nâu, quần đen xắn ống, cuốc vác bên tay phải. - Bà bán hàng: khăn vấn tím bọc đầu, áo bà ba hồng
#e88aa8và quần đen dài. Tay xách giỏ tre vàng đầy cam – giỏ là "biển hiệu" cho người chơi biết đây là cửa hàng. - Thợ rèn: to nhất, da rám nắng
#d9a066, khăn đỏ buộc đầu, râu rậm dạng khối che miệng, tạp dề da#6b4a32, tay áo xắn để lộ cánh tay. Búa nặng thõng bên hông. - Em bé: nhỏ nhất, đầu to so với thân (2 đầu), 2 búi tóc tròn, áo vàng tươi. Tay giơ cao chong chóng hồng – phụ kiện nằm trên đầu giúp em bé không bị "chìm" giữa người lớn.
- Ông lão: tóc bạc hai bên, đỉnh đầu hói, râu dài trắng hình giọt nước, áo dài nâu, tay trái chống gậy chéo xuống đất. Mắt nhắm cười hiền – NPC giao nhiệm vụ đầu tiên.
- Màu và bóng đồng bộ: layer Flat chung cho cả làng, rồi một layer Shade Multiply (Nhân (làm tối)) màu
#c9b8a8(nâu hồng nhạt) kẹp từng nhóm. Màu bóng ấm hợp với ánh nắng làng quê. - Ánh sáng: vệt sáng trên nón lá, đỉnh đầu hói của ông lão, búa sắt. Ánh nắng từ trên – trái cho cả 5 người.
- Kiểm tra ở cỡ game: nhân đôi file, 25% (cao ~128 px mỗi người). Bạn vẫn phải gọi đúng tên 5 người. Ai bị lẫn thì phóng to phụ kiện của người đó.
- Xuất: ẩn khung mẫu và Sketch, , PNG →
villagers.png1280 × 512 px. - Đưa vào Unity 6: Sprite Mode Multiple, Slice Grid By Cell Size 256 × 512, Pivot (Điểm neo) Bottom. Mỗi NPC là một GameObject có Sprite Renderer, Box Collider 2D đặt Is Trigger để hiện nút "Nói chuyện" khi người chơi lại gần. Đặt Sorting Layer "Characters" và Order theo trục Y để người đứng trước che người đứng sau.
Nâng cao (tùy chọn)
- Biến thể đám đông: từ 5 NPC, đổi màu áo và phụ kiện để có 15 dân làng khác cho cảnh chợ.
- Chân dung hội thoại: vẽ chân dung vai trở lên của ông lão (512 × 512) cho hộp thoại nhiệm vụ.
- Hoạt động nhàn rỗi: bà bán hàng quạt nón, em bé thổi chong chóng – animation 2 khung đơn giản làm làng sống động.
Mẹo & trick học nhanh
Người chơi đọc nghề qua đồ vật: búa là thợ rèn, giỏ hàng là người bán, sách là thầy đồ. Vẽ phụ kiện to hơn thực tế một chút.
Dùng chung các màu nâu, kem, đỏ gạch, xanh tre; mỗi NPC chỉ có một màu nhấn riêng. Cả làng trông hài hòa như một bức tranh.
Em bé: đầu to, thân ngắn. Người già: hơi còng, vai hẹp, gậy. Người lực lưỡng: vai rộng, đầu nhỏ so với thân. Tỉ lệ nói tuổi trước cả nếp nhăn.