Hướng dẫn sử dụng công cụ Move trong MemeMaker

1. Giới thiệu

Move là công cụ "mặc định" của MemeMaker — công cụ bạn dùng nhiều nhất khi chỉnh sửa ảnh: chọn layer, di chuyển, canh chỉnh, gom nhóm. Move không phải là một nút cần bật lên rồi tắt đi như Brush hay Crop — nó chính là trạng thái nghỉ (idle) của trình chỉnh sửa. Nói cách khác, bất cứ lúc nào bạn không đang dùng một công cụ khác, bạn đang ở chế độ Move.

Vì vậy, nút Move trên thanh công cụ (Tool Rail) luôn sáng lên mỗi khi không có công cụ nào khác đang mở, và bạn có thể quay lại Move bất cứ lúc nào chỉ bằng một phím tắt duy nhất: V.

2. Vị trí của Move trên thanh công cụ

Move luôn là nút đầu tiên trên thanh công cụ dọc bên trái canvas, biểu tượng con trỏ mũi tên. Ngay sau Move là hai công cụ "anh em" thường dùng cùng lúc:

Thứ tự	Công cụ	Icon	Phím tắt	Vai trò
1	Move	con trỏ	V	Chọn & di chuyển layer, canh chỉnh, transform
2	Hand (Pan)	bàn tay	—	Kéo để cuộn/di chuyển vùng nhìn canvas
3	Zoom	kính lúp	—	Phóng to/thu nhỏ canvas

Thứ tự này mô phỏng đúng cách sắp xếp Move → Hand → Zoom quen thuộc của Photoshop/Photopea.

Lưu ý: Move không có "nhóm công cụ con" (sub-tool flyout) như Pen hay Eraser. Đây là một công cụ đơn, luôn sẵn sàng.

3. Hướng dẫn sử dụng chi tiết

3.1. Chọn layer

• Click chuột trái vào một layer trên canvas để chọn nó (khi Auto-Select đang bật — mặc định bật).
• Nếu layer bạn click nằm trong một group, hành vi chọn phụ thuộc vào tuỳ chọn Auto-select target trong Options Bar:
  • Group (mặc định): chọn toàn bộ group ngoài cùng chứa layer đó.
  • Layer: chỉ chọn đúng layer bạn vừa click, bỏ qua group.
• Giữ Shift, Ctrl hoặc Cmd rồi click một layer khác để thêm/bớt layer đó khỏi vùng chọn hiện tại — luôn thao tác trên từng layer riêng lẻ, bất kể layer đó thuộc group nào.
• Double-click vào một layer bên trong group lồng nhau để chọn ngay group trực tiếp chứa nó (không nhảy lên group ngoài cùng) — tiện khi bạn cần "chui" vào một nhóm con mà không phải tách nhóm ra trước.
• Nếu tắt Auto-Select, click thường vào canvas sẽ không đổi vùng chọn — chỉ modifier-click (Shift/Ctrl/Cmd) và double-click mới thay đổi lựa chọn. Hữu ích khi bạn đã chọn đúng layer/group cần chỉnh và không muốn lỡ tay chọn nhầm layer khác.

3.2. Di chuyển layer

• Kéo chuột vào layer đã chọn (hoặc bất kỳ layer nào chưa chọn, khi Auto-Select bật) để di chuyển nó trên canvas.
• Kéo một group sẽ di chuyển toàn bộ layer con bên trong (kể cả group lồng nhau nhiều cấp) trong một bước duy nhất — Undo (Ctrl/Cmd+Z) sẽ hoàn tác cả nhóm cùng lúc.
• Kéo hoặc chỉnh (resize/rotate) nhiều layer đang được chọn cùng lúc (không nằm trong group) cũng chỉ tính là một bước duy nhất — Undo sẽ hoàn tác vị trí/kích thước của TẤT CẢ layer đó cùng lúc, không cần bấm Undo nhiều lần cho từng layer.
• Layer bị khoá vị trí (position-locked) sẽ không di chuyển được bằng kéo chuột lẫn phím mũi tên.

