Làm quen trình thiết kế
Giới thiệu
Trình Thiết kế tự do là nơi bạn kéo thả văn bản, ảnh, nhạc và tiện ích lên thiệp. Bài này giúp bạn nhận diện từng khu vực trên màn hình và các thao tác cơ bản trước khi đi sâu vào từng tiện ích.
Mở trình thiết kế bằng Thiệp của tôi → Tạo thiệp mới → Thiết kế tự do, hoặc nhấn chỉnh sửa trên một thiệp đã có.
Bố cục màn hình
Chuyển chế độ Chỉnh sửa / Xem trước, Hoàn tác / Làm lại, nút Phím tắt, Cập nhật mới (changelog), Cài đặt thiệp, Lưu và Xuất bản. Chỉ báo Tự động lưu cho biết thiệp đang được lưu ngầm.
Thêm và chọn phần tử
Thêm phần tử
Chọn một mục trên thanh công cụ trái rồi nhấn vào phần tử muốn thêm, hoặc kéo trực tiếp từ thanh công cụ thả vào vị trí trên thiệp (máy tính).
Chọn một hoặc nhiều phần tử
Nhấp để chọn một phần tử. Giữ chuột và kéo trên vùng trống để bôi đen chọn nhiều phần tử cùng lúc, hoặc Ctrl/Cmd + A để chọn tất cả.
Căn chỉnh và nhóm
Với nhiều phần tử đang chọn, dùng Căn chỉnh vị trí: Căn trái, Căn giữa theo chiều ngang, Căn phải, tuỳ chọn Theo vùng chọn. Nhóm đối tượng để di chuyển cùng nhau, Bỏ nhóm khi cần sửa riêng.
Di chuyển chính xác
Dùng phím mũi tên để dịch phần tử từng 1px. Khóa/Mở khóa vị trí bằng Alt + Shift + L để tránh kéo nhầm.
Phóng to, thu nhỏ
Dùng nút Phóng to / Thu nhỏ ở khu vực Zoom để xem chi tiết hoặc toàn cảnh thiệp.
Mẹo
Chọn phần tử rồi mở tab Hiệu ứng trong bảng cài đặt để thêm Chuyển động xuất hiện (Fade, Bounce…). Hiệu ứng mở màn cho cả thiệp nằm ở mục Hiệu ứng trên thanh công cụ trái.
Tự động lưu và sao lưu
- Thiệp được lưu tự động trong khi bạn thao tác (Tự động lưu & sao lưu). Vẫn nên nhấn Lưu (
Ctrl/Cmd + S) trước khi đóng trình duyệt. - Khi mở lại thiệp mà hệ thống Phát hiện bản sao lưu mới hơn, bạn có thể Xem trước bản sao lưu, Khôi phục bản sao lưu hoặc Xóa bản sao lưu trong Quản lý bản sao lưu.
Lưu ý
Lưu chỉ lưu thiết kế. Để khách xem được thiệp bạn vẫn cần Xuất bản và để trạng thái Công khai.
Presets (Style dựng sẵn)
Mục Presets chứa các bộ style dựng sẵn để áp nhanh lên phần tử đang chọn. Preset gắn nhãn Preset Pro dành cho gói cao hơn; xem quyền lợi từng gói tại Bảng giá.
Bảng phím tắt
Mở bảng bằng nút Phím tắt trên thanh trên cùng, F1 hoặc Ctrl/Cmd + Shift + /. Ctrl trên Windows tương ứng Cmd trên macOS.
| Phím | Tác dụng |
|---|---|
Ctrl/Cmd + Z | Hoàn tác thao tác vừa thực hiện |
Ctrl/Cmd + Shift + Z | Làm lại thao tác đã hoàn tác |
Ctrl/Cmd + S | Lưu thiệp |
Ctrl/Cmd + P | Chuyển sang chế độ xem trước |
Ctrl/Cmd + E | Chuyển sang chế độ chỉnh sửa |
Ctrl/Cmd + A | Chọn tất cả phần tử |
Ctrl/Cmd + C / Ctrl/Cmd + V | Sao chép / dán phần tử đang chọn |
Ctrl/Cmd + G | Nhóm các phần tử đang chọn (từ 2 phần tử trở lên) |
Ctrl/Cmd + Shift + G | Bỏ nhóm khi đang chọn đúng 1 nhóm |
Delete / Backspace / Ctrl/Cmd + X | Xóa phần tử đang chọn |
Alt + 1 | Bật/tắt nhanh bảng layers |
Ctrl/Cmd + ] / Ctrl/Cmd + [ | Tăng / giảm một lớp |
Alt + Ctrl/Cmd + ] / Alt + Ctrl/Cmd + [ | Đưa lên trên cùng / xuống dưới cùng |
Alt + Shift + L | Khóa / mở khóa vị trí phần tử |
↑ ↓ ← → | Di chuyển phần tử 1px |
Dùng trên điện thoại
Trên màn hình nhỏ, thanh công cụ chuyển thành thanh tab dưới cùng: Văn bản, Hình ảnh, Nền, Stock, Nhạc nền, Tiện ích, Mẫu, Hiệu ứng, Presets, Công cụ, Cài đặt, Hỗ trợ. Bảng cài đặt mở dạng cửa sổ trượt từ dưới lên.
Lưu ý
Thao tác chọn nhiều, kéo thả từ thanh công cụ và phím tắt chỉ có trên máy tính. Với thiệp nhiều phần tử, nên hoàn thiện trên máy tính rồi kiểm tra lại trên điện thoại.