Bạn không cần cắt tay chín ô cho một bài đăng 3×3. Cắt về 1:1, chia khung vẽ thành 3×3 bằng công cụ Lát cắt, rồi xuất chín file PNG trong một lần — toàn bộ chỉ mất chưa đến hai phút. Mọi bước và thông số đều được ghi rõ bên dưới, và cách làm đúng cả trong Photoshop lẫn Online PS.
Bước 1: Cắt về hình vuông (1:1)
- Mở Online PS (zaixianps.cc) và bấm
Tệp → Mở(File → Open), hoặc kéo thẳng một ảnh từ máy vào vùng khung vẽ. - Trong thanh công cụ bên trái, chọn Công cụ Cắt (Crop Tool).
- Trên thanh tùy chọn ở phía trên, bật Tỉ lệ (Ratio) và nhập
1:1. - Kéo trên khung vẽ để vẽ khung cắt hình vuông, chỉnh bố cục cho đến khi ưng ý, rồi bấm dấu ✓ ở phía trên.
Bước 2: Dùng công cụ Lát cắt
- Tìm Công cụ Lát cắt (Slice Tool) trong thanh công cụ bên trái (biểu tượng trông như một lưỡi dao). Nếu không thấy, hãy nhấn giữ Công cụ Cắt để hiện các công cụ con.
- Khi đã chọn, con trỏ chuyển thành hình chữ thập, sẵn sàng để cắt.
Bước 3: Chia thành lưới 3×3
- Bảo đảm ảnh vẫn là hình vuông (rộng = cao). Nút Chia (Divide) sẽ hiện trên thanh tùy chọn — bấm vào đó.
- Tích vào Ngang (Horizontal) và đặt N là
3; tích vào Dọc (Vertical) và đặt N là3. - Bấm OK là khung vẽ được chia tự động thành chín lát cắt con bằng nhau.
Bước 4: Xuất tất cả lát cắt thành PNG
- Bấm
Tệp → Xuất thành → PNG…(File → Export As → PNG…) ở góc trên bên trái (hoặc dùng phím tắt Ctrl+Shift+Alt+S). - Trong hộp thoại Xuất (Export), tìm tùy chọn Lát cắt ở góc dưới bên trái, mở danh sách xuống và chọn Tất cả lát cắt (All Slices).
- Bấm Lưu và trình duyệt sẽ tải về một tệp
.zip. - Giải nén ra, bạn sẽ thấy chín file PNG riêng biệt (tên kiểu như
slice_1.png, slice_2.png … slice_9.png).
💡 Tổng kết
Bạn vừa chia một bức ảnh thành chín ô có kích thước bằng nhau. Chúng sẵn sàng cho:
- Instagram → bài đăng lưới 3×3
- Ảnh bìa mạng xã hội → bố cục sáng tạo
- Album ảnh số → xem lần lượt từng ô
Mẹo: nếu muốn có khe hở giữa các ô, hãy mở rộng khung vẽ trước khi cắt (ví dụ 1080×1080 → 1200×1200), rồi đặt Khoảng cách (Spacing) là 0 khi cắt và thêm viền hoặc bóng đổ cho từng lát sau đó.
Tài liệu tham khảo
- Tài liệu chính thức của Adobe Photoshop
- HTML5 và các nguyên lý xử lý ảnh hiện đại ở phía giao diện
- Online PS