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 › Quy trình làm việc ở studio game › Bài 241/248

Dự án 8: Sửa bài theo feedback của art director – paintover vòng 1, vòng 2

Học cách đọc một paintover của art director – nét đỏ đánh số, ghi chú ngắn – và sửa bài đúng từng điểm: tách danh sách sửa, giữ bản vòng 1 để so sánh, sửa bóng dáng trước rồi tới value và màu, và trình bày bảng trước / sau 1920 × 1080 px.

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.

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

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

Bạn nộp bản vẽ, vài giờ sau nhận lại chính bản vẽ đó với những nét đỏ nguệch ngoạc chồng lên: một vòng quanh đầu, một cái áo choàng vẽ vội, thanh kiếm bị kéo dài gấp đôi, kèm mấy chữ số. Đó là paintover – cách art director góp ý nhanh nhất: vẽ thẳng lên bài của bạn thay vì viết dài. Paintover không phải lời chê và cũng không phải bản để bạn tô lại y hệt; nó là hướng sửa. Họa sĩ chuyên nghiệp được đánh giá rất nhiều ở việc nhận feedback: hiểu đúng, sửa đủ, không cãi vặt, không tự ái, và trình bày rõ đã sửa gì. Dự án này cho bạn một bài vòng 1 kèm paintover thật để luyện đúng kỹ năng đó.

Hình mẫu

Ba khung so sánh: nhân vật chibi vòng 1 màu xám nhạt cầm kiếm nhỏ; cùng bản vẽ đó với paintover đỏ của art director gồm áo choàng nét đứt, kiếm to hơn, vòng quanh đầu và vạch ở chân, đánh số 1 đến 4; bản vòng 2 áo đỏ, tóc dựng, áo choàng xanh đậm, quần tối, kiếm to; phía dưới là bốn ghi chú
Ba khung so sánh: nhân vật chibi vòng 1 màu xám nhạt cầm kiếm nhỏ; cùng bản vẽ đó với paintover đỏ của art director gồm áo choàng nét đứt, kiếm to hơn, vòng quanh đầu và vạch ở chân, đánh số 1 đến 4; bản vòng 2 áo đỏ, tóc dựng, áo choàng xanh đậm, quần tối, kiếm to; phía dưới là bốn ghi chú

Thời gian ước tính: khoảng 3 giờ – 20 phút đọc paintover và viết danh sách sửa, 2 giờ sửa theo thứ tự ưu tiên, 30 phút dựng bảng trước / sau và trả lời từng ghi chú.

Chuẩn bị

  • Canvas (khung vẽ): 1920 × 1080 px, RGB Color – mở thẳng file mẫu (đã đúng kích thước). Nhân vật vòng 2 vẽ trong khung bên phải, hoặc làm file riêng 512 × 512 px rồi đặt vào.
  • Công cụ chính: Layer Group (Ctrl+G), Duplicate Group, Lasso (Dây thòng lọng) Tool (L), Brush (Cọ vẽ) Tool (B), Clipping Mask (Mặt nạ cắt) (Ctrl+Alt+G), Hue/Saturation (Sắc độ/Độ bão hòa) (Ctrl+U), Free Transform (Biến đổi tự do) (Ctrl+T), Liquify (Shift+Ctrl+X), adjustment Black & White để kiểm tra value.
  • Thiết bị: sửa bóng dáng và vẽ áo choàng mới dễ nhất với bút Wacom, XP-Pen, Huion hoặc iPad + Apple Pencil (Bút chì) (qua Sidecar, Astropad) – bật Pen Pressure (Lực nhấn bút) cho Size. Dùng chuột: vẽ áo choàng bằng Pen Tool (Bút tạo đường) (P) rồi tô vùng chọn, kéo dài kiếm bằng Ctrl+T, sửa tỉ lệ bằng Liquify – vẫn hoàn thành được mọi điểm sửa.
  • File mẫu: "Bài vòng 1 và paintover" ở cuối bài. Bạn có thể sửa nhân vật mẫu, hoặc – tốt hơn – nhờ bạn cùng học paintover lên một bài của bạn rồi làm theo cùng quy trình.
