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

687 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.

Vùng an toàn trước, hình sau

Đặt guide và file mẫu ngay khi tạo file. Mọi ảnh quảng bá đều bị cắt hoặc bị giao diện đè ở đâu đó – biết trước chỗ đó thì không phải làm lại.

Dự án 1: Banner Facebook & Discord cho game →
Làm file gấp đôi

Facebook hiển thị ảnh bìa khoảng 820 × 312 trên máy tính. File 1640 × 624 (gấp đôi) vẫn nét trên màn hình Retina và điện thoại có mật độ điểm ảnh cao.

Dự án 1: Banner Facebook & Discord cho game →
Một file, nhiều đầu ra

Dùng Artboard và Smart Object để Facebook, Discord và các bản sau dùng chung layer gốc. Sửa logo một lần, mọi bản cập nhật theo.

Dự án 1: Banner Facebook & Discord cho game →
Một mặt, một vật, ba chữ

Công thức an toàn cho thumbnail game: khuôn mặt biểu cảm, một vật thể gây tò mò, tối đa ba từ. Thêm thứ tư là bắt đầu rối.

Dự án 2: Thumbnail YouTube 1280 × 720 cho video gameplay →
Thử ở 168 px

Đó là cỡ thumbnail ở cột gợi ý. Mở cửa sổ thứ hai zoom khoảng 13% – nếu ở đó vẫn đọc được thì ở mọi nơi đều đọc được.

Dự án 2: Thumbnail YouTube 1280 × 720 cho video gameplay →
Đừng lừa người xem

Thumbnail phải khớp nội dung video. Hình boss không có trong video hay con số bịa đặt làm người xem thoát sớm và YouTube giảm đề xuất kênh của bạn.

Dự án 2: Thumbnail YouTube 1280 × 720 cho video gameplay →
Một ô, một cảm xúc

Người ta chọn sticker trong nửa giây. Mỗi sticker phải nói đúng một cảm xúc, nhận ra được khi chỉ nhìn mắt và miệng.

Dự án 3: Bộ 8 sticker & emoji từ nhân vật game →
Viền trắng là "giấy" của sticker

Stroke trắng Outside 16 px + bóng nhẹ giúp sticker nổi trên mọi nền chat. Giữ cùng độ dày viền cho cả bộ.

Dự án 3: Bộ 8 sticker & emoji từ nhân vật game →
Thử ở 22 px

Emoji trong dòng chat chỉ khoảng 22 px. Mở cửa sổ thứ hai zoom 4–5% để thấy đúng cỡ đó trong lúc vẽ.

Dự án 3: Bộ 8 sticker & emoji từ nhân vật game →
Ba câu hỏi, ba tầng

Sự kiện gì? Được gì? Bao giờ, bấm đâu? Mỗi câu một tầng thứ bậc, đọc từ trên xuống, to nhất ở trên.

Dự án 4: Poster sự kiện trong game 900 × 1200 →
Nút khác màu nhất

Màu nút hành động không nên xuất hiện ở bất kỳ đâu khác trên poster. Mắt người chơi tìm thấy nó mà không cần đọc.

Dự án 4: Poster sự kiện trong game 900 × 1200 →
Kiểm tra bằng trắng đen

Adjustment Layer Black & White cho biết ngay thứ bậc có đúng không: vùng quan trọng phải tương phản mạnh nhất trong ảnh xám.

Dự án 4: Poster sự kiện trong game 900 × 1200 →
Ảnh 1 và 2 quyết định

Nhiều người chỉ xem hai ảnh đầu. Đặt lợi ích mạnh nhất và hình ảnh đẹp nhất vào đó, các tính năng phụ để sau.

Dự án 5: Bộ 5 ảnh chụp màn hình store có chú thích →
Chữ ≤ 4 từ, ở 1/4 trên

Ảnh store hiển thị nhỏ. Một câu ngắn, chữ to, đặt ở vùng trên giúp đọc được ngay cả khi ảnh chỉ cao khoảng 300 px.

Dự án 5: Bộ 5 ảnh chụp màn hình store có chú thích →
Gameplay là thật

Chỉ trang trí phần nền và chữ. Ảnh trong khung điện thoại phải là cảnh chụp thật từ game – đó là lời hứa với người tải.

Dự án 5: Bộ 5 ảnh chụp màn hình store có chú thích →
Giữa khung là của nút Play

