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 › Thực hành công cụ nâng cao › Bài 76/158

Đổi tư thế nhân vật bằng Puppet Warp

Ghim các khớp của nhân vật T-pose rồi kéo ghim để hạ tay, vẫy tay – tạo hai tư thế mới cho sprite mà không phải vẽ lại.

Trung cấp 25 phút ★★★ Vừa 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).

Nhân vật game thường được vẽ ở T-pose (dang hai tay chữ T) để dễ tách bộ phận. Nhưng màn hình chọn nhân vật cần tư thế đứng tự nhiên, còn hoạt ảnh cần tư thế vẫy tay. Puppet Warp (Uốn cong) (Biến dạng con rối) phủ một lưới lên hình, bạn cắm ghim vào các khớp rồi kéo – tay chân uốn theo như con rối.

Mục tiêu

  • Mở Puppet Warp và hiểu các tùy chọn Mode, Density, Expansion.
  • Đặt ghim cố định ở thân và ghim điều khiển ở bàn tay, xoay ghim bằng Alt.
  • Tạo hai tư thế đứng yên và vẫy tay trên một sprite sheet 2048 × 1024 px.

Chuẩn bị

Tải p2-nhan-vat-t-pose.png. Tạo file mới Ctrl+N: Width 2048 px, Height 1024 px, Background Contents Transparent.

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

  1. FileTệp›Place Embedded, chọn p2-nhan-vat-t-pose.png. Trên Options bar (Thanh tùy chọn) gõ X 512 px, Y 512 px để nhân vật nằm giữa nửa trái, nhấn Enter. Đặt tên layer Idle.
  2. Chọn EditChỉnh sửa›Puppet Warp. Lưới tam giác phủ lên nhân vật. Trên Options bar: Mode Rigid (giữ hình ít méo), Density Normal, Expansion 2 px.
  3. Nhấp để cắm ghim cố định: giữa đầu, giữa ngực, hông, hai vai (chỗ tay nối thân) và hai bàn chân. Các ghim này giữ thân đứng yên.
  4. Cắm thêm một ghim ở mỗi bàn tay. Bỏ tích Show Mesh để dễ nhìn.
  5. Kéo ghim bàn tay phải xuống sát hông. Cánh tay xoay quanh vai và hạ xuống. Làm tương tự với tay trái.
  6. Bàn tay bị nghiêng lạ? Chọn ghim đó, giữ Alt và đưa chuột ra gần ghim – một vòng tròn xuất hiện, kéo vòng để xoay phần quanh ghim.
  7. Cắm nhầm ghim thì giữ Alt và nhấp vào ghim đó để xóa (con trỏ hình cây kéo).
  8. Nhấn Enter để xác nhận. Dưới layer xuất hiện Smart Filter Puppet Warp, nhấp đúp để sửa lại.
  9. Place Embedded lần nữa ở X 1536 px, Y 512 px, đặt tên Wave. Puppet Warp: hạ tay trái xuống hông, kéo tay phải lên cao qua đầu như đang vẫy.
  10. Xuất FileTệp›Export›Export AsXuất ra (tùy chỉnh) PNG 2048 × 1024 có Transparency (Độ trong suốt).

Kết quả mong đợi

Nhân vật T-pose → cắm ghim vào các khớp → kéo ghim bàn tay hạ tay xuống → hai tư thế đứng yên và vẫy tay
Nhân vật T-pose → cắm ghim vào các khớp → kéo ghim bàn tay hạ tay xuống → hai tư thế đứng yên và vẫy tay

Sprite sheet có hai ô 1024 × 1024: bên trái nhân vật đứng thả tay tự nhiên, bên phải một tay vẫy cao. Thân, đầu và chân giữ nguyên, không bị méo.

Mẹo: khi tay đè lên thân, bấm nút Pin Depth trên Options bar để đưa phần đang chọn ra trước hoặc ra sau. Trong Unity, gói 2D Animation cũng dùng ý tưởng tương tự (xương và lưới) để tạo hoạt ảnh ngay trong game.
Lỗi hay gặp: chỉ cắm một ghim ở bàn tay rồi kéo – cả nhân vật trượt theo vì không có ghim nào giữ thân. Luôn cắm ghim cố định ở thân, hông, chân trước.

Mẹo & trick học nhanh

Chọn nhiều ghim

Giữ Shift nhấp vào nhiều ghim để kéo cùng lúc – ví dụ dời cả cánh tay mà không đổi hình dạng.

Mode cho từng việc

Rigid giữ hình chắc chắn cho tay chân; Normal mềm hơn; Distort kéo giãn mạnh, hợp làm cờ bay hay vải choàng.

Xoay chính xác

Ô Rotate trên Options bar đổi từ Auto sang Fixed để gõ góc xoay chính xác cho ghim đang chọn.

Kiểm tra nhanh

1 Vì sao phải cắm ghim ở thân và chân trước khi kéo bàn tay?
2 Trong Puppet Warp, Alt + nhấp vào một ghim sẽ làm gì?
3 Mode nào phù hợp nhất để uốn cánh tay mà ít bị méo?

Bài tập: Hai tư thế cho nhân vật

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