Dự án 5: Đồng xu vàng
Vẽ đồng xu vàng hơi nghiêng có độ dày cạnh, mặt lõm và ngôi sao nổi: học chất liệu kim loại sáng bằng tương phản mạnh.
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: (⌘ Cmd+O).
- Bảng màu tất cả dự án PNG · 136 KB
Đồng xu là tiền tệ của mọi game. Nó trông đơn giản nhưng dạy bạn hai thứ quan trọng: độ dày (một hình tròn phẳng sẽ biến thành vật 3D khi thấy được cạnh) và kim loại (kim loại bóng có tương phản rất mạnh: tối sát cạnh sáng). Bạn sẽ dùng lại kỹ thuật này cho chắn tay kiếm, vương miện, ổ khóa rương…
Hình mẫu
Thời gian ước tính: khoảng 35 phút.
Chuẩn bị
- Canvas: 1000 × 1000 px, RGB.
- Công cụ: Elliptical Marquee (Khung chọn) (M), Polygon Tool (công cụ đa giác, trong nhóm Shape U) để vẽ ngôi sao 5 cánh, Lasso (Dây thòng lọng) (L).
| Màu | Mã hex | Dùng cho |
|---|---|---|
#ffc53d | Mặt xu (màu nền) | |
#e8961c | Bóng mặt xu | |
#c9831a | Bóng trong phần lõm | |
#c7811f | Cạnh xu | |
#8f5410 | Cạnh tối | |
#ffe28a | Rim light | |
#fff6c7 | Điểm sáng | |
#1b1a24 | Nét viền |
Các bước
- Tạo file ⌘ Cmd+N 1000 × 1000 px.
- Phác hai hình bầu dục: layer Sketch. Một hình bầu dục đứng (mặt xu) và một hình giống hệt lệch sang phải khoảng 5% bề rộng – phần lệch chính là độ dày cạnh. Vẽ thêm một hình bầu dục nhỏ hơn bên trong (vành lõm).
- Cạnh xu: layer Edge. Elliptical Marquee vẽ hình bầu dục phía sau (lệch phải), tô
#c7811f. 6 px màu viền, Location: Center. - Mặt xu: layer Face trên Edge. Hình bầu dục phía trước, tô
#ffc53d, Stroke 6 px. Hai hình chồng lên nhau đã cho cảm giác một đồng xu dày. - Vành lõm: layer Inner. Vẽ hình bầu dục nhỏ hơn đồng tâm (khoảng 75%), tô
#f0a92a, Stroke 4 px. - Ngôi sao: chọn Polygon Tool (giữ chuột trên nhóm Shape, chọn Polygon), trên thanh Options đặt Number of sides 5 và Star Ratio 45%, Fill
#ffe066, Stroke 4 px màu viền. Giữ ⇧ Shift kéo từ tâm. Chuột phải lên layer › Rasterize (Chuyển thành điểm ảnh) Layer (chuyển hình vector thành điểm ảnh) để tô bóng được. - Bóng mặt xu: layer Clipping Mask (Mặt nạ cắt) (⌘ Cmd+⌥ Option+G) vào Face. Lasso vẽ lưỡi liềm dưới – phải tô
#e8961c. - Bóng phần lõm – mẹo đảo ngược: phần lõm xuống thì ngược với phần nổi: mép trên – trái của vành lõm bị thành xu che nên tối (
#c9831a), mép dưới – phải hứng sáng nên sáng (#ffd970). Vẽ hai lưỡi liềm này trên layer Clipping Mask vào Inner. - Ngôi sao nổi: layer Clipping Mask vào ngôi sao. Rectangular Marquee chọn nửa phải, tô
#f0b429. Nửa trái giữ màu sáng, thêm một tam giác nhỏ#fff6c7ở cánh trên – trái. Hai nửa sáng – tối làm ngôi sao như được dập nổi. - Cạnh tối: layer Clipping Mask vào Edge, tô nửa phải cạnh bằng
#8f5410. - Ánh kim: layer Light trên cùng. Brush (Cọ vẽ) Hard Round 18 px màu trắng, Opacity (Độ mờ đục) 85%, vẽ một nét cong ngắn dọc mép trên – trái của mặt xu. Rim
#ffe28adải mảnh dọc mép dưới – phải. - Lấp lánh: 3–4 tia lóe 4 cánh (trắng và vàng nhạt), một tia to đè lên mép trên – trái – vị trí phản chiếu mạnh nhất.
- Quầng và bóng đổ: Soft Round vàng Screen 40% phía sau; bóng Multiply (Nhân (làm tối)) 30% dưới đáy. Xuất PSD và PNG trong suốt.
Nâng cao (tùy chọn)
- Xu bạc, xu đồng: đổi bảng màu sang xám xanh (
#dfe7f0/#8ea3bd) hoặc cam đồng (#d9824a/#8a4a22). - Hoạt ảnh xoay: nhân đôi xu, ⌘ Cmd+T co bề ngang còn 60%, 25%, 5% để có 4 frame xoay – dùng cho dự án sprite sau này.
- Đống xu: xếp 5–8 đồng xu chồng lệch nhau, đồng phía sau tối hơn.
Mẹo & trick học nhanh
Giữ ⌥ Option khi kéo Elliptical Marquee để vẽ từ tâm ra; thêm ⇧ Shift để được hình tròn đều.
Đang kéo vùng chọn mà lệch chỗ, giữ Space và di chuột để dời nó, thả Space để tiếp tục chỉnh kích thước.
Layer Shape (vector) không tô cọ được. Chuột phải layer › Rasterize Layer, hoặc tạo layer Clipping Mask phía trên để tô.