Khi trang có video, nút Play phủ lên chính giữa feature graphic. Đặt chủ thể ở 1/3 trái và logo bên phải.

Dự án 6: Feature graphic Google Play 1024 × 500 →
Không alpha, không chữ khuyến mại

Xuất JPG hoặc PNG 24-bit không trong suốt. Tránh "Top 1", "Miễn phí", giá tiền, xếp hạng trong ảnh – chỉ cần logo và khẩu hiệu thể loại.

Dự án 6: Feature graphic Google Play 1024 × 500 →
Làm từ key art bằng Smart Object

Đặt key art làm Smart Object rồi bố cục lại theo khung mới. Khi key art được sửa, chỉ cần cập nhật Smart Object.

Dự án 6: Feature graphic Google Play 1024 × 500 →
Bố cục lại, đừng thu nhỏ

Mỗi capsule là một bố cục riêng từ cùng key art. Khung lớn có nhóm nhân vật, khung nhỏ nhất gần như chỉ còn logo.

Dự án 7: Bộ ảnh Steam capsule – header, small, main →
Làm 2×, xem 1×

Làm ở kích thước Steam yêu cầu (gấp đôi) rồi zoom 50% để thấy đúng cỡ hiển thị. Chữ nào cần nheo mắt mới đọc là chữ quá nhỏ.

Dự án 7: Bộ ảnh Steam capsule – header, small, main →
Chỉ hình game + logo

Không chèn giá, giảm giá, điểm review, giải thưởng hay lời kêu gọi vào capsule. Steam tự hiện giá và nhãn giảm giá bên cạnh.

Dự án 7: Bộ ảnh Steam capsule – header, small, main →
Mọi thứ là Adjustment Layer

Không chỉnh trực tiếp lên pixel. Camera Raw dạng Smart Filter, còn lại là Adjustment Layer – bật tắt, sửa, kéo sang ảnh khác bất cứ lúc nào.

Dự án 8: Chỉnh màu điện ảnh (color grading) cho ảnh quảng bá →
Curves ở chế độ Luminosity

Tăng tương phản bằng Curves với Blend Mode Luminosity để màu không bị bão hòa theo – bạn kiểm soát màu riêng ở Gradient Map và LUT.

Dự án 8: Chỉnh màu điện ảnh (color grading) cho ảnh quảng bá →
Một bộ màu cho cả chiến dịch

Kéo Group GRADE sang mọi ảnh marketing. Màu nhất quán làm bộ ảnh trông như của một studio chuyên nghiệp.

Dự án 8: Chỉnh màu điện ảnh (color grading) cho ảnh quảng bá →
Chụp đúng là đã xong một nửa

Thẳng góc, trời râm, không flash, nhiều hàng đá trong khung. Ảnh chụp tốt giúp bạn bớt hàng chục phút cân sáng và nắn phối cảnh.

Dự án 9: Texture từ ảnh chụp thành tile liền mạch 1024 × 1024 →
Offset là phép thử

Filter › Other › Offset với Wrap Around kéo mép vào giữa. Nếu sau khi vá, Offset ở mọi vị trí đều không thấy đường nối – tile của bạn đã liền mạch.

Dự án 9: Texture từ ảnh chụp thành tile liền mạch 1024 × 1024 →
Biết giấy phép của ảnh

CC0 (Poly Haven, ambientCG) là tự do nhất. Unsplash, Pexels có giấy phép riêng cho dùng thương mại nhưng cấm bán lại ảnh nguyên trạng. Ảnh không rõ nguồn – không dùng.

Dự án 9: Texture từ ảnh chụp thành tile liền mạch 1024 × 1024 →
Tối trước, sáng sau

Luôn tối hóa nhân vật bằng Multiply màu nền trước khi thêm ánh sáng. Ánh sáng chỉ "đọc" được khi có bóng tối để so sánh.

Dự án 10: Render nhân vật với rim light và bloom cho ảnh đầu trang web →
Rim ở phía nguồn sáng sau lưng

Viền sáng nằm ở mép đối diện người xem, không đều: dày ở vai và đầu, mảnh dần, gần như mất ở chân.

Dự án 10: Render nhân vật với rim light và bloom cho ảnh đầu trang web →
Chữ là layer riêng

Trên web, chữ và nút nên là HTML. Xuất thêm bản nền không chữ để web designer xếp lại bố cục cho điện thoại.

Dự án 10: Render nhân vật với rim light và bloom cho ảnh đầu trang web →
Value trước, ảnh sau

