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

Dự án 14: Làm việc nhiều phiên bản và sửa ngược không phá hủy – Linked Smart Object, Libraries

Quản lý file như ở studio: lưu phiên bản _v01 … _v05, lấy lại phần đã duyệt từ bản cũ, dùng một file nguồn .psb liên kết vào nhiều cảnh để sửa một lần cập nhật khắp nơi, chia sẻ màu và hình qua Libraries, và đóng gói file trước khi giao.

Nâng cao 180 phút ★★★ Khó Hướng dẫn cho macOS · đổi sang Windows

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ở (⌘ Cmd+O).

Thứ Hai art director duyệt bản v03 của cái cây. Thứ Tư bạn sửa thành v04 theo yêu cầu mới. Thứ Sáu: "Quay lại tán lá của bản thứ Hai, nhưng giữ thân cây mới." Nếu bạn chỉ có một file cay_final.psd bị lưu đè liên tục – không quay lại được. Và nếu cái cây đó đã được dán vào 3 cảnh nền khác nhau, bạn phải sửa cả 3. Studio xử lý những tình huống này mỗi ngày bằng ba thói quen: lưu phiên bản có số, dùng file nguồn liên kết (Linked Smart Object (Đối tượng thông minh)) thay vì dán bản sao, và tài nguyên dùng chung (Libraries). Đây là kỹ năng "vô hình" nhưng là thứ phân biệt người làm nghề với người mới.

Hình mẫu

Sơ đồ làm việc nhiều phiên bản: dòng thời gian hero_v01 phác, v02 màu, v03 duyệt, v04 feedback, v05 hiện tại với mũi tên lấy lại phần đã duyệt; file nguồn tree_oak.psb nối bằng biểu tượng mắt xích tới ba file level_01, level_02, key_art; bên phải bảng Libraries với thư viện DaoMay_Art gồm Colors, Graphics, Layer Styles
Sơ đồ làm việc nhiều phiên bản: dòng thời gian hero_v01 phác, v02 màu, v03 duyệt, v04 feedback, v05 hiện tại với mũi tên lấy lại phần đã duyệt; file nguồn tree_oak.psb nối bằng biểu tượng mắt xích tới ba file level_01, level_02, key_art; bên phải bảng Libraries với thư viện DaoMay_Art gồm Colors, Graphics, Layer Styles

Thời gian ước tính: khoảng 3 giờ – 30 phút tạo chuỗi phiên bản, 60 phút dựng file nguồn liên kết và ba cảnh dùng nó, 30 phút sửa ngược và cập nhật, 30 phút Libraries, 30 phút đóng gói và dựng bảng nộp.

Chuẩn bị

  • Canvas (khung vẽ): file nguồn env_tree_oak.psb 512 × 512 px Transparent; ba file cảnh 1920 × 1080 px; bảng nộp 1920 × 1080 px, RGB Color.
  • Công cụ chính: FileTệp›Save AsLưu thành bản khác (⇧ Shift+⌘ Cmd+S), FileTệp›Place Linked, LayerLớp›Smart Objects›Convert to Linked, LayerLớp›Smart Objects›Update All Modified Content, LayerLớp›Smart Objects›Relink to File, LayerLớp›Smart Objects›Embed Linked, FileTệp›Package, WindowCửa sổ›Libraries, History panel với Snapshot.
  • Thiết bị: phần lớn bài là quản lý file – chuột và bàn phím. Phần vẽ lại tán lá (vì sao phải đổi phiên bản) dùng thiết bị bạn quen: bút Wacom, XP-Pen, Huion, iPad + Apple Pencil (Bút chì) (Sidecar, Astropad), hoặc chuột với Lasso (Dây thòng lọng) + Fill.
  • File mẫu: "Sơ đồ phiên bản" ở cuối bài – điền tên file thật của bạn và đặt vào bảng nộp.
  • Thư mục dự án: tạo Source/Env cho file nguồn và Source/Scenes cho file cảnh. File liên kết lưu đường dẫn – để chúng trong một thư mục dự án cố định ngay từ đầu.
