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

Dự án 4: Slime dễ thương

Vẽ quái vật đầu tiên: một con slime tròn mềm với biểu cảm to, bóng đáy, rim light và độ bóng như thạch.

Trung cấp 45 phút ★★★ Dễ 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).

Slime là quái vật "nhập môn" của game nhập vai: dáng giọt nước, mềm, dễ thương. Dự án này dạy bạn vẽ khuôn mặt biểu cảm, cảm giác vật mềm như thạch và cách dùng hình tròn để tạo cảm giác thân thiện (ngôn ngữ hình khối).

Hình mẫu

Slime xanh lá: bóng đáy tối, rim light xanh sáng, mắt to long lanh và má hồng
Slime xanh lá: bóng đáy tối, rim light xanh sáng, mắt to long lanh và má hồng

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

Chuẩn bị

  • Canvas: 1000 × 1000 px, RGB.
  • Brush (Cọ vẽ): Hard Round có Pen Pressure (Lực nhấn bút) cho nét viền; Hard Round 100% Opacity (Độ mờ đục) cho mảng màu.
  • Công cụ: Pen Tool (Bút tạo đường) (P) nếu muốn đường cong thân thật mượt (không bắt buộc).
MàuMã hexDùng cho
#2ecc71Màu nền thân
#1f9e57Bóng
#178048Bóng đáy (phần tiếp đất)
#8affc0Rim light
#e9fff1Điểm sáng
#ff9ebbMá hồng
#1b1a24Nét viền, mắt, miệng

Các bước

Slime từ khối bầu dục tới nhân vật có biểu cảm
Slime từ khối bầu dục tới nhân vật có biểu cảm
  1. Tạo file ⌘ Cmd+N 1000 × 1000 px, nạp bảng màu vào Swatches (Bảng mẫu màu).
  2. Phác dáng giọt nước: layer Sketch. Vẽ một hình bầu dục, rồi kéo đỉnh hơi nhọn lên và làm đáy phẳng, loe ra như đang "chảy" xuống đất. Kẻ đường ngang ở giữa thân để đặt mắt (mắt thấp một chút sẽ dễ thương hơn).
  3. Nét viền: layer Line, Hard Round 7 px có Pen Pressure. Vẽ viền thân bằng 2–3 nét dài. Mẹo: nét dày hơn ở đáy (phía bóng), mảnh hơn ở đỉnh (phía sáng) – gọi là line weight (độ đậm nét).
  4. Màu nền: layer Flat dưới Line. Magic Wand (Đũa thần) W (Sample All Layers) bấm trong thân, Expand 2 px, tô #2ecc71.
  5. Mặt: layer Face trên Line. Elliptical Marquee (Khung chọn) M vẽ hai mắt bầu dục đứng, cách nhau khoảng một bề rộng mắt, tô #1b1a24. Brush trắng vẽ một chấm to và một chấm nhỏ trong mỗi mắt (cùng phía trên – trái). Miệng: một nét cong nhỏ 4 px.
  6. Bóng: layer Shadow, ⌘ Cmd+⌥ Option+G kẹp vào Flat, Normal. Lasso (Dây thòng lọng) L vẽ vùng bóng hình lưỡi liềm phía dưới – phải, tô #1f9e57.
  7. Bóng đáy: cùng layer Shadow, vẽ một dải cong ngang sát đáy (chỗ slime chạm đất) và tô #178048. Dải này làm slime "nặng" và bám đất.
  8. Rim light: layer Rim, Clipping Mask (Mặt nạ cắt). Brush Hard Round 12 px màu #8affc0, vẽ một nét cong dọc mép phải từ giữa thân xuống đáy.
  9. Độ bóng thạch: layer Light, Clipping Mask, Normal. Elliptical Marquee vẽ một vệt bầu dục nghiêng ở trên – trái, tô #e9fff1, thêm một chấm trắng tròn cạnh đó. Vật mềm và ướt luôn có điểm sáng to, rõ.
  10. Má hồng: layer Blush trên Face, blend mode Normal, Opacity 80%. Elliptical Marquee vẽ hai hình bầu dục dẹt dưới mắt, tô #ff9ebb.
  11. Chi tiết: layer Details (Clipping Mask vào Flat): vài bong bóng tròn #b8ffd6 Opacity 60% bên trong thân – gợi cảm giác trong suốt. Ngoài thân: 2 giọt nhỏ văng ra ở chân.
  12. Bóng đổ và quầng: layer Ground dưới cùng: hình bầu dục đen, Multiply (Nhân (làm tối)) 30%. Tùy chọn: quầng Soft Round xanh lá, Screen 35%.
  13. Xuất PSD và PNG trong suốt.
Mẹo: Biểu cảm nằm ở khoảng cách mắt – miệng. Mắt to, thấp, gần nhau + miệng nhỏ = dễ thương. Mắt nhỏ, xếch lên + miệng rộng có răng = đáng sợ. Nhân đôi layer Face để thử 3 biểu cảm khác nhau.
Lỗi hay gặp: Hai chấm sáng trong mắt đặt ngược hướng nhau hoặc khác hướng với vệt bóng trên thân. Mọi điểm sáng phải cùng theo một nguồn sáng (trên – trái).

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

  • Họ slime: đổi màu bằng Hue/Saturation (Sắc độ/Độ bão hòa) – slime lửa (cam), slime băng (xanh nhạt, thêm tinh thể trên đầu), slime độc (tím, có bong bóng).
  • Slime vua: thêm vương miện vàng nghiêng trên đỉnh (dùng lại cách vẽ đồng xu ở dự án 5).
  • Squash & stretch: nhân đôi layer, ⌘ Cmd+T ép dẹt xuống 80% chiều cao và rộng ra 120% – tư thế "nảy" chuẩn bị cho sprite animation.

Mẹo & trick học nhanh

Line weight

Nét dày ở phía bóng và chỗ tiếp đất, nét mảnh ở phía sáng. Chỉ một thay đổi nhỏ đã làm hình có trọng lượng hơn hẳn.

Mắt đối xứng nhanh

Vẽ một mắt, ⌘ Cmd+J nhân đôi layer, EditChỉnh sửa›TransformBiến đổi›Flip HorizontalLật ngang rồi dùng Move (V) giữ ⇧ Shift kéo sang ngang.

Kiểm tra biểu cảm ở cỡ nhỏ

Quái vật trong game thường chỉ cao 64–128 px. Thu nhỏ màn hình ⌘ Cmd+- – nếu vẫn thấy rõ mắt và miệng thì thiết kế đạt.

Kiểm tra nhanh

1 Hình khối chủ đạo tròn, mềm của slime gợi cảm giác gì cho người chơi?
2 Dải bóng tối nhất sát đáy slime có tác dụng gì?
3 Vì sao vệt điểm sáng trên slime nên to và rõ?

Bài tập: Slime với biểu cảm riêng

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