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 3/158

Tạo file mới & độ phân giải

Hiểu pixel, DPI và cách chọn kích thước, chế độ màu phù hợp cho game art; phân biệt Canvas Size với Image Size.

Nhập môn 25 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.

Mỗi bức vẽ bắt đầu bằng một quyết định quan trọng: canvas to bao nhiêu? Chọn sai kích thước có thể khiến tranh bị mờ, vỡ hạt hoặc làm máy chạy ì ạch. Bài này giúp bạn chọn đúng ngay từ đầu.

1. Pixel và DPI khác nhau thế nào?

Ảnh số được tạo từ các ô vuông nhỏ gọi là pixel. Một ảnh 1920 × 1080 có 1920 pixel theo chiều ngang và 1080 pixel theo chiều dọc. Đây là con số quyết định lượng chi tiết thật sự của ảnh.

DPI/PPI (dots/pixels per inch) chỉ cho biết khi in ra giấy, bao nhiêu pixel sẽ nằm trên mỗi inch. Trên màn hình và trong game engine, DPI không có ý nghĩa: ảnh 1920 × 1080 ở 72 DPI và ở 300 DPI hiển thị giống hệt nhau.

Cùng số pixel thì chất lượng trên màn hình như nhau, DPI chỉ ảnh hưởng khi in
Cùng số pixel thì chất lượng trên màn hình như nhau, DPI chỉ ảnh hưởng khi in
Mục đíchKích thước gợi ýResolution (Độ phân giải)
Concept art, illustration game3000–4000 px cạnh dài72 hoặc 300 (không quan trọng)
Nhân vật / asset 2D cho gameVẽ gấp 2 kích thước dùng trong game, rồi thu nhỏ72
Hình nền màn hình, thumbnail1920 × 1080 (16:9)72
Icon game512 × 512 hoặc 1024 × 102472
In poster A42480 × 3508 px300
Với game art, hãy nghĩ theo pixel, không theo cm hay inch. Nên vẽ lớn hơn kích thước cuối cùng (thường gấp 2) để có không gian chi tiết, sau đó thu nhỏ khi xuất.

2. Tạo file mới

  1. Nhấn Ctrl+N hoặc vào FileTệp›NewTạo mới. Hộp thoại New Document hiện ra.
  2. Ở khung bên phải, đặt Width = 1920, Height = 1080, đơn vị Pixels.
  3. Resolution: 72 Pixels/Inch (với sản phẩm cho màn hình).
  4. Color Mode: RGB Color, 8 bit.
  5. Background Contents: White (hoặc Transparent nếu làm asset cần nền trong suốt).
  6. Bấm biểu tượng lưu nhỏ cạnh tên preset để lưu thành preset dùng lại, rồi bấm Create.

Vì sao chọn RGB 8-bit?

  • RGB là hệ màu của màn hình và game. CMYK chỉ dành cho in ấn và làm nhiều bộ lọc, chế độ hòa trộn bị hạn chế.
  • 8 bit là đủ cho vẽ và nhẹ máy. 16 bit dùng cho chỉnh ảnh chụp chuyên sâu, file nặng gấp đôi.

3. Canvas Size và Image Size

Đây là hai lệnh người mới hay nhầm nhất:

  • Image Size (Kích thước ảnh) (Ctrl+Alt+I, ImageHình ảnh›Image SizeKích thước ảnh): co giãn toàn bộ bức ảnh. Nhân vật sẽ to hoặc nhỏ đi.
  • Canvas Size (Kích thước khung vẽ) (Ctrl+Alt+C, ImageHình ảnh›Canvas SizeKích thước khung vẽ): thêm hoặc cắt bớt khung giấy, nội dung giữ nguyên kích thước. Giống như dán thêm giấy vào cạnh bức tranh.

Resampling là gì?

Khi đổi Image Size và bật Resample (Lấy mẫu lại), Photoshop phải tạo thêm hoặc bỏ bớt pixel. Các kiểu nội suy:

  • Automatic / Bicubic (Nội suy mượt): dùng cho tranh vẽ thông thường.
  • Bicubic Sharper: tốt khi thu nhỏ.
  • Preserve Details 2.0: tốt khi phóng to ảnh.
  • Nearest Neighbor (Điểm lân cận): bắt buộc với pixel art, giữ nguyên các cạnh sắc, không làm nhòe.

Nếu tắt Resample, Photoshop chỉ đổi con số DPI mà không đổi số pixel — hữu ích khi chuẩn bị file in.

Lỗi hay gặp: vẽ trên canvas nhỏ (ví dụ 800 × 600) rồi phóng to lên 4000 px bằng Image Size. Photoshop không thể "tạo ra" chi tiết không có, ảnh sẽ bị mờ nhòe. Hãy bắt đầu với canvas đủ lớn.
Canvas quá lớn (ví dụ 10000 × 10000 px với hàng trăm layer) có thể làm máy yếu bị giật khi vẽ. Với máy 8 GB RAM, hãy giữ cạnh dài dưới khoảng 5000 px.

Mẹo & trick học nhanh

Xem nhanh kích thước file

Mở ImageHình ảnh›Image SizeKích thước ảnh (Ctrl+Alt+I) để kiểm tra số pixel và dung lượng ảnh bất cứ lúc nào, sau đó bấm Cancel.

Lưu preset kích thước

Trong hộp thoại New Document, lưu các kích thước bạn hay dùng (1920×1080, 2048×2048…) thành preset để lần sau chỉ cần một cú nhấp.

Kiểm tra chế độ màu trên tab

Nhìn tab tài liệu: phải thấy (RGB/8). Nếu thấy CMYK, vào ImageHình ảnh›ModeChế độ (màu)›RGB Color để đổi.

Kích thước lũy thừa của 2

Texture và icon trong game thường dùng các cạnh 256, 512, 1024, 2048 để engine xử lý tối ưu.

Kiểm tra nhanh

1 Con số nào quyết định lượng chi tiết thật sự của ảnh hiển thị trên màn hình?
2 Chế độ màu nào phù hợp cho game art?
3 Bạn muốn thêm 200 px khoảng trống bên phải tranh mà nhân vật giữ nguyên kích thước. Dùng lệnh nào?
4 Khi phóng to hoặc thu nhỏ pixel art, bạn nên chọn kiểu nội suy nào?
5 Vì sao không nên vẽ trên canvas nhỏ rồi phóng to lên nhiều lần?

Bài tập: Tạo file PSD 1920×1080 chuẩn cho màn hình

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