3.3. Di chuyển bằng bàn phím (nudge)

Sau khi đã chọn layer, dùng phím mũi tên để tinh chỉnh vị trí mà không cần chuột:

Phím	Bước di chuyển
↑ ↓ ← →	1px
Shift + ↑ ↓ ← →	10px

Chỉ những layer không bị khoá vị trí trong vùng chọn mới bị ảnh hưởng.

3.4. Xử lý điểm điều khiển Transform (resize/rotate)

Khi ô Transform controls trong Options Bar đang bật (mặc định bật) và vùng chọn có ít nhất một layer không bị khoá vị trí, MemeMaker hiển thị khung tay cầm quanh vùng chọn để bạn kéo giãn (resize) hoặc xoay (rotate) trực tiếp trên canvas, không cần mở hộp thoại riêng.

4. Options Bar (thanh tuỳ chọn của Move)

Khi công cụ Move đang hoạt động, thanh Options Bar phía trên canvas hiển thị các điều khiển sau:

Điều khiển	Mặc định	Chức năng
Auto-Select (checkbox)	Bật	Cho phép click thường trên canvas tự đổi vùng chọn. Tắt đi để chỉ modifier-click/double-click mới đổi chọn.
Auto-select target (dropdown)	Group	Khi Auto-Select bật: Group chọn cả group ngoài cùng, Layer chỉ chọn đúng layer click. Dropdown vẫn giữ giá trị đã chọn (chỉ mờ đi) khi Auto-Select tắt.
Transform controls (checkbox)	Bật	Hiện/ẩn khung resize & rotate quanh vùng chọn.
Distances (checkbox)	Tắt	Khi đang kéo layer, hiện 4 nhãn khoảng cách (px) từ vùng chọn tới 4 cạnh canvas (trên/dưới/trái/phải), tự ẩn ngay khi thả chuột.
Align relative to (dropdown)	Selection	Chọn mốc canh chỉnh: so với vùng chọn hay so với toàn bộ canvas.
6 nút Align (trái/giữa ngang/phải, trên/giữa dọc/dưới)	—	Canh các layer đã chọn theo cạnh/tâm đã chọn.
2 nút Distribute (ngang/dọc)	—	Dàn đều khoảng cách giữa các layer đã chọn.
"…" More options	—	Dành cho các tính năng sắp ra mắt (hiện đang tắt/chưa dùng được).
Grid (nút bật/tắt)	Tắt	Hiện lưới ô vuông 10px trên canvas, không xuất hiện khi export ảnh/video.

Quy tắc bật/tắt nút Align & Distribute

Các nút Align/Distribute chỉ sáng lên khi vùng chọn đủ điều kiện — đây không phải lỗi nếu bạn thấy chúng mờ đi:

• Align relative to = Canvas: cần chọn ít nhất 1 layer/group.
• Align relative to = Selection: cần chọn ít nhất 2 layer/group (canh 1 layer so với chính nó là vô nghĩa).
• Distribute (ngang hoặc dọc): luôn cần ít nhất 3 layer/group, bất kể chế độ Align relative to là gì (dàn đều 2 đối tượng không có khoảng trống ở giữa để tính).

5. Phím tắt

Phím tắt	Chức năng
V	Chuyển sang công cụ Move
↑ ↓ ← →	Di chuyển layer đã chọn 1px
Shift + ↑ ↓ ← →	Di chuyển layer đã chọn 10px
Delete / Backspace	Xoá (các) layer đã chọn — hoặc xoá vùng pixel đang chọn nếu có marquee/lasso/wand đang hoạt động
Escape	Bỏ chọn — hoặc huỷ phiên transform/crop đang dở dang nếu có
Enter	Áp dụng (commit) phiên transform hoặc crop đang dở dang
Ctrl/Cmd + D	Nhân bản layer đã chọn
Ctrl/Cmd + C / Ctrl/Cmd + V	Copy / Paste layer đã chọn
Ctrl/Cmd + G	Gom các layer đã chọn thành một group

