Lộ trình › Thực hành công cụ › Bài 41/218

Sắp xếp vật phẩm (Move, Free Transform, Align)

Tách 5 vật phẩm game ra layer riêng, xoay thẳng bằng Free Transform với góc chính xác rồi căn thẳng hàng, chia đều trên một kệ.

Nhập môn 25 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).

Trong file mẫu, thanh kiếm, tấm khiên, bình thuốc, đồng xu và viên ngọc nằm nghiêng ngả trên một layer. Nhiệm vụ: tách mỗi món ra layer riêng, dựng thẳng, cho cỡ đều nhau rồi xếp gọn trên kệ – giống cách bạn trình bày vật phẩm trong cửa hàng của game.

Mục tiêu

  • Tách vật ra layer riêng bằng Layer via Cut (Cắt sang layer mới).
  • Dùng Free Transform (Biến đổi tự do) (Biến đổi tự do) với góc xoay nhập bằng số.
  • Dùng nút Align (Căn chỉnh) và Distribute (Chia đều) của Move Tool (Công cụ Di chuyển) (Công cụ di chuyển).

Chuẩn bị

Tải vat-pham-lon-xon.png và mở ra. Vì nền trong suốt, file mở thành layer tên Layer 0 (không phải Background).

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

  1. Nhấn M chọn Rectangular Marquee (Khung chọn) Tool (Công cụ chọn hình chữ nhật). Kéo một khung bao trọn thanh kiếm (không cần sát, miễn không dính món khác).
  2. Nhấn Ctrl+Shift+J (Layer via Cut): thanh kiếm được cắt sang layer mới. Nhấp đúp vào tên layer, đặt tên Sword.
  3. Lặp lại cho 4 món còn lại, đặt tên Shield, Potion, Coin, Gem. Layer 0 lúc này trống – có thể xóa.
  4. Tạo file mới Ctrl+N: Width 1600 px, Height 900 px, Background Contents White. Quay lại file vật phẩm, chọn cả 5 layer (giữ Ctrl và nhấp), nhấp chuột phải chọn Duplicate Layers…, ô Document chọn file mới, OK.
  5. Sang file mới, chọn layer Sword, nhấn Ctrl+T. Trên Options bar (Thanh tùy chọn) gõ vào ô góc xoay (biểu tượng ∠) giá trị -38, nhấn Enter hai lần. Thanh kiếm đứng thẳng.
  6. Làm tương tự: Shield xoay 12, Potion xoay 22, Gem xoay -18. Đồng xu tròn nên không cần xoay.
  7. Nhấn Ctrl+R hiện thước, kéo từ thước trên xuống 2 đường guide (đường gióng) ở khoảng y = 300 và y = 600. Dùng Ctrl+T kéo tay nắm góc để mỗi món cao gần bằng khoảng giữa 2 guide (đồng xu và viên ngọc có thể nhỏ hơn một chút).
  8. Nhấn V (Move Tool), chọn cả 5 layer. Trên Options bar bấm Align vertical centers (căn giữa theo chiều dọc), rồi bấm nút … chọn Distribute horizontal centers (chia đều theo chiều ngang). Cũng có thể dùng LayerLớp›Align›Vertical Centers.
  9. Vẽ kệ: nhấn U (Rectangle Tool), trên Options bar chọn chế độ Shape, Fill màu nâu #8a6038, kéo một thanh dài ngay dưới các vật phẩm. Kéo layer kệ xuống dưới các vật phẩm trong bảng Layers.
  10. Lưu Ctrl+S dạng PSD để giữ nguyên các layer.

Kết quả mong đợi

Vật phẩm lộn xộn → tách layer và xoay bằng Free Transform → Align và Distribute → xếp gọn trên kệ
Vật phẩm lộn xộn → tách layer và xoay bằng Free Transform → Align và Distribute → xếp gọn trên kệ

5 vật phẩm đứng thẳng, cao gần bằng nhau, tâm nằm trên một đường ngang, khoảng cách đều, mỗi món một layer có tên rõ ràng.

Mẹo: khi xoay bằng chuột, giữ Shift để xoay theo bước 15°. Nhưng gõ số vào ô góc xoay luôn chính xác hơn – đặc biệt khi bạn biết món đồ đang nghiêng bao nhiêu độ.
Lỗi hay gặp: thu nhỏ rồi phóng to lại nhiều lần làm vật phẩm mờ đi. Nếu chưa chắc kích thước, nhấp chuột phải vào layer chọn Convert to Smart Object (Đối tượng thông minh) trước khi biến đổi.

Mẹo & trick học nhanh

Chọn layer bằng cách nhấp vào hình

Với Move Tool, giữ Ctrl rồi nhấp vào vật phẩm trên canvas để chọn đúng layer của nó mà không cần tìm trong bảng Layers.

Nhích từng pixel

Phím mũi tên dịch layer 1 px, Shift + mũi tên dịch 10 px – rất tiện để chỉnh vị trí cuối cùng.

Layer via Copy

Ctrl+J sao chép vùng chọn sang layer mới (giữ nguyên bản gốc), còn Ctrl+Shift+J cắt hẳn sang.

Kiểm tra nhanh

1 Phím tắt nào CẮT vùng chọn sang một layer mới?
2 Thanh kiếm đang nghiêng 38° theo chiều kim đồng hồ. Gõ giá trị nào vào ô góc xoay của Free Transform để dựng thẳng?
3 Muốn khoảng cách giữa 5 vật phẩm bằng nhau, bạn dùng nút nào?

Bài tập: Kệ trưng bày 5 vật phẩm

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