Lộ trình › Quy trình làm việc ở studio game › Bài 240/248

Dự án 7: Đề xuất 3 hướng thiết kế, nhận lead duyệt và hoàn thiện đạo cụ

Đi trọn một vòng duyệt như ở studio với đạo cụ "trụ lưu game": trình bày 3 hướng A – B – C khác hẳn nhau, viết câu hỏi cho lead, đọc phản hồi kiểu "lấy B, ghép ngọn lửa của C", rồi hoàn thiện bản 256 × 256 px và đánh số phiên bản V1 – V2 – V3.

Nâng cao 180 phút ★★★ Vừa 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.

Ở studio, gần như không có bản vẽ nào đi thẳng từ ý tưởng tới game. Mỗi asset quan trọng đi qua một vòng duyệt: họa sĩ đưa ra vài hướng (direction), lead hoặc art director chọn – thường là chọn một hướng và ghép thêm một chi tiết của hướng khác – rồi họa sĩ hoàn thiện. Kỹ năng ở đây không chỉ là vẽ: bạn phải trình bày lựa chọn rõ ràng, đặt câu hỏi đúng, hiểu đúng phản hồi và ghi lại phiên bản. Dự án này đi trọn một vòng như thế với một đạo cụ gameplay quen thuộc: trụ lưu game (save point) – người chơi chạm vào để lưu và hồi máu.

Hình mẫu

Bảng đề xuất trụ lưu game: ba bóng đen A cột đá, B đền tròn có tinh thể, C cây đèn; B được khoanh xanh, ngọn lửa của C khoanh cam; tờ ghi chú phản hồi của lead; mũi tên dẫn tới bản hoàn thiện là bệ đá tròn đỡ tinh thể xanh phát sáng với ngọn lửa vàng, phía trên là ba chip V1, V2, V3 duyệt
Bảng đề xuất trụ lưu game: ba bóng đen A cột đá, B đền tròn có tinh thể, C cây đèn; B được khoanh xanh, ngọn lửa của C khoanh cam; tờ ghi chú phản hồi của lead; mũi tên dẫn tới bản hoàn thiện là bệ đá tròn đỡ tinh thể xanh phát sáng với ngọn lửa vàng, phía trên là ba chip V1, V2, V3 duyệt

Thời gian ước tính: khoảng 3 giờ – 30 phút 3 hướng thumbnail, 15 phút trình bày và viết câu hỏi, (chờ phản hồi), 15 phút đọc và tóm tắt phản hồi, 90 phút hoàn thiện, 30 phút dựng bảng và đặt tên phiên bản.

Chuẩn bị

  • Canvas (khung vẽ): bảng trình bày 1920 × 1080 px (16:9), RGB Color, nền #eef1f6. Bản hoàn thiện làm trong file riêng 256 × 256 px, Transparent, rồi đặt vào bảng phóng × 2.
  • Công cụ chính: Lasso (Dây thòng lọng) Tool (L) + Alt+Backspace cho bóng đen, Brush (Cọ vẽ) Tool (B), Clipping Mask (Mặt nạ cắt) (Ctrl+Alt+G), chế độ hòa trộn Multiply (Nhân (làm tối)) và Linear Dodge (Add) (Cộng sáng), FileTệp›Place Linked để đặt bản hoàn thiện vào bảng, Type Tool (T).
  • Thiết bị: thumbnail bóng đen làm bằng chuột rất nhanh với Lasso + Fill. Bút Wacom, XP-Pen, Huion hay iPad + Apple Pencil (Bút chì) (qua Sidecar hoặc Astropad) giúp vẽ thumbnail thả tay tự do và phần ánh sáng tinh thể mềm hơn – bật Pen Pressure (Lực nhấn bút) cho Opacity (Độ mờ đục) khi vẽ quầng sáng.
  • File mẫu: "Bảng đề xuất 3 hướng" ở cuối bài có sẵn brief, 3 khung A – B – C, ô phản hồi và ô hoàn thiện.
  • Người đóng vai lead: nhờ một bạn cùng học, người thân, hoặc nhóm học trên mạng. Không có ai? Tự đóng vai lead sau một ngày – nhìn bảng bằng mắt mới và viết phản hồi theo mẫu ở bước 7.
