Lộ trình › Tăng tốc & Portfolio › Bài 38/218

Dự án cuối khóa & Portfolio

Thiết kế trọn vẹn một nhân vật game: từ silhouette đến concept sheet, sprite idle 4 frame và bộ 4 icon vật phẩm, rồi trình bày lên portfolio.

Nâng cao 60 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.

Đây là lúc gom mọi thứ bạn đã học thành một dự án hoàn chỉnh – thứ bạn có thể tự hào đưa vào portfolio, gửi cho studio hay đăng lên cộng đồng. Nhà tuyển dụng game muốn thấy bạn giải quyết một yêu cầu thiết kế, không chỉ vẽ một bức đẹp.

Một trang portfolio game art: concept, sprite, icon và quy trình
Một trang portfolio game art: concept, sprite, icon và quy trình

Đề bài (brief)

Tưởng tượng bạn là họa sĩ của một game 2D nhỏ. Hãy chọn một thể loại (platformer, RPG, roguelike…) và thiết kế một nhân vật chính cùng các asset đi kèm:

  1. Khám phá: ít nhất 6–10 thumbnail silhouette, chọn 1 hướng đi.
  2. Concept sheet: nhân vật hoàn thiện màu ở góc chính, turnaround đơn giản (trước/nghiêng/sau), bảng màu 3–5 màu, 2–3 chi tiết phóng to (vũ khí, phụ kiện, biểu cảm).
  3. Sprite sheet idle: 4 frame, mỗi frame 64 × 64 px (hoặc 128 × 128), nền trong suốt, pivot ổn định.
  4. Bộ 4 icon vật phẩm liên quan đến nhân vật, 256 × 256 px, cùng hướng sáng và khung rarity nhất quán.
  5. Trình bày: gom tất cả vào một trang concept sheet tổng hợp tối thiểu 1920 × 1080 px.
Bước đầu tiên luôn là thumbnail silhouette
Bước đầu tiên luôn là thumbnail silhouette

Kế hoạch thời gian (gợi ý 2 tuần)

NgàyViệc
1–2Nghiên cứu, gom tham khảo vào PureRef, viết 3 từ khóa tính cách
3–4Thumbnail silhouette, chọn hướng, thử 3 phương án màu
5–7Vẽ concept chính và turnaround
8–9Sprite idle 4 frame, kiểm tra trong Timeline (Dòng thời gian) (hoặc trong Unity)
10–11Bộ 4 icon vật phẩm
12–13Dàn trang concept sheet, tự đánh giá, sửa lỗi
14Xuất file, viết mô tả và đăng portfolio
Mẹo: Chia file theo từng phần (hero_thumbs_v01.psd, hero_concept_v03.psd, hero_idle_v02.psd…) và đặt các file sheet tổng hợp dưới dạng Linked Smart Object (Đối tượng thông minh) (FileTệp›Place Linked). Sửa file con, trang tổng hợp tự cập nhật.

Thực hành: dàn trang concept sheet

  1. Tạo file 3840 × 2160 px (hoặc tối thiểu 1920 × 1080) (Ctrl+N), nền xám trung tính hoặc màu nhẹ hợp với nhân vật.
  2. Dựng lưới bằng ViewHiển thị›GuidesĐường gióng›New Guide Layout: 12 cột, lề 80 px.
  3. Đặt concept chính lớn nhất ở bên trái (chiếm khoảng 40% trang). Turnaround và bảng màu ở bên phải.
  4. Đặt sprite sheet đã phóng 400% bằng Nearest Neighbor (Điểm lân cận) ở hàng dưới, cạnh 4 icon.
  5. Thêm tên nhân vật và chú thích ngắn bằng Type Tool (T). Chỉ dùng 1–2 font.
  6. Xuất bằng FileTệp›Export›Export AsXuất ra (tùy chỉnh) (Alt+Shift+Ctrl+W) dạng PNG hoặc JPG chất lượng cao.

Tự đánh giá (rubric)

Tiêu chíĐạt khi…
SilhouetteTô đen vẫn nhận ra nhân vật và vai trò
Shape languageHình chủ đạo khớp với tính cách
Màu sắcBảng màu giới hạn, có điểm nhấn rõ, value tách bạch
Nhất quánConcept, sprite, icon trông cùng một thế giới, cùng hướng sáng
Kỹ thuậtSprite đúng lưới, nền trong suốt, icon đọc rõ ở 64 px
Trình bàyBố cục gọn, có khoảng thở, chữ dễ đọc
Lỗi hay gặp: Nhồi mọi bản phác vào concept sheet cuối. Trang tổng hợp chỉ nên chứa phần tốt nhất. Quá trình (thumbnail, bản nháp) hãy đưa vào một ảnh "process" riêng.

Đăng portfolio

  • ArtStation: nơi các studio game tìm họa sĩ. Mỗi dự án là một project gồm nhiều ảnh: ảnh bìa ấn tượng (thường là concept chính), sau đó là process và chi tiết.
  • Behance: của Adobe, hợp trình bày dạng case study có chữ giải thích từng bước.
  • itch.io: nền tảng game indie. Bạn có thể đăng sprite và icon dưới dạng asset pack miễn phí hoặc bán – chứng minh asset của bạn dùng được trong game thật.

Trình bày quá trình

Nhà tuyển dụng rất thích thấy cách bạn nghĩ: đăng ảnh thumbnail → lựa chọn → concept hoàn thiện, một GIF animation idle, và nếu được, ảnh chụp nhân vật chạy trong Unity. Viết 3–5 câu mô tả: đề bài, từ khóa tính cách, lý do chọn hình khối và màu, công cụ sử dụng.

Mẹo & trick học nhanh

Ảnh bìa quyết định

Trên ArtStation và Behance, người xem chỉ thấy thumbnail đầu tiên. Chọn crop vuông đẹp nhất của concept chính làm ảnh bìa.

Xin nhận xét sớm

Đăng thumbnail silhouette lên cộng đồng hoặc gửi bạn bè ở ngày 3–4. Sửa hướng đi sớm rẻ hơn rất nhiều so với sửa ở ngày 12.

Chất lượng hơn số lượng

Một dự án hoàn chỉnh có quy trình rõ ràng giá trị hơn 10 bức vẽ rời rạc chưa xong.

Kiểm tra trên điện thoại

Phần lớn người xem portfolio trên điện thoại. Xem thử concept sheet ở màn hình nhỏ để chắc chữ và chi tiết vẫn đọc được.

Kiểm tra nhanh

1 Bước đầu tiên nên làm khi bắt đầu thiết kế nhân vật cho dự án cuối khóa là gì?
2 Nền tảng nào phổ biến nhất với các studio game khi tìm họa sĩ concept?
3 Khi đặt sprite 64 × 64 lên concept sheet, cách phóng to đúng là gì?
4 Điều gì KHÔNG nên đưa vào trang concept sheet tổng hợp cuối cùng?
5 Vì sao nên đăng asset pack lên itch.io?

Bài tập: Concept sheet tổng hợp dự án cuối khóa

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