Dự án 3: Quy ước đặt tên layer, file và cấu trúc thư mục

Một game 2D nhỏ cũng có vài trăm file ảnh. Nếu mỗi người đặt tên một kiểu – Layer 1 copy 3, nhanvat moi FINAL (2).png, untitled-4.psd – thì sau ba tuần không ai tìm được gì, lập trình viên nạp nhầm phiên bản, và animator mở PSD ra thấy 80 layer không tên. Studio nào cũng có một naming convention (quy ước đặt tên) và dành buổi đầu tiên của dự án để thống nhất nó. Làm đúng quy ước là cách nhanh nhất để một họa sĩ mới được đồng đội tin tưởng – vì file của bạn "mở ra là hiểu".

Hình mẫu

Thời gian ước tính: khoảng 1 giờ – 15 phút đọc và chọn quy ước, 30 phút dựng sơ đồ trong PSD, 15 phút đổi tên toàn bộ layer và kiểm tra.

Chuẩn bị

• Canvas (khung vẽ): 1920 × 1080 px, Resolution (Độ phân giải) 72, RGB Color, nền #eef1f6. Bài nộp là file PSD – vì thứ được chấm chính là tên layer bên trong.
• Công cụ chính: Layers panel (F7), bấm đúp vào tên layer để đổi tên, Group (⌘ Cmd+G), Rectangle Tool (U), Type Tool (T), LayerLớp›Rename Layer, FileTệp›Export›Layers to Files để thử xuất theo tên.
• Thiết bị: bài này là gõ phím và sắp xếp – chuột và bàn phím là đủ. Người dùng bút Wacom, XP-Pen, Huion hay iPad (Sidecar, Astropad) vẫn nên đặt bút xuống và dùng bàn phím để gõ tên; phím ⇥ Tab khi đang đổi tên layer sẽ nhảy sang layer tiếp theo.
• File mẫu: "Sơ đồ thư mục" ở cuối bài – bản tham khảo đầy đủ cây thư mục, mẫu tên file và bảng tiền tố. Bạn dựng lại theo dự án của mình, không chỉ chép ảnh.

Các bước

1. Hiểu vì sao phải theo quy ước: Unity sắp file theo bảng chữ cái, lập trình viên có thể nạp sprite bằng tên trong code, và công cụ tìm kiếm trong Project window lọc theo chữ. Tên đúng giúp chr_ nằm cạnh nhau, run_01…run_06 đúng thứ tự frame.
2. Chọn tiền tố cho dự án: ghi bảng tiền tố (xem bảng trên). Quy tắc vàng: cả đội dùng chung một bảng. Nếu studio đã có quy ước khác (ví dụ spr_ cho mọi sprite) thì theo studio – quan trọng là nhất quán, không phải bảng nào "đúng nhất".
3. Viết mẫu tên: loại_tên_biến thể_trạng thái_số.png. Chỉ chữ thường a–z, số, gạch dưới. Không dấu tiếng Việt, không khoảng trắng, không chữ hoa (trừ hậu tố phía _L, _R nếu đội đã quen).
4. Danh sách từ cấm: final, new, copy, moi, sua, untitled, ngày tháng trong tên file. Phiên bản được quản lý bằng _v01 (ở PSD nguồn) hoặc bằng hệ thống quản lý phiên bản của đội – không bằng chữ "final".
5. Tạo file PSD: FileTệp›NewTạo mới 1920 × 1080 px, nền #eef1f6. Đặt tên file ngay: doc_naming_convention_v01.psd. Đặt file mẫu lên trên để tham khảo, đặt tên layer mẫu là ref_template.
6. Khung trái – cây thư mục: Rectangle Tool (U) vẽ khung trắng bo góc, đặt tên layer panel_folders. Type Tool (T) gõ cây thư mục, mỗi cấp thụt vào: Assets / Art / Characters / Hero, Enemies, Environment, Items, UI, FX và Source cho PSD gốc.
7. Biểu tượng thư mục và file: vẽ hình thư mục màu #ffb020 bằng Shape, nhân bản bằng ⌘ Cmd+J cho mỗi dòng; file PSD dùng ô xanh #31a8ff. Gom vào Group icons_folders.
8. Khung phải – nhân vật mẫu tách layer: đặt (hoặc vẽ nhanh) một nhân vật đơn giản tách thành các bộ phận, mỗi bộ phận một layer: head, hair_front, arm_L, arm_R, body, leg_L, leg_R, shadow. Gom vào Group hero. Đây là phần quan trọng nhất của bài – tên layer thật trong file của bạn.
9. Quy ước phía L / R: thống nhất _L là bên trái của nhân vật (không phải bên trái màn hình). Ghi rõ điều này lên sơ đồ – đây là chỗ animator và họa sĩ cãi nhau nhiều nhất.
10. Cột sai và đúng: gõ 4 ví dụ tên sai (gạch đỏ #e8423b) và 3 ví dụ đúng (tích xanh #2ecc71). Dùng ví dụ thật từ máy bạn – ai cũng có vài file Untitled-2.
11. Đổi tên mọi layer trong chính file này: không layer nào được tên "Layer 12" hay "Rectangle 3". Mẹo: bấm đúp tên layer, gõ, rồi nhấn ⇥ Tab để sang layer dưới mà không cần bấm chuột. Text layer tự lấy nội dung làm tên – đổi thành txt_title, txt_rules…
12. Thử xuất theo tên: FileTệp›Export›Layers to Files chọn PNG-24 cho Group hero (ẩn các layer khác) – các file ra sẽ mang đúng tên layer. Đây là lý do tên layer quan trọng: nhiều công cụ xuất dùng thẳng tên đó.
13. Áp dụng trong Unity 6: tạo đúng cây thư mục trong cửa sổ Project của Unity 6 (chuột phải > Create > Folder). Thư mục Source chứa PSD thường đặt ngoài Assets hoặc trong một thư mục mà đội đã thống nhất, để Unity không import file PSD nặng nếu không cần. Lưu PSD bài tập với tên đúng quy ước.

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

• Template PSD của riêng bạn: tạo file template_character.psd có sẵn các Group line, color, shadow, light đặt tên đúng – mỗi nhân vật mới chỉ cần mở template.
• Đổi tên hàng loạt: thử FileTệp›Scripts›Image Processor hoặc công cụ đổi tên hàng loạt của hệ điều hành để chuẩn hóa một thư mục ảnh cũ.
• Tài liệu một trang: xuất sơ đồ thành PNG, đặt vào Docs/Art của dự án để người mới vào đội đọc trước tiên.