Ba mảng xám quyết định bố cục. Ảnh chỉ được Clipping Mask vào các mảng đó – hình dáng luôn do bạn vẽ.

Dự án 11: Photobash concept môi trường từ ảnh tự chụp và CC0 →
Ghi nguồn ngay khi ghép

Đặt tên layer kèm nguồn và ghi vào sources.txt ngay lúc thả ảnh vào. Để đến cuối là sẽ quên ảnh nào lấy ở đâu.

Dự án 11: Photobash concept môi trường từ ảnh tự chụp và CC0 →
Một màu ánh sáng cho tất cả

Mỗi ảnh chỉnh Levels riêng cho đúng value, rồi một bộ Color Balance + lớp nắng chung phủ toàn cảnh – các mảnh ghép như chụp cùng một lúc.

Dự án 11: Photobash concept môi trường từ ảnh tự chụp và CC0 →
Tầng trước, chi tiết sau

Tạo Group Sky, Far, Mid, Near, FG ngay từ đầu. Mọi nét vẽ thuộc một tầng – vừa kiểm soát phối cảnh, vừa sẵn sàng cho parallax.

Dự án 12: Matte painting nền toàn cảnh 3840 × 1080 →
Xa = sáng, nhạt, mềm

Mỗi tầng xa hơn sáng hơn, ngả màu trời, ít tương phản và ít chi tiết. Đó là cách mắt cảm nhận khoảng cách.

Dự án 12: Matte painting nền toàn cảnh 3840 × 1080 →
Mỗi khung là một bức tranh

Kiểm tra từng khung 16:9 riêng lẻ. Khi máy quay dừng ở bất kỳ đâu, khung đó phải có tiêu điểm và bố cục trọn vẹn.

Dự án 12: Matte painting nền toàn cảnh 3840 × 1080 →
Một nhân vật chính

Đỉnh tam giác dành cho nhân vật chính: cao nhất, sáng nhất, tương phản nhất. Mọi chi tiết khác hỗ trợ, không cạnh tranh.

Dự án 13: Key art nhiều nhân vật – bố cục tam giác và logo →
Vẽ để cắt

Key art là nguồn cho mọi ảnh marketing. Giữ nhân vật chính gần trung tâm, chừa vùng logo, tách layer – để cắt ra 1:1, 9:16, capsule mà không phải vẽ lại.

Dự án 13: Key art nhiều nhân vật – bố cục tam giác và logo →
Thumbnail cỡ con tem

Sáu thumbnail 3–5 phút trước khi vẽ thật. Bố cục nào đọc được ở cỡ con tem thì mới đáng đầu tư hàng giờ.

Dự án 13: Key art nhiều nhân vật – bố cục tam giác và logo →
Một lời kêu gọi duy nhất

End-card chỉ có một hành động chính. Logo → nút → nơi tải → ngày: thứ bậc rõ, người xem không phải suy nghĩ.

Dự án 14: Trailer end-card và bộ ảnh mạng xã hội đồng bộ →
Hệ thống, không phải ảnh lẻ

Cùng Smart Object key art, cùng Character Style, cùng màu nút cho mọi Artboard. Bộ ảnh nhận ra được là của một game.

Dự án 14: Trailer end-card và bộ ảnh mạng xã hội đồng bộ →
Biết vùng UI che

Khung 9:16: tránh ~250 px trên, ~380 px dưới và cột nút bên phải. Ảnh 4:5 có thể bị cắt vuông ở trang cá nhân – giữ chữ ở vùng giữa.

Dự án 14: Trailer end-card và bộ ảnh mạng xã hội đồng bộ →
Ba logo cho ba loại nền

Bản nền tối, bản nền sáng, bản đơn sắc – đều là PNG trong suốt. Một logo duy nhất không thể đẹp trên mọi nền.

Dự án 15: Hồ sơ press kit cho game →
Ảnh chụp màn hình sạch

Press kit dùng ảnh gameplay không chữ, không khung máy. Bộ ảnh có chú thích là cho trang cửa hàng, không phải cho báo chí.

Dự án 15: Hồ sơ press kit cho game →
Đặt tên như người nhận

Chữ thường, không dấu, không khoảng trắng, có kích thước trong tên: keyart_3840_clean.jpg. Người nhận biết ngay file nào dùng vào việc gì.

Dự án 15: Hồ sơ press kit cho game →