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.

Mẹo & trick học nhanh

507 mẹo tổng hợp từ các bài học, chia theo chặng. Phím tắt hiển thị cho Windows.

Lật ngang để soát lỗi

Dùng ViewHiển thị›Flip HorizontalLật ngang để lật khung nhìn. Mắt sẽ "tươi" lại và thấy ngay chỗ lệch tỉ lệ.

Thiết kế nhân vật bằng Silhouette →
Thumbnail nhỏ, số lượng nhiều

Vẽ 20 thumbnail xấu nhanh còn hơn 1 thumbnail đẹp chậm. Số lượng giúp bạn tìm ra ý tưởng bất ngờ.

Thiết kế nhân vật bằng Silhouette →
Test ở kích thước thật

Nhân đôi layer bằng Ctrl+J, thu nhỏ bằng Ctrl+T xuống đúng cỡ nhân vật trong game (ví dụ 64 px) để xem còn đọc được không.

Thiết kế nhân vật bằng Silhouette →
Một điểm nhấn là đủ

Chọn một đặc điểm "chữ ký" (khăn quàng, cái sừng, chiếc balo) và phóng đại nó. Nhiều điểm nhấn quá sẽ làm rối silhouette.

Thiết kế nhân vật bằng Silhouette →
Đặt tên frame có số

Đặt tên walk_01, walk_02… để thứ tự không bị đảo khi Make Frames From Layers hoặc khi xuất file.

Sprite & Animation →
Ít frame, timing tốt

Idle 4 frame với timing khác nhau (giữ frame 1 lâu hơn) thường sống động hơn 12 frame đều nhau.

Sprite & Animation →
Kiểm tra bằng Play liên tục

Để animation lặp trong khi bạn sửa. Nhấn Space trong Timeline để phát/dừng.

Sprite & Animation →
Pivot ở chân

Khi import vào engine, đặt pivot ở Bottom Center để nhân vật đứng đúng trên mặt đất.

Sprite & Animation →
Đổi màu hàng loạt

Dùng Paint Bucket (G) với Tolerance 0, tắt Anti-alias và tắt Contiguous để thay một màu ở mọi chỗ trong hình.

Pixel Art trong Photoshop →
Kiểm tra số màu

Tạm chuyển bản sao sang ImageHình ảnh›ModeChế độ (màu)›Indexed Color để xem số màu thực tế. Nhớ quay lại RGB trên file gốc để tiếp tục vẽ.

Pixel Art trong Photoshop →
Đường thẳng hoàn hảo

Với Pencil, click điểm đầu rồi giữ Shift click điểm cuối để có đường thẳng. Góc đẹp nhất là tỉ lệ 1:1, 1:2, 1:3.

Pixel Art trong Photoshop →
Vẽ silhouette trước

Kể cả ở 32 px, hãy tô khối một màu trước để kiểm tra hình rồi mới thêm sáng tối.

Pixel Art trong Photoshop →
Kiểm tra trắng đen

Thêm một Adjustment Layer Black & White ở trên cùng để xem icon có đủ tương phản value không, rồi tắt đi.

Icon & UI Game →
Thư viện chung

Kéo khung, màu rarity và layer style vào WindowCửa sổ›Libraries để dùng lại cho mọi file UI.

Icon & UI Game →
Copy Layer Style

Chuột phải layer > Copy Layer Style, rồi Paste Layer Style lên layer khác để giữ các nút đồng bộ.

Icon & UI Game →
Nền tối để test

Đặt icon trên nền UI thật của game (hoặc nền xám tối) khi đánh giá, không đánh giá trên nền ô cờ trong suốt.

Icon & UI Game →
Offset đúng một nửa

Với tile 256 px nhập 128, với tile 64 px nhập 32. Luôn chọn Wrap Around.

Tileset & Background →
Kiểm tra value toàn cảnh

Thêm layer Black & White tạm thời để chắc các lớp parallax tách biệt rõ về độ sáng.

Tileset & Background →
Biến thể tile

Làm 2–3 biến thể của cùng một tile nền (thêm sỏi, bớt cỏ) để level trông tự nhiên hơn khi xếp ngẫu nhiên.

Tileset & Background →
Pattern Preview

Bật ViewHiển thị›Pattern Preview khi vẽ tile, tắt đi khi làm việc khác để tránh nhầm.

Tileset & Background →
Xuất lại một phím

Khi đã bật Generator, chỉ cần Ctrl+S là mọi layer có tên .png được xuất lại tự động.

Xuất Asset cho Game Engine →
Kiểm tra viền trắng

Nếu sprite có viền trắng mờ trong engine, kiểm tra xem bạn có vẽ trên nền trắng rồi xóa không. Hãy vẽ trên layer trong suốt ngay từ đầu.

Xuất Asset cho Game Engine →
Giữ file nguồn

PNG là file "thành phẩm". Luôn giữ PSD gốc cạnh thư mục xuất để chỉnh sửa về sau.

Xuất Asset cho Game Engine →
Pixels Per Unit nhất quán

Mọi sprite trong cùng một game nên dùng chung Pixels Per Unit, nếu không nhân vật và tile sẽ lệch tỉ lệ.

Xuất Asset cho Game Engine →