Bạn học Photoshop trên máy nào? Phím tắt và hướng dẫn sẽ hiển thị đúng theo lựa chọn của bạn.

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

Dự án 2: Bình thuốc hồi máu (potion)

Vẽ bình thuốc thủy tinh chứa nước đỏ: học cách thể hiện vật trong suốt, mặt nước, nút gỗ và ánh sáng phản chiếu trên thủy tinh.

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

Bình thuốc hồi máu (health potion) xuất hiện trong gần như mọi game nhập vai. Nó là bài tập hay vì có ba chất liệu trên một vật nhỏ: thủy tinh trong suốt, chất lỏng bên trong và nút gỗ. Bí quyết của thủy tinh là: ít màu, nhiều điểm sáng sắc nét.

Hình mẫu

Bình thuốc tròn: thủy tinh xanh nhạt, nước thuốc đỏ, nút gỗ, dây buộc vàng
Bình thuốc tròn: thủy tinh xanh nhạt, nước thuốc đỏ, nút gỗ, dây buộc vàng

Thời gian ước tính: khoảng 50 phút. Ánh sáng từ trên – trái.

Chuẩn bị

  • Canvas: 1000 × 1000 px, RGB, 72 ppi.
  • Brush (Cọ vẽ): Hard Round (nét, mảng), Soft Round (cọ tròn mềm – chỉ dùng cho quầng sáng ở bước cuối).
  • Công cụ hình khối: Elliptical Marquee (Khung chọn) (M) giữ Shift để vẽ hình tròn chuẩn; Rectangular Marquee cho cổ bình và nút.
MàuMã hexDùng cho
#ff3b5cNước thuốc
#b5123fBóng nước thuốc
#ff8fa3Mặt nước sáng
#cfe8ffThủy tinh
#8fb3d9Bóng thủy tinh
#b07a4aNút gỗ
#ffc53dDây buộc
#1b1a24Nét viền

Các bước

Từ khối tròn phác thảo tới bình thuốc hoàn chỉnh có quầng sáng
Từ khối tròn phác thảo tới bình thuốc hoàn chỉnh có quầng sáng
  1. Tạo file Ctrl+N 1000 × 1000 px và nạp 8 màu vào WindowCửa sổ›SwatchesBảng mẫu màu.
  2. Phác thảo bằng hình khối: layer Sketch (Ctrl+Shift+N). Kéo 2 đường Guide (đường gióng) từ thước kẻ – bật thước bằng Ctrl+R rồi kéo từ thước dọc ra giữa canvas. Vẽ vòng tròn thân bình chiếm nửa dưới, hình chữ nhật cổ bình và nút ở trên, tất cả đối xứng qua guide giữa.
  3. Nét viền sạch bằng vùng chọn: layer Line. Elliptical Marquee M + Shift vẽ vòng tròn thân bình, rồi EditChỉnh sửa›StrokeViền Width 6 px, màu #1b1a24, Location: Center. Làm tương tự cho cổ bình và nút (Rectangular Marquee). Dùng Eraser (Tẩy) E xóa đoạn nét chồng nhau ở chỗ nối cổ và thân.
  4. Đường mặt nước: vẫn trên Line, Brush Hard Round 5 px, vẽ một đường cong nhẹ ngang thân bình ở khoảng 40% chiều cao (cong lên hai bên mép giống mặt nước trong ly).
  5. Layer Flat: đặt dưới Line. Magic Wand (Đũa thần) W (Sample All Layers) chọn phần thủy tinh phía trên mặt nước + cổ bình, Expand 2 px, tô #cfe8ff. Chọn phần dưới mặt nước tô #ff3b5c. Nút tô #b07a4a.
  6. Tách chất liệu: để dễ tô bóng riêng, dùng Magic Wand chọn phần nước trên Flat rồi Ctrl+Shift+J (Layer via Cut) – phần nước tách thành layer Liquid riêng. Làm tương tự cho nút gỗ thành layer Cork.
  7. Bóng thủy tinh: layer Glass Shadow Clipping Mask (Mặt nạ cắt) (Ctrl+Alt+G) trên Flat, Normal. Lasso (Dây thòng lọng) L vẽ một hình lưỡi liềm ở phía phải thân bình, tô #8fb3d9.
  8. Bóng nước thuốc: layer mới Clipping Mask vào Liquid. Lasso vẽ lưỡi liềm phía dưới – phải, tô #b5123f. Chất lỏng tối dần về phía đáy.
  9. Mặt nước sáng: cùng layer đó (hoặc layer Liquid Light), vẽ một dải mảnh ngay dưới đường mặt nước, tô #ff8fa3, và một dải rim mảnh ở mép dưới – phải màu #ff6b85.
  10. Phản chiếu thủy tinh (quan trọng nhất): layer Reflection nằm trên Line nhưng dưới Details, blend mode Normal, Opacity (Độ mờ đục) 85%. Vẽ bằng Lasso một vệt cong dài màu trắng ở phía trái thân bình (ôm theo đường cong kính) và một chấm trắng nhỏ bên dưới. Vệt sáng đè lên cả nét viền mới tạo cảm giác kính bóng.
  11. Nút gỗ và dây buộc: layer Clipping Mask vào Cork, tô nửa dưới nút #7a4a2b và một vệt sáng #e0a878 ở trên. Trên layer Line vẽ một dải dây buộc #ffc53d quanh cổ bình.
  12. Chi tiết: layer Details: một trái tim trắng Opacity 90% trên nước thuốc (biểu tượng hồi máu), vài bong bóng tròn màu #ffc2cd, 2–3 ngôi sao lấp lánh.
  13. Quầng sáng: layer Glow dưới cùng (trên Background), Brush Soft Round 600 px màu #ff3b5c, chấm một lần sau bình, blend mode Screen, Opacity 40%. Thêm bóng đổ Multiply (Nhân (làm tối)) 30% dưới đáy.
  14. Xuất: Ctrl+S lưu PSD; ẩn Background rồi FileTệp›Export›Quick Export as PNGXuất nhanh PNG.
