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 › Key art & marketing cho game › Bài 203/218

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

Dự án tốt nghiệp chặng Marketing: gom mọi thứ báo chí, streamer, đối tác cần vào một bộ tải về – logo nền tối, nền sáng, đơn sắc dạng PNG trong suốt có vùng trống chuẩn, icon, key art có/không logo, banner, 5 ảnh chụp màn hình – đặt tên file rõ ràng và quy tắc dùng logo.

Nâng cao 90 phút ★★★ Khó 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.

File mẫu để luyện tập

Tải về rồi mở bằng Photoshop: FileTệp›OpenMở (Ctrl+O).

Khi một trang tin game, một streamer hay một hội chợ game muốn giới thiệu sản phẩm của bạn, câu đầu tiên họ hỏi là: "Có press kit không?". Press kit là bộ tài liệu tải về chứa mọi hình ảnh chính thức – logo, key art, ảnh chụp màn hình, icon, banner – kèm thông tin ngắn về game. Có press kit gọn gàng nghĩa là người khác viết về game của bạn đúng và dễ: họ không phải chụp màn hình mờ hay cắt logo từ ảnh có nền. Trọng tâm của dự án là hệ thống logo: ba phiên bản cho ba loại nền, PNG trong suốt, vùng trống chuẩn – và tổng kết mọi kỹ năng của chặng: kích thước đúng, màu nhất quán, đặt tên file chuyên nghiệp.

Hình mẫu

Bảng tổng quan press kit: logo vàng trên nền tối có khung vùng trống đứt nét, logo tím viền vàng trên nền sáng, logo đen đơn sắc trên nền ca-rô trong suốt; banner key art có logo; icon cáo trên nền tím bo góc; ba ảnh chụp màn hình có HUD; cây thư mục presskit với các thư mục logo, icon, screenshots, keyart, banner và file factsheet
Bảng tổng quan press kit: logo vàng trên nền tối có khung vùng trống đứt nét, logo tím viền vàng trên nền sáng, logo đen đơn sắc trên nền ca-rô trong suốt; banner key art có logo; icon cáo trên nền tím bo góc; ba ảnh chụp màn hình có HUD; cây thư mục presskit với các thư mục logo, icon, screenshots, keyart, banner và file factsheet

Thời gian ước tính: khoảng 90 phút. File nộp bài là logo chính dạng PNG trong suốt 1280 × 720 px; phần còn lại của press kit bạn tập hợp từ các dự án trước.

Chuẩn bị

  • Tư liệu từ các dự án trước: key art 3840 × 2160 (dự án 13, bản có và không logo), ảnh hero/banner (dự án 10), ảnh chụp màn hình gameplay (dự án 5), icon game 1024 × 1024 nếu đã làm ở các chặng trước.
  • Canvas logo: 1280 × 720 px, Background Contents Transparent, RGB. Logo nên được dựng bằng Shape và Type (vector) để xuất ở mọi cỡ; nếu logo là tranh vẽ, làm ở cỡ lớn (cạnh dài ≥ 2000 px) rồi mới thu nhỏ.
  • Công cụ chính: Smart Object (Đối tượng thông minh), Layer Style Color Overlay (Phủ chồng) để tạo bản màu khác, Artboard (Bảng vẽ con) Tool, ImageHình ảnh›Image SizeKích thước ảnh (Resample (Lấy mẫu lại): Bicubic (Nội suy mượt) Sharper khi thu nhỏ), FileTệp›Export›Export AsXuất ra (tùy chỉnh), FileTệp›Export›Artboards to Files.
  • Thiết bị: press kit là việc chuẩn hóa và xuất file – chuột hoàn toàn đủ. Bút Wacom, XP-Pen, Huion hoặc iPad + Apple Pencil (Bút chì) không cần cho bài này, trừ khi bạn vẽ lại chi tiết logo.
  • File mẫu: "Khung logo press kit" – đặt trên cùng Artboard logo, khóa: khung xanh là vùng chứa logo, khung hồng là vùng trống tối thiểu. "Bảng thử logo" – đặt dưới logo để thử ba loại nền.
MàuMã hexDùng cho
#ffc24aLogo bản nền tối – vàng chủ đạo
#2a1238Logo bản nền sáng; viền logo bản nền tối
#14161cLogo đơn sắc đen; nền thử tối
#ffffffLogo đơn sắc trắng
#f4f1eaNền thử sáng
#5a2a6eNền icon

Các bước