MàuMã hexDùng cho
#2b2f3aBóng đen thumbnail
#9aa3aeĐá bệ
#6b7380Đá bóng
#31a8ffTinh thể
#1f6fc2Tinh thể – mặt tối
#7cf0ffQuầng sáng
#ffd23fNgọn lửa (chi tiết lấy từ hướng C)
#2ecc71Khoanh hướng được chọn, dấu duyệt

Các bước

Sáu giai đoạn: dựng ba khung thumbnail, đặt tên từng hướng, vẽ ba bóng đen, nhận phản hồi và khoanh đánh dấu, tô màu và ánh sáng bản cuối, ghi phiên bản đã duyệt
Sáu giai đoạn: dựng ba khung thumbnail, đặt tên từng hướng, vẽ ba bóng đen, nhận phản hồi và khoanh đánh dấu, tô màu và ánh sáng bản cuối, ghi phiên bản đã duyệt
  1. Đọc brief và tìm ràng buộc gameplay: trụ lưu game phải (1) nhận ra từ xa – người chơi tìm nó khi sắp chết, (2) khác hẳn đồ trang trí, (3) có trạng thái "đã kích hoạt". Ghi ba ràng buộc này ở góc bảng – chúng sẽ là tiêu chí để lead chọn.
  2. Ba hướng phải khác nhau thật sự: mỗi hướng một ý tưởng, không phải ba biến thể của một ý: A – cột đá cao (cổ xưa, trang nghiêm), B – đền tròn thấp có tinh thể (ấm áp, an toàn), C – cây phát sáng (thiên nhiên, kỳ bí). Tối đa 10 phút một hướng.
  3. Thumbnail bóng đen: file mới 1200 × 400 px chia ba ô, Lasso Tool tô #2b2f3a. Chỉ hình dáng – nếu bóng đen không đọc được thì màu cũng không cứu được. Nheo mắt hoặc thu nhỏ còn 25% để kiểm tra.
  4. Đặt tên hướng: "A · Cột đá", "B · Đền tròn", "C · Cây đèn". Tên giúp lead trả lời ngắn ("lấy B") và giúp bạn ghi lại cuộc trao đổi. Không bao giờ gửi "phương án 1, 2, 3" không tên.
  5. Viết câu hỏi cụ thể: dưới bảng, 2–3 câu hỏi có lựa chọn: "Trụ nên cao hơn nhân vật (A) hay thấp ngang hông (B)?", "Nguồn sáng là tinh thể (B) hay lửa (C)?". Câu hỏi đóng giúp lead trả lời nhanh và đúng điều bạn cần biết.
  6. Gửi bản V1: dán 3 thumbnail vào khung A – B – C của bảng mẫu, ghi chip "V1: 3 hướng", lưu prop_savepoint_board_v01.png và gửi. Ở studio, bước này thường diễn ra trên kênh chat của đội hoặc công cụ quản lý công việc.
  7. Đọc và tóm tắt phản hồi: chép phản hồi nguyên văn vào ô ghi chú vàng, rồi tách thành danh sách đánh số. Ví dụ: "1. Chọn B. 2. Lấy ngọn lửa của C đặt lên tinh thể. 3. Thấp hơn 20%. 4. Tinh thể xanh dương, không tím." Gửi lại danh sách để lead xác nhận bạn hiểu đúng – bước 30 giây tránh được 3 giờ vẽ sai.
  8. Khoanh lựa chọn trên bảng: khung B viền xanh #2ecc71, vòng cam quanh ngọn lửa của C. Ghi chip "V2: B + C". Bảng giờ kể lại quyết định – ai mở file sau này cũng hiểu vì sao bản cuối như vậy.
  9. Phác bản ghép: file 256 × 256 px, Transparent. Phóng thumbnail B lên làm nền phác Opacity 25%, giảm chiều cao 20% bằng Ctrl+T, đặt ngọn lửa của C lên đỉnh tinh thể. Kiểm tra lại bóng đen – ghép hai ý đôi khi làm hình dáng rối.
  10. Màu nền theo khối: bệ đá #9aa3ae, tinh thể #31a8ff, mỗi khối một layer, đặt tên base, pillar, crystal, flame. Tinh thể là điểm sáng nhất và bão hòa nhất – mắt người chơi phải tìm thấy nó đầu tiên.
  11. Bóng và ánh sáng: layer kẹp Multiply tô #6b7380 cho đá, #1f6fc2 cho mặt tối tinh thể. Layer Glow chế độ Linear Dodge (Add), Soft Round lớn Opacity 20% màu #7cf0ff quanh tinh thể; vài đốm xanh hắt lên mặt đá gần nhất.
  12. Trạng thái "đã kích hoạt": nhân bản Group thành savepoint_off và savepoint_on. Bản off: tinh thể xám xanh, không glow. Bản on: như trên. Lập trình viên sẽ đổi sprite khi người chơi chạm vào – một yêu cầu gameplay mà brief đã nêu.
  13. Hoàn tất vòng duyệt và đưa vào Unity 6: đặt bản cuối vào bảng (FileTệp›Place Linked) phóng × 2, ghi chip "V3: duyệt" sau khi lead đồng ý. Xuất prop_savepoint_on.png và prop_savepoint_off.png 256 × 256; trong Unity 6 đặt vào Assets/Art/Props, Texture Type Sprite (2D and UI), PPU theo spec sheet, Pivot (Điểm neo) Bottom.