Các phím tắt trên (trừ V) chỉ hoạt động khi con trỏ không đang gõ vào một ô nhập liệu (input/textarea/dropdown) trên giao diện.

6. Mẹo & Best Practices

• Muốn chỉnh một layer nằm sâu trong group mà không tách nhóm? Đổi Auto-select target sang Layer, hoặc đơn giản hơn là double-click thẳng vào layer đó để nhảy vào group trực tiếp chứa nó.
• Chọn nhanh nhiều layer rời rạc: giữ Shift (hoặc Ctrl/Cmd) rồi click lần lượt từng layer — thao tác này luôn nhắm đúng layer bạn click, không quan tâm nó thuộc group nào.
• Canh chỉnh chính xác tuyệt đối: bật cả Grid và mục Snap to guides & edges trong menu View — lưới 10px sẽ trở thành điểm hút (snap) khi bạn kéo layer, không chỉ là đường tham chiếu để nhìn.
• Kiểm tra khoảng cách trong lúc kéo: bật Distances trước khi kéo layer để thấy ngay khoảng cách (px) tới từng cạnh canvas, rất hữu ích khi cần đặt logo/watermark cách mép ảnh một khoảng cố định.
• Tinh chỉnh vị trí bằng phím: sau khi kéo layer gần đúng vị trí, dùng phím mũi tên (1px) hoặc Shift + mũi tên (10px) để chỉnh những pixel cuối cùng — chính xác hơn kéo chuột.
• Gom nhóm ngay sau khi Move nhiều layer: chọn xong bằng Shift-click, nhấn Ctrl/Cmd+G để nhóm lại — lần sau chỉ cần một click là chọn cả cụm.

7. Troubleshooting

Vấn đề	Nguyên nhân thường gặp	Cách khắc phục
Click vào layer nhưng không chọn được	Auto-Select đang tắt	Bật lại Auto-Select, hoặc dùng Shift-click / double-click (vẫn hoạt động dù Auto-Select tắt)
Click chọn nhầm cả group thay vì một layer	Auto-select target đang để Group	Đổi sang Layer, hoặc double-click để chọn đúng group con chứa layer
Nút Align bị mờ, không bấm được	Chưa đủ layer theo mốc đang chọn (xem mục 4 — Quy tắc bật/tắt)	Chọn thêm layer, hoặc đổi Align relative to sang Canvas nếu chỉ có 1 layer
Nút Distribute luôn mờ	Đang chọn ít hơn 3 layer/group	Chọn thêm cho đủ tối thiểu 3 đối tượng
Kéo layer nhưng không thấy nhãn khoảng cách	Ô Distances đang tắt	Bật Distances trong Options Bar trước khi kéo
Bật Grid nhưng kéo layer không dính (snap) vào lưới	Master switch Snap to guides & edges (menu View) đang tắt	Bật thêm mục Snap trong menu View — Grid chỉ là nguồn snap phụ, cần bật cả hai
Nhấn phím mũi tên nhưng layer không nhúc nhích	Đang focus vào một ô input/dropdown, hoặc layer bị khoá vị trí	Click ra ngoài vùng nhập liệu trước khi nhấn phím mũi tên; mở khoá layer trong Layers panel nếu cần
Nhấn Delete nhưng layer không bị xoá	Layer đang bị khoá (locked)	Mở khoá layer trong Layers panel rồi thử lại
Nhấn Escape nhưng không bỏ chọn được	Đang có phiên Transform hoặc Crop dở dang	Escape lần đầu sẽ huỷ phiên transform/crop đang chạy; nhấn Escape lần nữa để bỏ chọn hoàn toàn