Sáu giai đoạn: logo bản nền tối, thêm bản nền sáng và bản đơn sắc, banner và icon, ảnh chụp màn hình, thư mục tải về đặt tên rõ ràng, cuối cùng đánh dấu vùng trống quanh logo
Sáu giai đoạn: logo bản nền tối, thêm bản nền sáng và bản đơn sắc, banner và icon, ảnh chụp màn hình, thư mục tải về đặt tên rõ ràng, cuối cùng đánh dấu vùng trống quanh logo
  1. Chuẩn hóa logo gốc: mở logo, gom mọi layer chữ, hình, hiệu ứng thành một Smart Object LOGO_MASTER. Kiểm tra logo không có nền, không có bóng đổ quá rộng (bóng mềm lớn trông bẩn trên nền sáng). Chuyển Layer Style rườm rà thành dạng đơn giản: tô màu + viền.
  2. Vùng trống (clear space): quy định khoảng trống tối thiểu quanh logo, ví dụ bằng chiều cao chữ "Q" trong logo. Đặt logo vào Artboard 1280 × 720 sao cho logo nằm trong khung xanh và vùng trống nằm trong khung hồng của file mẫu – không ai được đặt chữ hay hình khác vào vùng này.
  3. Bản nền tối (chính): logo vàng viền tím tối – bản dùng nhiều nhất trên ảnh tối, key art, trailer. Thử trên ô nền tối của bảng thử: đọc rõ, viền không bị lẫn vào nền.
  4. Bản nền sáng: nhân bản Artboard, đổi logo sang tím đậm #2a1238 với viền vàng mảnh (Color Overlay + Stroke). Logo vàng trên nền trắng gần như biến mất – mỗi loại nền cần một phiên bản riêng, không chỉ "dùng tạm".
  5. Bản đơn sắc: thêm hai Artboard: logo toàn đen #14161c và toàn trắng #ffffff, không viền, không gradient (Color Overlay 100%). Bản đơn sắc dùng khi in một màu, khắc, in áo, hay đặt trên ảnh rất rối.
  6. Thử trên nền ca-rô: đặt mỗi bản logo lên ô ca-rô của bảng thử. Kiểm tra mép logo không còn viền trắng/đen sót lại (halo) – dấu hiệu logo từng được cắt từ ảnh có nền. Nếu có, chọn layer logo, LayerLớp›Matting›Defringe 1–2 px hoặc dựng lại mép bằng Shape.
  7. Xuất logo: ẩn file mẫu và bảng thử. Export As (Xuất ra (tùy chỉnh)) từng Artboard: PNG, Transparency (Độ trong suốt) bật, sRGB – logo_dark.png, logo_light.png, logo_mono_black.png, logo_mono_white.png ở 1280 × 720. Xuất thêm bản lớn (Scale 200% → 2560 × 1440) cho in ấn và màn hình lớn.
  8. Icon: icon game 1024 × 1024 (vuông, không bo góc – cửa hàng tự bo) và một bản 512. Kiểm tra icon nhận ra được ở 64 px. Lưu icon_1024.png, icon_512.png.
  9. Key art và banner: keyart_3840_logo.jpg, keyart_3840_clean.jpg (không logo), banner_1920x620.jpg (cắt ngang từ key art có logo – dùng làm ảnh đầu bài viết). JPG Quality 90, sRGB.
  10. Ảnh chụp màn hình: 5 ảnh gameplay thật 1920 × 1080 (hoặc theo tỉ lệ game), không chữ chú thích, không khung điện thoại – báo chí cần ảnh sạch để tự đặt vào bài. Đặt tên theo thứ tự quan trọng screenshot_01.png … screenshot_05.png.
  11. Factsheet ngắn: một trang (PDF hoặc TXT): tên game, studio, thể loại, nền tảng, ngày ra mắt, giá, mô tả 2–3 câu, tính năng nổi bật, liên hệ, link trailer, và quy tắc dùng logo ("không đổi màu, không kéo méo, giữ vùng trống").
  12. Cấu trúc thư mục: tạo thư mục presskit_tengame/ với các thư mục con logo/, icon/, keyart/, banner/, screenshots/ và factsheet.pdf ở gốc. Tên file chữ thường, không dấu, không khoảng trắng (dùng gạch dưới) – để mọi hệ điều hành và trang web đọc đúng.
  13. Kiểm tra cuối như người nhận: nén thành presskit_tengame.zip, giải nén ở thư mục khác, mở từng file. Logo trong suốt thật chưa? Key art đúng 3840 × 2160? Có file nào trùng tên, sai đuôi, quên ẩn file mẫu? Ghi nguồn của mọi tư liệu (font, ảnh CC0) vào factsheet nếu giấy phép yêu cầu ghi công.
Mẹo: Đặt press kit ở một đường link cố định (trang web của game, hoặc thư mục chia sẻ chỉ đọc) và ghi link đó trong mô tả trailer, trang Steam, email gửi báo chí. Mỗi lần cập nhật hình ảnh, chỉ thay file bên trong – link không đổi.
Lỗi hay gặp: Chỉ có một file logo JPG nền trắng. Báo chí đặt nó lên ảnh tối và thấy một hình chữ nhật trắng bao quanh tên game. Luôn cung cấp PNG trong suốt cho cả nền tối, nền sáng và bản đơn sắc.

Nâng cao (tùy chọn)

  • Trang press kit trên web: trình bày các file như bảng tổng quan trong hình mẫu: mỗi mục có ảnh xem trước và nút tải riêng, cộng nút "Tải tất cả (ZIP)".
  • Bộ ảnh cho streamer: thêm overlay khung webcam, ảnh "Starting soon", "Be right back" theo phong cách game ở 1920 × 1080 – streamer rất thích những bộ này và game của bạn xuất hiện lâu hơn trên sóng.
  • Hướng dẫn thương hiệu mini: một trang PDF có màu chính (mã hex), font, các phiên bản logo, ví dụ dùng đúng và sai (logo bị kéo méo, đổi màu, đặt trên nền rối) – giống tài liệu thương hiệu của các studio lớn.

Mẹo & trick học nhanh

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.

Ả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í.

Đặ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ì.

Kiểm tra nhanh

1 Vì sao press kit cần cả logo bản nền tối và bản nền sáng?
2 Vùng trống (clear space) quanh logo là gì?
3 Ảnh chụp màn hình trong press kit nên như thế nào?

Bài tập: Logo press kit PNG trong suốt và bộ press kit

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