Kỹ thuậtDùng khiLệnh
Phiên bản có sốmỗi mốc quan trọng (gửi duyệt, đã duyệt, trước khi sửa lớn)Save As (Lưu thành bản khác) _v04
Linked Smart Objectmột asset dùng ở nhiều filePlace Linked
Embedded Smart Objectfile cần gửi đi độc lậpEmbed Linked
Librariesmàu, hình, style dùng chung nhiều file / nhiều ngườiWindow > Libraries
Packagegom file và mọi file liên kết để giaoFile > Package
MàuMã hexDùng cho
#2ecc71Phiên bản đã duyệt
#ff8a1aPhiên bản sửa theo feedback
#31a8ffPhiên bản hiện tại, đường liên kết
#4c9a3cCây gốc
#e8a64aCây mùa thu (sau khi sửa nguồn)

Các bước

Sáu giai đoạn: dựng các khung sơ đồ, đặt tiêu đề, đánh số phiên bản bằng Save As, đặt file nguồn bằng Place Linked, sửa file nguồn để cập nhật mọi cảnh, chia sẻ màu và hình qua Libraries
Sáu giai đoạn: dựng các khung sơ đồ, đặt tiêu đề, đánh số phiên bản bằng Save As, đặt file nguồn bằng Place Linked, sửa file nguồn để cập nhật mọi cảnh, chia sẻ màu và hình qua Libraries
  1. Quy tắc lưu phiên bản: làm việc trong file có số cao nhất. Tới mốc quan trọng – gửi duyệt, được duyệt, trước một thay đổi lớn – ⇧ Shift+⌘ Cmd+S lưu thành số tiếp theo. Không bao giờ quay lại lưu đè lên số cũ. Ghi một dòng vào changelog.txt: "v03 – lead duyệt tán lá tròn".
  2. Tạo chuỗi phiên bản thật: vẽ cái cây 512 × 512 qua 5 mốc: v01 phác, v02 màu, v03 hoàn thiện (giả sử được duyệt), v04 đổi tán lá nhọn theo feedback, v05 sửa thân cây. Mỗi mốc một file env_tree_oak_v01.psd … _v05.psd.
  3. Sửa ngược – lấy lại phần đã duyệt: lead muốn tán lá của v03 với thân của v05. Mở cả hai file, WindowCửa sổ›Arrange›2-up Vertical, kéo Group canopy từ v03 sang v05 (giữ ⇧ Shift khi thả để giữ đúng vị trí), ẩn tán lá cũ. Lưu thành v06. Không vẽ lại gì – nhờ mỗi phần nằm trong Group riêng.
  4. History Snapshot cho thử nghiệm ngắn: trong một phiên làm việc, trước khi thử điều gì liều lĩnh, bấm biểu tượng máy ảnh trong History panel để tạo Snapshot. Thử xong không thích – bấm Snapshot để về. Snapshot mất khi đóng file; phiên bản có số thì không.
  5. Tạo file nguồn liên kết: mở bản cây đã chốt, FileTệp›Save AsLưu thành bản khác định dạng Large Document Format thành Source/Env/env_tree_oak.psb. Đây là "bản gốc duy nhất" của cái cây.
  6. Đặt vào ba cảnh: tạo level_01.psd, level_02.psd, key_art.psd (mỗi file 1920 × 1080 với nền đơn giản khác màu). Trong mỗi file, FileTệp›Place Linked chọn env_tree_oak.psb – layer có biểu tượng mắt xích. Nhân bản layer (⌘ Cmd+J) để có 2–3 cây mỗi cảnh, đổi cỡ bằng ⌘ Cmd+T; các bản nhân bản vẫn trỏ về cùng file nguồn.
  7. Sửa một lần, cập nhật khắp nơi: mở env_tree_oak.psb, đổi tán lá sang màu thu #e8a64a, lưu. Quay lại các file cảnh: nếu Photoshop chưa tự cập nhật, chọn LayerLớp›Smart Objects›Update All Modified Content. Cả ba cảnh đổi sang mùa thu mà bạn không chạm vào chúng.
  8. Biến đổi không phá hủy: vì là Smart Object, thu nhỏ rồi phóng lại vẫn nét; thêm Smart Filter (ví dụ Gaussian Blur cho cây xa) có thể tắt, sửa, xóa bất cứ lúc nào. Không bao giờ Rasterize (Chuyển thành điểm ảnh) layer cây trong file cảnh.
  9. Đổi file nguồn khi cần: muốn thử cây khác cho một cảnh mà không ảnh hưởng cảnh khác? Chọn layer, LayerLớp›Smart Objects›Relink to File trỏ sang env_tree_pine.psb. Hoặc LayerLớp›Smart Objects›Convert to Linked để biến một Smart Object nhúng sẵn thành file nguồn mới.
  10. Libraries cho cả đội: WindowCửa sổ›Libraries, tạo thư viện DaoMay_Art. Thêm 6 màu của style guide (Colors), thêm cái cây (Graphics – kéo layer vào panel), thêm Layer Style viền chuẩn (Layer Styles). Kéo hình từ Libraries vào file khác tạo một layer liên kết tới thư viện – sửa trong thư viện là cập nhật. Thư viện chia sẻ được với đồng đội khi đội dùng chung tài khoản Creative Cloud.
  11. Đóng gói trước khi giao: file có liên kết sẽ mất hình nếu người nhận không có file nguồn. Dùng FileTệp›Package – Photoshop tạo thư mục chứa file PSD và mọi file liên kết. Hoặc, nếu chỉ cần gửi một file độc lập, nhân bản file rồi LayerLớp›Smart Objects›Embed Linked.
  12. Dựng bảng nộp: file 1920 × 1080, đặt sơ đồ mẫu, điền tên file thật v01 – v06, đặt ảnh chụp ba cảnh trước và sau khi đổi mùa, và ảnh chụp panel Libraries của bạn. Trước khi nộp, chọn mọi layer liên kết và Embed Linked để file nộp mở được trên máy khác.
  13. Phiên bản trong Unity 6: Unity chỉ cần PNG cuối (env_tree_oak.png, không có số phiên bản – lập trình viên luôn trỏ tới cùng một tên). Khi xuất bản mới, ghi đè đúng file đó trong Assets/Art/Environment; Unity 6 tự import lại và mọi Scene dùng sprite này cập nhật theo – cùng tinh thần với Linked Smart Object. Lịch sử phiên bản của PNG do hệ thống quản lý phiên bản của đội (như Unity Version Control hoặc Git) lưu giữ, còn PSD nguồn giữ số _v.