Ghi chúÝ của art directorHướng sửa
1Bóng dáng yếu – tô đen thì giống mọi nhân vật khácThêm áo choàng tạo hình tam giác, tóc dựng
2Vũ khí nhỏ, khó đọc ở cỡ thậtKiếm dài gấp đôi, chuôi vàng nổi bật
3Value phẳng – thân và chân cùng tôngTối quần và ủng, giữ thân sáng
4Màu xám nhạt, không có màu chủ đạoĐỏ chủ đạo cho áo, xanh đậm cho áo choàng
MàuMã hexDùng cho
#d62f3aÁo vòng 2 – màu chủ đạo
#a01f2bÁo – bóng
#2b3a67Áo choàng, quần
#1b1a24Ủng
#ffd23fChuôi kiếm, thắt lưng
#e8423bNét paintover (khi bạn tự paintover)

Các bước

Sáu giai đoạn: dựng ba khung trước – ghi chú – sau, đặt tên vòng, chép bản vòng 1, đọc paintover đỏ có đánh số, liệt kê danh sách sửa, hoàn thiện vòng 2 và so sánh
Sáu giai đoạn: dựng ba khung trước – ghi chú – sau, đặt tên vòng, chép bản vòng 1, đọc paintover đỏ có đánh số, liệt kê danh sách sửa, hoàn thiện vòng 2 và so sánh
  1. Đọc toàn bộ trước khi cầm bút: mở file mẫu, nhìn paintover 2 phút mà không sửa gì. Hỏi: art director lo nhất điều gì? Thường ghi chú số 1 là quan trọng nhất – ở đây là bóng dáng.
  2. Viết danh sách sửa: Type Tool tạo một text layer txt_fix_list, chép mỗi ghi chú thành một dòng hành động: "1. Thêm áo choàng – bóng dáng tam giác". Hiểu chưa chắc một ý? Ghi câu hỏi và hỏi lại – đừng đoán.
  3. Sắp thứ tự sửa từ lớn tới nhỏ: bóng dáng → tỉ lệ (vũ khí) → value → màu → chi tiết. Sửa màu trước rồi mới đổi bóng dáng là tô màu hai lần.
  4. Giữ nguyên vòng 1: chọn Group nhân vật vòng 1, chuột phải > Duplicate Group, đặt tên round_2, kéo sang khung phải. Group round_1 khóa lại (Ctrl+/) – không bao giờ sửa đè lên bản gốc.
  5. Paintover là hướng, không phải bản tô: bật layer paintover Opacity (Độ mờ đục) 40% trên round_2 để xem hình dáng áo choàng gợi ý, rồi vẽ lại bằng nét của bạn. Paintover vẽ vội trong 5 phút – đường nét của nó không đúng style, chỉ đúng ý.
  6. Ghi chú 1 – bóng dáng: layer cape đặt dưới thân, vẽ áo choàng loe xuống thành hình tam giác. Tóc chuyển sang kiểu dựng nhọn. Kiểm tra: tô đen cả nhân vật (layer Solid Color đen kẹp lên Group) – bóng dáng phải khác hẳn bản vòng 1.
  7. Ghi chú 2 – vũ khí: chọn layer kiếm, Ctrl+T kéo dài lưỡi gấp đôi, giữ chuôi đúng chỗ tay. Thu nhỏ màn hình về 128 px (cỡ trong game): thanh kiếm phải đọc được ngay. Chuôi vàng #ffd23f cho điểm nhận diện.
  8. Ghi chú 3 – value: tối quần #2b3a67 và ủng #1b1a24, giữ thân sáng. Bật adjustment Black & White: phải thấy rõ ba mảng – đầu sáng, thân trung, chân tối. Tắt layer kiểm tra sau khi xong.
  9. Ghi chú 4 – màu chủ đạo: áo đỏ #d62f3a, bóng #a01f2b trong layer kẹp Multiply (Nhân (làm tối)). Dùng Hue/Saturation (Ctrl+U) nếu muốn thử nhanh vài sắc đỏ trước khi chốt.
  10. Không sửa thêm điều không được yêu cầu: giữ nguyên khuôn mặt, tỉ lệ đầu – những gì art director không chạm tới là những gì họ đã hài lòng. Muốn đổi thêm? Ghi vào mục "Đề xuất thêm" để hỏi, không tự ý đổi.
  11. Trả lời từng ghi chú: cạnh mỗi dòng trong danh sách sửa, đặt dấu tích xanh và một câu ngắn: "1 – đã thêm áo choàng xanh đậm, tóc dựng". Ghi chú nào chưa sửa được, nói rõ vì sao và đề xuất cách khác.
  12. Bảng trước / sau: ba khung cạnh nhau: vòng 1, paintover, vòng 2 – cùng cỡ, cùng đường đất để so được. Bảng này là thứ bạn gửi lại cho art director, không chỉ file vòng 2.
  13. Đặt tên và kiểm tra trong Unity 6: lưu chr_knight_v02.psd (vòng 2 = phiên bản 2), xuất chr_knight_idle.png. Import vào Unity 6 cùng Scene với bản vòng 1, đặt hai nhân vật cạnh nhau trên nền màn chơi ở cỡ thật – kiểm tra đúng điều art director quan tâm: đọc được từ xa hay chưa.
