Lộ trình › Thực hành công cụ nâng cao › Bài 80/218

Dán vân gỗ lên thùng hàng (Perspective Warp)

Ốp texture vân gỗ phẳng lên ba mặt của một khối hộp trống bằng Perspective Warp (chế độ Layout rồi Warp), cắt gọn bằng mask và dùng Multiply để giữ sáng tối.

Trung cấp 30 phút ★★★ Khó 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).

Thùng gỗ, rương, hộp quà là vật trang trí có mặt ở hầu hết game 2D. Thay vì vẽ vân gỗ theo phối cảnh cho từng mặt, bạn có thể vẽ (hoặc tải) một mặt gỗ phẳng rồi "ốp" lên khối hộp bằng Perspective (Phối cảnh) Warp (Uốn cong) (Biến dạng phối cảnh).

Mục tiêu

  • Hiểu hai chế độ của Perspective Warp: Layout (vẽ lưới) và Warp (kéo ghim).
  • Kéo 4 ghim của lưới trùng khít 4 góc của từng mặt hộp.
  • Cắt gọn texture bằng Layer Mask (Mặt nạ lớp) và dùng blend mode Multiply (Nhân (làm tối)) để giữ sáng tối của khối.

Chuẩn bị

Tải hai file mẫu và mở p2-thung-go-trong.png, đặt tên layer là Box. Perspective Warp cần card đồ họa: kiểm tra EditChỉnh sửa›PreferencesTùy chọn cài đặt›PerformanceHiệu năng đã tích Use Graphics Processor.

Các bước thực hiện

  1. FileTệp›Place Embedded chọn p2-van-go.png, đặt gần mặt trái của hộp, nhấn Enter. Đặt tên layer Wood Left.
  2. Chọn EditChỉnh sửa›Perspective Warp. Trên Options bar (Thanh tùy chọn) đang ở chế độ Layout. Kéo chuột từ góc trên trái đến góc dưới phải của tấm gỗ để vẽ một lưới (quad).
  3. Kéo 4 ghim góc của lưới cho khớp đúng 4 góc tấm gỗ vuông.
  4. Bấm nút Warp trên Options bar để chuyển chế độ. Kéo từng ghim tới 4 góc của mặt trái hộp: trên trái, trên phải (cạnh giữa), dưới phải, dưới trái.
  5. Phóng to kiểm tra từng góc cho khít, rồi bấm dấu ✓ trên Options bar (hoặc Enter). Vì là Smart Object (Đối tượng thông minh), Perspective Warp thành Smart Filter sửa lại được.
  6. Làm sạch mép: chọn layer Box, dùng Magic Wand (Đũa thần) W (Sample: Current Layer, Tolerance 10) nhấp vào mặt trái xám. Chọn lại Wood Left, bấm Add Layer Mask ở đáy bảng Layers.
  7. Lặp lại các bước 1–6 cho Wood Right (mặt phải) và Wood Top (mặt trên). Mặt trên là hình thoi: 4 ghim đặt ở đỉnh trên, góc phải, đỉnh giữa, góc trái.
  8. Kéo layer Box lên trên cùng, đổi blend mode sang Multiply. Ba mặt xám sáng – vừa – tối sẽ nhuộm lên vân gỗ: mặt trên sáng, mặt phải tối nhất – khối hộp có chiều sâu.
  9. Nếu mặt phải còn quá sáng, thêm lớp Curves clip vào Wood Right (Alt+Ctrl+G) và kéo đường cong xuống một chút.
  10. Xuất FileTệp›Export›Export AsXuất ra (tùy chỉnh) PNG 1024 × 1024 có Transparency (Độ trong suốt). Lưu thêm PSD.

Kết quả mong đợi

Hộp trống + vân gỗ → Layout vẽ lưới phủ texture → Warp kéo 4 ghim vào góc mặt → thùng gỗ hoàn chỉnh
Hộp trống + vân gỗ → Layout vẽ lưới phủ texture → Warp kéo 4 ghim vào góc mặt → thùng gỗ hoàn chỉnh

Thùng gỗ ba mặt, vân gỗ và thanh giằng chéo chạy đúng phối cảnh, mép gọn khít với nét viền, mặt trên sáng nhất và mặt phải tối nhất.

Mẹo: trong chế độ Warp, giữ Shift và nhấp vào một cạnh lưới để khóa cạnh đó luôn thẳng đứng hoặc nằm ngang – rất tiện cho cạnh dọc của thùng.
Lỗi hay gặp: kéo ghim ở chế độ Layout thay vì Warp. Ở Layout, kéo ghim chỉ sửa hình lưới chứ ảnh không biến dạng theo. Nhớ bấm Warp trước khi kéo vào góc hộp.

Mẹo & trick học nhanh

Vanishing Point cho mặt phẳng lớn

Tường, sàn nhà nhiều mặt nối nhau thì FilterBộ lọc›Vanishing Point nhanh hơn: vẽ lưới phối cảnh một lần rồi dán texture chạy liền qua các mặt.

Distort cho mặt đơn giản

Mặt phẳng hình bình hành cũng làm được bằng Ctrl+T > chuột phải > Distort, giữ Ctrl kéo từng góc.

Đổi phối cảnh vật có sẵn

Perspective Warp còn dùng để xoay nhẹ góc nhìn của ảnh chụp nhà cửa: vẽ lưới cho hai mặt tường rồi kéo ghim.

Kiểm tra nhanh

1 Trong Perspective Warp, chế độ Layout dùng để làm gì?
2 Vì sao đặt layer Box lên trên cùng với blend mode Multiply?
3 Menu Perspective Warp bị mờ không chọn được. Nguyên nhân thường gặp?

Bài tập: Thùng gỗ phối cảnh

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