Bạn học Photoshop trên máy nào? Phím tắt và hướng dẫn sẽ hiển thị đúng theo lựa chọn của bạn.

Lộ trình › Làm quen với Photoshop › Bài 5/158

Lưu file & các định dạng

Chọn đúng định dạng PSD, PNG, JPG, WebP; phân biệt Save, Save As, Save a Copy và Export; đặt tên và quản lý phiên bản.

Nhập môn 20 phút 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.

Không có gì đau lòng bằng việc vẽ 3 tiếng rồi mất file, hoặc gửi ảnh cho lập trình viên game mà nền lại màu trắng thay vì trong suốt. Bài này giúp bạn lưu và xuất file một cách chuyên nghiệp.

Mỗi định dạng có một mục đích riêng
Mỗi định dạng có một mục đích riêng

1. Các định dạng cần biết

Định dạngGiữ layer?Trong suốt?Dùng khi
PSDCóCóFile làm việc gốc. Luôn giữ một bản PSD.
PSBCóCóFile cực lớn: cạnh trên 30.000 px hoặc dung lượng trên 2 GB.
PNGKhôngCóAsset game, sprite, icon, UI — nén không mất chất lượng.
JPGKhôngKhôngẢnh chia sẻ lên mạng, portfolio, ảnh nền. Nén có mất dữ liệu.
WebPKhôngCóẢnh cho website, nhẹ hơn PNG/JPG. Photoshop bản mới hỗ trợ trực tiếp.
JPG không hỗ trợ trong suốt và mỗi lần lưu lại sẽ mất thêm chất lượng. Đừng bao giờ dùng JPG làm file làm việc hoặc cho sprite game.

2. Save, Save As, Save a Copy và Export

  • Save Ctrl+S: ghi đè lên file hiện tại. Nếu là file mới, Photoshop sẽ hỏi tên và chỗ lưu.
  • Save As (Lưu thành bản khác) Ctrl+Shift+S: lưu thành file mới (tên mới hoặc vị trí mới), sau đó bạn làm việc trên file mới đó. Ở bản Photoshop mới, Save As chỉ hiện các định dạng giữ được đầy đủ thông tin như PSD, PSB, TIFF.
  • Save a Copy (Lưu một bản sao) Ctrl+Alt+S: lưu một bản sao (có thể là PNG, JPG…) nhưng bạn vẫn tiếp tục làm việc trên file PSD gốc.
  • Export As (Xuất ra (tùy chỉnh)) Ctrl+Alt+Shift+W (FileTệp›Export›Export AsXuất ra (tùy chỉnh)): xuất ảnh cho màn hình với xem trước, chỉnh kích thước, chất lượng, chọn PNG/JPG/WebP.
  • Quick Export as PNG (Xuất nhanh PNG) (FileTệp›Export›Quick Export as PNGXuất nhanh PNG): xuất ngay một cú nhấp theo thiết lập mặc định.
Muốn Photoshop cho phép lưu PNG/JPG trực tiếp bằng Save As như bản cũ? Vào Edit > Preferences > File Handling và bật Enable legacy "Save As".

3. Thực hành: xuất PNG nền trong suốt

  1. Tạo file mới Ctrl+N 512 × 512 px, Background Contents chọn Transparent. Nền sẽ hiện ô caro xám trắng — đó là dấu hiệu của vùng trong suốt.
  2. Vẽ một hình đơn giản (ngôi sao, quả táo, viên đá quý) bằng Brush (Cọ vẽ) B. Chừa khoảng trống xung quanh.
  3. Nếu file có layer Background màu trắng, tắt con mắt của nó hoặc xóa đi trong bảng Layers.
  4. Lưu file gốc: Ctrl+S, định dạng PSD.
  5. Xuất PNG: FileTệp›Export›Export AsXuất ra (tùy chỉnh), chọn Format PNG, đảm bảo ô Transparency (Độ trong suốt) được tích, bấm Export.
  6. Mở file PNG vừa xuất bằng trình xem ảnh hoặc kéo vào lại Photoshop để kiểm tra nền trong suốt.

4. Auto Recovery — lưới an toàn

Trong File Handling (Xử lý tệp), bật Automatically Save Recovery Information Every 5–10 phút. Nếu Photoshop bị treo, lần mở sau các file sẽ được khôi phục. Tuy nhiên đây chỉ là lưới an toàn — hãy tập thói quen nhấn Ctrl+S sau mỗi vài phút.

5. Đặt tên file và quản lý phiên bản

Đặt tên rõ ràng giúp bạn và đồng đội tìm file dễ dàng, đặc biệt trong dự án game có hàng trăm asset:

  • Dùng chữ thường, không dấu, không khoảng trắng: hero-idle-v03.psd.
  • Thêm số phiên bản v01, v02, v03. Khi thay đổi lớn, dùng Save As để tạo phiên bản mới thay vì ghi đè.
  • Tách thư mục: psd/ cho file gốc, export/ cho PNG xuất ra.
Lỗi hay gặp: chỉ lưu PNG hoặc JPG mà không giữ PSD. Khi cần sửa, mọi layer đã bị gộp và không thể tách lại. Luôn giữ file PSD gốc!

Mẹo & trick học nhanh

Nhấn Ctrl+S theo phản xạ

Tập thói quen nhấn Ctrl+S mỗi khi dừng tay, giống như chớp mắt. Đây là cách chống mất file tốt nhất.

Xuất từng layer

Nhấp chuột phải vào layer trong bảng Layers, chọn Quick Export as PNG để xuất riêng layer đó, rất tiện cho asset game.

Không dấu trong tên file

Tên file có dấu tiếng Việt hoặc khoảng trắng có thể gây lỗi khi đưa vào game engine hoặc tải lên web.

Khi file PSD quá nặng

Nếu Photoshop báo file vượt 2 GB, hãy lưu dạng PSB bằng Ctrl+Shift+S.

Kiểm tra nhanh

1 Định dạng nào giữ nguyên layer để bạn tiếp tục chỉnh sửa sau này?
2 Bạn cần một sprite nhân vật có nền trong suốt cho game. Chọn định dạng nào?
3 Khác biệt chính giữa Save a Copy và Save As là gì?
4 Khi nào cần dùng PSB thay cho PSD?
5 Tên file nào được đặt tốt nhất cho dự án game?

Bài tập: Xuất PNG có nền trong suốt

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