Mẹo: Khi gửi đề xuất, nói luôn hướng bạn thích và vì sao ("Em nghiêng về B vì thấp, không che nhân vật"). Lead không bắt buộc đồng ý, nhưng họ đánh giá cao họa sĩ có chính kiến dựa trên gameplay.
Lỗi hay gặp: Gửi ba bản đã tô màu hoàn chỉnh. Bạn tốn gấp ba thời gian, và lead bị màu làm phân tâm khỏi câu hỏi chính là hình dáng. Vòng đầu chỉ gửi bóng đen; màu để dành cho hướng đã được chọn.

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

  • Vòng sửa thứ hai: nhờ "lead" đưa thêm một phản hồi sau V3 (ví dụ "đá có rêu cho hợp rừng cổ") và làm V4 – tập quen với việc duyệt nhiều vòng.
  • Animation 4 frame: ngọn lửa trên tinh thể lay nhẹ 4 frame, xuất sprite sheet 1024 × 256 cho trạng thái on.
  • Đặt vào cảnh thật: đặt trụ vào cảnh nền rừng của bạn trong Unity 6, kiểm tra nó vẫn là thứ nổi bật nhất khi thu nhỏ màn hình.

Mẹo & trick học nhanh

Đặt tên cho từng hướng

A · Cột đá, B · Đền tròn… Tên ngắn giúp phản hồi ngắn và rõ: "lấy B, thêm lửa của C".

Nhắc lại phản hồi bằng danh sách

Sau khi nhận phản hồi, gửi lại danh sách đánh số những gì bạn sẽ sửa. Lead xác nhận trong 30 giây, bạn tránh được vài giờ làm sai.

Bảng kể lại quyết định

Giữ cả 3 hướng, khoanh lựa chọn và ghi chú phản hồi trên cùng một bảng. Sáu tháng sau, ai hỏi "sao trụ lại tròn?" – bảng trả lời thay bạn.

Kiểm tra nhanh

1 Ba hướng đề xuất tốt nhất nên như thế nào?
2 Lead viết: "Lấy B, ghép ngọn lửa của C, thấp hơn chút". Bạn nên làm gì trước khi vẽ?
3 Vì sao nên làm thêm bản "off" và "on" cho trụ lưu game?

Bài tập: Bảng vòng duyệt cho một đạo cụ gameplay

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