Mẹo: Tách mỗi phần có thể bị yêu cầu đổi (tán lá, thân, bóng) vào Group riêng ngay từ v01. Khi lead muốn "ghép phần A của bản cũ với phần B của bản mới", bạn chỉ cần kéo Group – không phải cắt ghép pixel.
Lỗi hay gặp: Gửi file có Linked Smart Object cho đồng đội mà không đóng gói. Họ mở ra thấy dấu hỏi đỏ trên layer và hình bị mờ. Luôn dùng FileTệp›Package hoặc Embed Linked trước khi gửi file ra khỏi thư mục dự án.

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

  • Liên kết lồng nhau: trong env_tree_oak.psb, đặt tán lá là một file liên kết khác (env_canopy_round.psb) – đổi tán một lần cho mọi loại cây.
  • Bộ nhân vật dùng chung: đặt nhân vật chính dạng liên kết vào key art, ảnh store và banner – sửa trang phục một lần cho cả bộ ảnh quảng bá.
  • Quản lý phiên bản thật: tìm hiểu cách đội lưu file lớn trong hệ thống quản lý phiên bản (ví dụ Git LFS hoặc Unity Version Control) và thử commit chuỗi PSD của bạn.

Mẹo & trick học nhanh

Không bao giờ lưu đè số cũ

Làm việc trên số cao nhất; tới mốc quan trọng thì ⇧ Shift+⌘ Cmd+S sang số mới. Số cũ là "điểm lưu" bạn có thể quay về.

Một bản gốc, nhiều nơi dùng

Asset xuất hiện ở hai file trở lên thì đặt bằng FileTệp›Place Linked. Sửa bản gốc, mọi nơi cập nhật.

Đóng gói trước khi gửi

FileTệp›Package gom PSD và mọi file liên kết vào một thư mục – người nhận mở ra là đủ hình.

Kiểm tra nhanh

1 Một cái cây được dùng trong 3 file cảnh. Cách đặt nào giúp sửa một lần cập nhật cả 3?
2 Gửi file có Linked Smart Object cho đồng đội, nên làm gì trước?
3 Lead muốn tán lá của bản v03 và thân cây của bản v05. Cách nhanh và an toàn nhất?

Bài tập: Bảng phiên bản và file liên kết

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