Dự án 16: Card art / splash art nhỏ
Vẽ tranh minh họa cho một lá bài game: bố cục trong khung nhỏ, điểm nhấn ánh sáng, nhân vật đọc rõ, rồi ghép khung thẻ với tên, chỉ số và ô mô tả.
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).
- Nét mẫu khung thẻ bài (1200 × 1200 px) PNG · 46 KB
- Bảng màu tất cả dự án PNG · 136 KB
Dự án tốt nghiệp của module: một card art – tranh minh họa trên lá bài của game thẻ bài hoặc màn hình chọn nhân vật (splash art). Khác với các dự án trước, giờ bạn vẽ một khung cảnh có nhân vật, bầu trời và ánh sáng, nhưng trong một ô rất nhỏ. Kỹ năng chính là bố cục: dẫn mắt người xem tới đúng một điểm nhấn.
Hình mẫu
Thời gian ước tính: khoảng 4 giờ (2,5 giờ tranh + 1,5 giờ khung thẻ).
Chuẩn bị
- Canvas: 750 × 1050 px (tỉ lệ 5 : 7 – tỉ lệ lá bài chuẩn), RGB. Vùng tranh khoảng 620 × 500 px phía trên.
- Brush (Cọ vẽ): Hard Round; Soft Round cho quầng trăng và quả cầu phép.
- Công cụ: Rectangle Tool có bo góc cho khung, Horizontal Type Tool (T) cho tên thẻ.
| Màu | Mã hex | Dùng cho |
|---|---|---|
#26286a | Trời đêm | |
#5a4fb0 | Chân trời | |
#fff1c1 | Trăng, rim light | |
#a78bfa | Áo pháp sư | |
#31a8ff | Quả cầu phép, ngọc năng lượng | |
#e0a526 | Khung thẻ vàng | |
#ff5c8a | Dải tên, ngọc máu | |
#f3e6c8 | Ô mô tả (giấy da) |
Các bước
- Tạo file Ctrl+N 750 × 1050 px. Tạo guide cho khung: , Columns 3, Rows 3, Margin 40 px mỗi cạnh – vừa có lề an toàn vừa có lưới chia ba.
- 3 thumbnail bố cục: layer Thumbs, vẽ 3 phương án nhỏ trong 15 phút chỉ bằng mảng xám. Đặt điểm nhấn (khuôn mặt, quả cầu phép) tại một giao điểm của lưới chia ba, không đặt chính giữa. Chọn phương án rõ nhất.
- Phác trong vùng tranh: layer Sketch: đường chân trời thấp (1/3 dưới), trăng ở giao điểm trên – phải, nhân vật đứng ở cột giữa, cây trượng chỉ lên phía trăng để dẫn mắt. Hình tam giác của áo choàng tạo thế vững.
- Nét: layer Line: nét nhân vật rõ (6 px), nét cảnh vật xa mảnh hoặc không có nét – cảnh xa không cần viền để tạo chiều sâu.
- Màu nền cảnh: layer Sky: Gradient (Dải màu chuyển) Linear từ
#26286a(trên) tới#5a4fb0(chân trời). Layer Hills: dải đồi tối#1f2150. Layer Moon: hình tròn#fff1c1. Sao: chấm trắng 2–4 px. - Màu phẳng nhân vật: áo
#a78bfa, mũ#6d4bd8, da#ffd7b5, trượng#8b5a2b, quả cầu#31a8ff. Mỗi màu một layer dưới Line. - Bóng theo ánh trăng: trăng ở trên – phải nên bóng nằm bên trái nhân vật. Layer Multiply (Nhân (làm tối)) Clipping Mask (Mặt nạ cắt) vào áo, màu
#2b1d6aOpacity (Độ mờ đục) 55%: tô nửa trái áo và phần dưới mũ. - Rim light ánh trăng: layer Rim, Brush 4 px
#fff1c1, vẽ đường sáng mảnh dọc mép phải của mũ, vai và áo – nhân vật tách hẳn khỏi trời đêm. - Nguồn sáng thứ hai – quả cầu phép: layer Orb Glow blend mode Linear Dodge (Add) (Cộng sáng): Soft Round 120 px
#31a8fflên quả cầu. Layer Orb Light Clipping Mask vào áo, Normal, Opacity 40%: tô ánh xanh lên phần áo gần quả cầu. Hai nguồn sáng khác màu (vàng trăng, xanh phép) làm tranh có chiều sâu màu sắc. - Quầng trăng: Soft Round 400 px
#fff1c1Screen 50% sau trăng. Kiểm tra: điểm sáng nhất là trăng và quả cầu, gần nhau và gần mặt nhân vật – mắt người xem bị kéo vào đó. - Gom tranh: chọn mọi layer của tranh, Ctrl+G thành Group Art. Vẽ hình chữ nhật bo góc cho cửa sổ tranh trên layer Window, rồi đặt Group Art làm Clipping Mask vào Window (Ctrl+Alt+G trên Group) – tranh gọn trong cửa sổ, vẫn sửa được.
- Khung thẻ: layer Frame dưới Window: hình chữ nhật bo góc 30 px
#e0a526viền tối; layer Clipping Mask: vùng mép dưới – phải tối#b8741a, nét sáng#fff1b8ở mép trên – trái (kim loại, như dự án 5). Bên trong khung là nền tím đen#2b1d3f. - Tên, ô mô tả, chỉ số: dải tên hồng
#ff5c8abo góc phía trên, Type Tool T gõ tên thẻ màu trắng, căn giữa. Ô mô tả#f3e6c8phía dưới (để trống hoặc gõ mô tả kỹ năng). Ba viên ngọc chỉ số tròn: năng lượng xanh (góc trên – trái), tấn công cam, máu hồng (hai góc dưới) – vẽ như viên ngọc tròn có điểm sáng. - Hoàn thiện và xuất: vài tia lóe ngoài khung, kiểm tra bằng ảnh xám. Lưu PSD. Xuất PNG 750 × 1050 px; nếu game cần thêm bản không khung, ẩn các layer khung và xuất riêng Group Art.
Nâng cao (tùy chọn)
- Bộ 3 thẻ cùng phe: giữ khung và bảng màu, vẽ 3 nhân vật khác nhau – kiểm tra tính nhất quán của phong cách.
- Phiên bản hiếm: đổi khung sang tím/cầu vồng, thêm hiệu ứng lấp lánh (foil) bằng layer Gradient blend mode Overlay (Phủ chồng).
- Splash art ngang: mở rộng tranh ra canvas 1920 × 1080 px cho màn hình chọn nhân vật – vẽ thêm cảnh hai bên, giữ nhân vật ở cột trái hoặc phải.
Mẹo & trick học nhanh
tạo lưới cột – hàng – lề chỉ trong một bước, rất tiện cho bố cục chia ba và khung thẻ.
Có thể kẹp cả một Group vào layer hình bên dưới bằng Ctrl+Alt+G – tranh nằm gọn trong cửa sổ khung mà vẫn giữ mọi layer.
Ánh sáng chính ấm + ánh sáng phụ lạnh (hoặc ngược lại) là công thức nhanh nhất cho tranh có chiều sâu màu.