Mẹo: Khi nhận feedback, câu trả lời đầu tiên tốt nhất là "Cảm ơn anh/chị, em sẽ sửa: 1… 2… 3…" – không giải thích vì sao vòng 1 như vậy. Lý do của bạn chỉ có ích khi nó là thông tin mới (ví dụ ràng buộc kỹ thuật), không phải lời bào chữa.
Lỗi hay gặp: Tô lại nguyên nét paintover. Paintover vẽ nhanh, nét thô, sai style – tô lại y hệt sẽ làm bài vòng 2 xấu hơn và không thể hiện bạn hiểu vì sao. Đọc ý, rồi vẽ lại theo cách của bạn.

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

  • Tự paintover cho người khác: nhận một bài của bạn cùng học, tạo layer paintover màu #e8423b Opacity 70%, vẽ tối đa 4 ghi chú đánh số trong 10 phút. Bạn sẽ hiểu vì sao paintover luôn ngắn và thô.
  • Vòng 3: nhờ một người khác góp ý tiếp trên bản vòng 2 – feedback từ hai người đôi khi mâu thuẫn; tập ghi lại và hỏi người có quyền quyết định.
  • GIF so sánh: dùng Timeline (Dòng thời gian) xuất GIF chuyển qua lại vòng 1 và vòng 2 – cách trình bày rất hiệu quả trong portfolio.

Mẹo & trick học nhanh

Sửa từ lớn tới nhỏ

Bóng dáng → tỉ lệ → value → màu → chi tiết. Sửa theo thứ tự này, mỗi bước không phá công sức của bước trước.

Không bao giờ sửa đè bản gốc

Duplicate Group trước khi sửa. Bản vòng 1 cần cho bảng trước / sau, và đôi khi art director nói "quay lại như cũ ở điểm này".

Trả lời bằng danh sách

Gửi bản vòng 2 kèm danh sách 1, 2, 3, 4 – mỗi điểm một dấu tích và một câu ngắn. Người duyệt kiểm tra trong một phút.

Kiểm tra nhanh

1 Paintover của art director nên được dùng thế nào?
2 Thứ tự sửa hợp lý nhất là gì?
3 Art director không ghi chú gì về khuôn mặt. Bạn nên…

Bài tập: Bảng trước / sau theo feedback

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