Crop & Text
Cắt ảnh, làm thẳng, mở rộng khung bằng Content-Aware; thêm và định dạng chữ cho poster và UI game.
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.
Bài cuối của module giúp bạn hoàn thiện một sản phẩm: cắt khung đẹp và thêm chữ. Đây là hai bước để biến bức vẽ thành poster, ảnh bìa hay màn hình tiêu đề cho game.
1. Crop tool (C)
Nhấn C, khung cắt hiện quanh ảnh. Kéo các cạnh để chọn vùng giữ lại, kéo bên trong để dời ảnh. Nhấn Enter để cắt, Esc để hủy.
- Tỉ lệ: trên Options bar (Thanh tùy chọn) chọn 1:1 (Square), 16:9… hoặc W x H x Resolution (Độ phân giải) để nhập kích thước pixel chính xác như 1080 px × 1080 px.
- Overlay (Phủ chồng): hiển thị lưới Rule of Thirds, Golden Ratio để bố cục đẹp hơn. Nhấn O để đổi kiểu lưới.
- Straighten: bấm biểu tượng thước trên Options bar, kéo dọc theo đường chân trời bị nghiêng — Photoshop tự xoay cho thẳng.
- Delete Cropped Pixels: nếu bỏ tích, phần bị cắt chỉ bị ẩn, bạn có thể crop lại sau. Người mới nên bỏ tích để an toàn.
- Content-Aware: khi xoay hoặc kéo khung crop ra ngoài ảnh, Photoshop tự vẽ thêm phần còn thiếu dựa trên nội dung xung quanh. Hữu ích với nền trời, cỏ, tường đơn giản.
2. Type tool (T)
Nhấn T để chọn Horizontal Type Tool.
- Nhấp một lần: tạo Point Text — dòng chữ đơn, hợp với tiêu đề, tên game.
- Kéo một khung: tạo Paragraph Text — chữ tự xuống dòng trong khung, hợp với đoạn mô tả, hộp thoại nhân vật.
- Gõ xong, nhấn Ctrl+Enter hoặc bấm dấu tích trên Options bar để xác nhận. Nhấn Esc để hủy.
Bảng Character và Paragraph
Mở và . Các thông số quan trọng:
- Font và cỡ chữ: bôi đen chữ, chọn font và size. Ctrl+Shift+. và Ctrl+Shift+, để tăng giảm cỡ nhanh.
- Leading: khoảng cách giữa các dòng.
- Tracking: khoảng cách giữa các chữ cái. Tiêu đề game thường tăng tracking để trông "sang" hơn. Giữ Alt và nhấn phím mũi tên trái/phải để chỉnh nhanh.
- Paragraph: căn trái, giữa, phải, đều hai bên.
Rasterize Type
Layer chữ là dạng vector — sắc nét ở mọi kích thước và luôn sửa được nội dung. Nếu muốn vẽ lên chữ bằng cọ hoặc dùng một số filter, bạn phải chuyển thành pixel: nhấp chuột phải vào layer chữ > Rasterize (Chuyển thành điểm ảnh) Type (). Hãy nhân bản layer chữ (Ctrl+J) và ẩn bản gốc trước khi rasterize.
Chọn font cho game UI
- Font cần hỗ trợ tiếng Việt (đủ dấu). Gõ thử "Chiến binh Rồng Lửa" để kiểm tra, tránh font làm dấu bị rời hoặc thành ô vuông.
- Chữ trong game hiển thị nhỏ, nên chọn font dễ đọc cho nội dung; font trang trí chỉ dùng cho tiêu đề.
- Kiểm tra giấy phép (license) nếu game của bạn sẽ phát hành thương mại. Google Fonts và Adobe Fonts (đi kèm Creative Cloud) là nguồn an toàn.
- Thêm viền (Stroke) hoặc bóng đổ trong Layer Style để chữ nổi trên nền nhiều chi tiết.
3. Thực hành: poster vuông 1080 × 1080
- Mở một bức vẽ hoặc ảnh của bạn. Nhấn C, trên Options bar chọn W x H x Resolution, nhập 1080 px và 1080 px.
- Bật Overlay Rule of Thirds, đặt chủ thể tại một giao điểm của lưới, bỏ tích Delete Cropped Pixels, nhấn Enter.
- Nhấn T, nhấp ở phần trên để gõ tiêu đề. Chọn font đậm, cỡ lớn, tăng tracking.
- Kéo một khung chữ ở phần dưới để gõ một câu mô tả ngắn, căn giữa trong bảng Paragraph.
- Dùng Move tool V căn giữa các layer chữ theo chiều ngang.
- Lưu PSD bằng Ctrl+S, sau đó xuất bằng dạng JPG hoặc PNG.
Mẹo & trick học nhanh
Bỏ tích Delete Cropped Pixels để phần bị cắt vẫn được giữ lại, có thể kéo khung ra lại bất cứ lúc nào.
Nhấp đúp vào ảnh thu nhỏ có chữ T của layer chữ trong bảng Layers để bôi đen toàn bộ nội dung và sửa ngay.
Bôi đen chữ, nhấp vào ô tên font rồi dùng phím mũi tên lên/xuống để xem trực tiếp từng font trên canvas.
Trong Crop tool, giữ Ctrl để tạm chuyển sang Straighten, kéo theo đường chân trời.