Mẹo: Thủy tinh "đọc" được nhờ tương phản: điểm sáng trắng tinh nằm cạnh viền tối. Đừng làm mờ vệt phản chiếu – cạnh sắc mới ra chất kính.
Lỗi hay gặp: Tô thủy tinh bằng màu xám đục, rồi phủ Soft Round khắp nơi để "cho trong". Kết quả là bình trông như nhựa. Hãy giữ thủy tinh sáng, ít tông, và để phần nước bên trong mang màu chính.

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

  • Bộ 3 bình: nhân đôi nhóm layer (Ctrl+J trên Group) rồi đổi màu nước bằng Hue/Saturation (Sắc độ/Độ bão hòa): xanh dương cho mana, xanh lá cho hồi thể lực.
  • Bình hình khác: thử bình tam giác (độc dược) hoặc bình dài (thuốc tăng tốc) – vẫn giữ quy trình như cũ.
  • Icon 64 px: ImageHình ảnh›Image SizeKích thước ảnh thu nhỏ bản sao xuống 64 × 64 px để kiểm tra còn nhận ra trái tim và màu nước không.

Mẹo & trick học nhanh

Stroke cho nét tròn hoàn hảo

Vùng chọn + EditChỉnh sửa›StrokeViền cho nét viền tròn tuyệt đối. Dùng khi vẽ vật đối xứng như bình, xu, khiên.

Layer via Cut

Ctrl+Shift+J cắt vùng đang chọn sang layer mới – cách nhanh để tách từng chất liệu ra layer riêng.

Soft Round chỉ để làm quầng

Cọ mềm chỉ nên dùng cho hiệu ứng phát sáng hoặc bóng đổ dưới đất. Bề mặt vật vẽ cel shading luôn dùng cạnh cứng.

Kiểm tra nhanh

1 Điều gì làm cho thủy tinh trông "bóng và trong" nhất?
2 Ctrl+Shift+J làm gì?
3 Layer vệt phản chiếu trên thủy tinh nên đặt ở đâu trong bảng Layers?

Bài tập: Bình thuốc của bạn

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