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

Dự án 11: Cây và bụi cây cho nền

Vẽ cây và bụi cây phong cách game từ các cụm tròn: bóng theo cả khối tán, cụm lá sáng, rim light, và tách từng cây thành asset dùng lại.

Trung cấp 60 phút ★★★ Vừa Hướng dẫn cho Windows · đổi sang macOS

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ở (Ctrl+O).

Cây cối chiếm phần lớn khung hình của game phiêu lưu. Người mới hay vẽ từng chiếc lá – mất cả ngày mà cây vẫn rối. Họa sĩ game nghĩ khác: tán cây là vài quả cầu lớn ghép lại. Tô bóng cho cả khối trước, rồi mới thêm vài "cụm lá" sáng để gợi chi tiết.

Hình mẫu

Cây tán tròn gồm 4 cụm, thân nâu, hai bụi cây có quả mọng và thảm cỏ
Cây tán tròn gồm 4 cụm, thân nâu, hai bụi cây có quả mọng và thảm cỏ

Thời gian ước tính: khoảng 60 phút.

Chuẩn bị

  • Canvas: 1500 × 1500 px, RGB.
  • Brush (Cọ vẽ): Hard Round cỡ lớn (80–200 px) cho khối tán; Hard Round 6 px cho nét.
  • Công cụ: Elliptical Marquee (Khung chọn) (M) để ghép các khối tròn.
MàuMã hexDùng cho
#3fae49Tán lá (màu nền)
#2a7f3bBóng tán
#1f5f33Bóng sâu (dưới tán)
#6fcf5cCụm lá sáng
#8fe07aĐỉnh sáng, rim
#7a4a2bThân cây
#4e2c18Bóng thân
#ff5c8aQuả mọng trên bụi

Các bước

Cây và bụi: ghép khối tròn, viền ngoài, màu phẳng, bóng khối, cụm lá sáng, chi tiết
Cây và bụi: ghép khối tròn, viền ngoài, màu phẳng, bóng khối, cụm lá sáng, chi tiết
  1. Tạo file Ctrl+N 1500 × 1500 px. Kéo guide ngang làm mặt đất ở 88%.
  2. Phác bằng hình tròn: layer Sketch. Vẽ một vòng tròn lớn bao cả tán, rồi chia thành 4 cụm tròn chồng lên nhau (trên, trái, phải, dưới). Thân cây là hình trụ thon, loe ở gốc, chia 2 nhánh ngắn chui vào tán. Bụi cây là 2–3 vòng tròn nhỏ ở hai bên gốc.
  3. Khối tán phẳng: layer Canopy. Elliptical Marquee + Shift vẽ cụm tròn đầu tiên; giữ Shift khi bắt đầu kéo cụm tiếp theo để cộng vùng chọn. Sau 4 cụm, tô #3fae49. Làm tương tự cho Bush (#4cbb5a) và Trunk (#7a4a2b, vẽ bằng Lasso (Dây thòng lọng)).
  4. Viền ngoài tự động: chọn layer Canopy, bấm fx dưới bảng Layers › Stroke: Size 8 px, Position Outside, Color #1b1a24. Chỉ có viền bao ngoài – các cụm bên trong không bị vẽ nét, trông gọn như game. Làm tương tự cho Bush và Trunk.
  5. Đường tách cụm: layer Line Clipping Mask (Mặt nạ cắt) vào Canopy, Brush 5 px màu #1f5f33: vẽ 3 nét cong ngắn hình chữ U úp ở nơi các cụm gặp nhau – vừa đủ gợi khối, không vẽ kín vòng tròn.
  6. Bóng cả khối: layer Shadow Clipping Mask (Ctrl+Alt+G) vào Canopy. Coi cả tán là một quả cầu lớn: Lasso vẽ vùng bóng lưỡi liềm lớn phía dưới – phải, tô #2a7f3b.
  7. Bóng sâu: cùng layer, một dải cong ở đáy tán màu #1f5f33 – phần lá bên dưới bị chính tán che nắng.
  8. Cụm lá sáng: layer Light Clipping Mask. Elliptical Marquee vẽ 4–5 vòng tròn nhỏ ở phía trên – trái của từng cụm, tô #6fcf5c. Mỗi vòng tròn sáng là "đỉnh" của một cụm lá hứng nắng.
  9. Rim sáng: Lasso vẽ dải mảnh dọc mép trên – trái cả tán, tô #8fe07a. Thân cây: nửa phải tô #4e2c18, một nét sáng #b07a4a ở mép trái.
  10. Bóng tán lên thân: trên layer bóng của thân (Clipping Mask vào Trunk), tô tối phần thân ngay dưới tán – tán che nắng cho thân.
  11. Chi tiết: quả mọng hồng #ff5c8a trên bụi, vài lá cỏ nhọn quanh gốc, 1–2 tia lóe nhỏ trên cụm lá sáng. Thảm cỏ dưới gốc (hình bầu dục dẹt #2a8a4a có viền).
  12. Tách asset: gom từng vật vào Group riêng (Ctrl+G): Tree, Bush Left, Bush Right. Chuột phải lên Group › Export As (Xuất ra (tùy chỉnh)) để xuất riêng từng vật thành PNG trong suốt – dùng lại nhiều lần trong cảnh.
Mẹo: Để có một khu rừng từ một cây: nhân đôi Group, lật ngang, co giãn 70–120%, rồi thêm Adjustment Layer (Lớp điều chỉnh) Hue/Saturation (Sắc độ/Độ bão hòa) dạng Clipping Mask để đổi sắc xanh lệch nhau một chút. Người chơi sẽ không nhận ra đó là cùng một cây.
Lỗi hay gặp: Tô bóng riêng cho từng cụm tròn như những quả bóng rời – tán cây trông như chùm nho. Hãy tô bóng lớn cho cả khối trước, cụm nhỏ chỉ là chi tiết phụ.

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

  • Bốn mùa: dùng Hue/Saturation đổi tán sang cam đỏ (thu), thêm lớp tuyết trắng trên đỉnh các cụm (đông).
  • Cây thông: thay các cụm tròn bằng các tam giác xếp tầng – cùng quy trình bóng khối.
  • Cây xa: làm phiên bản đơn giản chỉ 2 tông, nhạt và ngả xanh tím – dùng cho lớp xa trong dự án parallax.

Mẹo & trick học nhanh

Stroke Outside cho viền gọn

Layer Style Stroke với Position Outside chỉ vẽ viền bao ngoài hình – ghép bao nhiêu khối tròn cũng chỉ có một đường viền sạch.

Xuất nhanh từng nhóm

Chuột phải lên Group trong bảng Layers › Export As để xuất riêng vật đó thành PNG trong suốt, tự cắt sát hình.

Nghĩ theo khối lớn

Nheo mắt nhìn cây: nếu thấy rõ một khối sáng – tối lớn, bóng đã đúng. Nếu chỉ thấy lốm đốm, hãy gộp bớt mảng.

Kiểm tra nhanh

1 Khi tô bóng tán cây gồm nhiều cụm tròn, nên bắt đầu thế nào?
2 Layer Style Stroke với Position Outside có lợi gì cho tán cây ghép từ nhiều hình tròn?
3 Cách tiết kiệm để có nhiều cây khác nhau trong cảnh?

Bài tập: Bộ cây và bụi cho nền game

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