Dự án 8: Ngôi nhà nấm
Vẽ ngôi nhà nấm cổ tích: bố cục nhiều khối, bóng đổ của mũ nấm lên thân, ánh đèn ấm từ cửa sổ và cỏ hoa xung quanh.
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).
- Bảng màu tất cả dự án PNG · 136 KB
Đây là dự án đạo cụ môi trường (environment prop) đầu tiên – loại tài sản dùng để trang trí bản đồ game. Bạn sẽ học cách xử lý bóng đổ giữa các khối (mũ nấm che thân nấm), ánh sáng thứ hai (đèn cửa sổ) và cách làm cho một vật "sống" nhờ chi tiết nhỏ quanh chân.
Hình mẫu
Thời gian ước tính: khoảng 90 phút.
Chuẩn bị
- Canvas: 1500 × 1500 px, RGB.
- Brush (Cọ vẽ): Hard Round có Pen Pressure (Lực nhấn bút); Soft Round cho ánh đèn.
- Công cụ: Pen Tool (Bút tạo đường) (P) cho mũ nấm, Elliptical Marquee (Khung chọn) cho chấm trắng và cửa sổ.
| Màu | Mã hex | Dùng cho |
|---|---|---|
#e63946 | Mũ nấm | |
#ff7b89 | Mũ nấm vùng sáng | |
#fff3e0 | Chấm trắng trên mũ | |
#f3dfc1 | Thân nấm (tường nhà) | |
#c9a27a | Bóng mũ đổ xuống thân | |
#8b5a2b | Cửa gỗ | |
#ffd166 | Cửa sổ sáng đèn | |
#43b564 | Cỏ |
Các bước
- Tạo file Ctrl+N 1500 × 1500 px. Kéo guide dọc giữa và một guide ngang làm mặt đất ở 85% chiều cao.
- Phác bố cục: layer Sketch. Mũ là nửa hình bầu dục rộng chiếm 3/4 bề ngang; thân là hình thang hơi loe ở chân. Đặt cửa vòm lệch trái một chút, cửa sổ tròn lệch phải – bố cục lệch nhẹ trông tự nhiên hơn đối xứng tuyệt đối. Thêm ống khói nhỏ trên mũ.
- Nét viền: layer Line. Mũ: Pen Tool bấm-kéo tạo vòm cong, đáy mũ là đường cong hơi võng lên. Chuột phải › Stroke Path (Brush 7 px, bật Simulate Pressure để nét thon hai đầu). Thân, cửa, cửa sổ vẽ bằng Brush.
- Màu phẳng theo layer: Cap (mũ
#e63946), Stem (thân#f3dfc1), Door (#8b5a2b), Window (#ffd166), Ground (cỏ#43b564). Mũ đặt trên cùng trong các layer màu vì nó che thân. - Chấm trắng: layer Clipping Mask (Mặt nạ cắt) vào Cap. Elliptical Marquee + Shift vẽ 5–6 hình tròn to nhỏ khác nhau, tô
#fff3e0. Chấm gần mép mũ nên bị cắt bớt – Clipping Mask tự làm việc đó. - Bóng đổ của mũ lên thân (quan trọng): layer Stem Shadow Clipping Mask vào Stem, Normal. Lasso (Dây thòng lọng) vẽ một dải cong ngay dưới vành mũ – dải này dày ở giữa, mỏng dần ra hai bên, theo đúng hình vành mũ. Tô
#c9a27a. Thêm một dải dọc ở mép phải thân màu#d9bc95. - Bóng mũ: layer Cap Shadow Clipping Mask vào nhóm mũ, blend mode Multiply (Nhân (làm tối)), Opacity (Độ mờ đục) 45%, màu
#3a0a1c. Tô dải dưới vành mũ (phần mũ cong vào trong) và vùng phía phải. Multiply làm tối cả nền đỏ lẫn chấm trắng cùng lúc. - Ánh sáng mặt trời: layer Cap Light Clipping Mask, Normal: một vùng lớn
#ff7b89ở phần trên – trái mũ và một nét cong sáng#ffb3bbdọc đỉnh. Trên thân: một sọc dọc#fff5e6ở mép trái. - Ánh đèn cửa sổ (nguồn sáng thứ hai): layer Window Glow trên Line, Brush Soft Round 250 px màu
#ffd166, chấm một lần lên cửa sổ, blend mode Linear Dodge (Add) (Cộng sáng), Opacity 35%. Thêm khung cửa sổ hình chữ thập bằng màu gỗ. - Cửa gỗ: Clipping Mask vào Door: nửa phải tối
#5e3a1a, đường chia đôi cánh cửa, núm cửa vàng. - Ống khói và khói: ống khói xám
#9aa3aecó nửa phải tối; khói là 2–3 hình tròn xám nhạt Opacity 60% bay lên xiên. - Chi tiết xung quanh: layer Details: cỏ mọc quanh chân (các nét nhọn 3 px màu
#2a8a4a), 2 bông hoa nhỏ (hồng và tím), một viên đá lát trước cửa. - Kiểm tra giá trị: thêm Adjustment Layer (Lớp điều chỉnh) Hue/Saturation (Sắc độ/Độ bão hòa) trên cùng, Saturation −100. Mũ, thân, cửa phải tách nhau rõ ở ảnh xám. Tắt layer kiểm tra sau khi xem.
- Xuất PSD và PNG nền trong suốt.
Nâng cao (tùy chọn)
- Phiên bản ban đêm: nhân đôi file, thêm Adjustment Layer Color Balance (Cân bằng màu) kéo về xanh tím, tăng ánh đèn cửa sổ, thêm đom đóm.
- Làng nấm: vẽ thêm 2 nhà nấm nhỏ hơn với mũ màu khác (vàng, tím) để làm bộ tài nguyên.
- Góc nhìn top-down 3/4: vẽ lại nhà nấm nhìn từ trên xuống cho game nhập vai kiểu cổ điển.
Mẹo & trick học nhanh
Khi Stroke Path bằng Brush, bật Simulate Pressure để nét thon hai đầu như vẽ bút thật – rất hợp khi bạn dùng chuột.
Adjustment Layer Hue/Saturation với Saturation −100 đặt trên cùng giúp soát giá trị sáng – tối. Bật/tắt bằng con mắt.
Đạo cụ môi trường trông tự nhiên hơn khi các chi tiết (cửa, cửa sổ, ống khói) lệch khỏi trục giữa một chút.