Dự án 13: Tung phép (cast spell) 10 frame kết hợp VFX
Pháp sư gom năng lượng rồi phóng quả cầu phép – 10 frame 128 × 128 px xếp lưới 5 × 2 trên sheet 640 × 256 px: học chuỗi anticipation kép (hạ tay rồi giơ tay), hold có "sống" bằng VFX nhấp nháy, đồng bộ hiệu ứng với tư thế, và chia clip Start – Charge – Release có Animation Event sinh đạn phép trong Unity 6.
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.
Tải về rồi mở bằng Photoshop: (⌘ Cmd+O).
Một chiêu phép hay là sự phối hợp giữa diễn xuất của nhân vật và hiệu ứng. Nếu nhân vật chỉ giơ tay lên rồi quả cầu bay ra, người chơi thấy hai thứ tách rời. Dự án này dạy bạn để tư thế dẫn dắt hiệu ứng: hạ tay lấy đà, giơ tay gom năng lượng (quả cầu lớn dần theo tay), giữ ở đỉnh sức mạnh (hold nhưng VFX vẫn nhấp nháy để không "chết hình"), kéo về sau một nhịp – anticipation thứ hai – rồi phóng mạnh ra trước và theo đà. Bạn cũng học cách cắt clip để người chơi giữ nút thì vòng gom phép lặp lại, nhả nút thì phóng.
Hình mẫu
Thời gian ước tính: khoảng 110 phút. Nhịp: F1 83 – F2 83 – F3 67 – F4 100 – F5 100 – F6 50 – F7 50 – F8 83 – F9 83 – F10 100 ms, tổng 799 ms. F4–F5 là vòng giữ phép, trong game lặp bao lâu người chơi còn giữ nút.
Chuẩn bị
- Canvas: 640 × 256 px – lưới 5 cột × 2 hàng, ô 128 × 128 px (F1–F5 hàng trên, F6–F10 hàng dưới). Resolution (Độ phân giải) 72, RGB, Transparent. Nhân vật đứng ở x ≈ 51 của ô để chừa chỗ phía trước cho quả cầu và chớp sáng.
- Công cụ chính: Brush (Cọ vẽ) Tool, Lasso (Dây thòng lọng) Tool, Free Transform (Biến đổi tự do), Clipping Mask (Mặt nạ cắt) cho nhân vật; Ellipse Tool, Blend Mode (Chế độ hòa trộn) Linear Dodge (Add) (Cộng sáng), Outer Glow, Polygon Tool (Star Ratio) cho VFX; Layer Group tách CHAR và FX trong mỗi frame.
- Thiết bị: phác tư thế và tia năng lượng bằng bút Wacom, XP-Pen, Huion hoặc iPad + Apple Pencil (Bút chì) (Sidecar/Astropad) sẽ nhanh và mềm hơn; lấp lánh vẽ bằng cọ thon đầu nhờ Pen Pressure (Lực nhấn bút). Dùng chuột: nhân vật dựng bằng khối và xoay khớp (cut-out), quả cầu phép dựng bằng Ellipse nhiều lớp – VFX dạng hình học rất hợp với chuột.
- File mẫu: "Khung lưới tung phép 5 × 2" – mặt đất hồng y = 118, trục xám dọc là thân nhân vật, vòng tím đứt nét là kích thước quả cầu phép ở từng frame, ghi chú "F7 = Animation Event" nhắc vị trí sinh đạn phép.
| Màu | Mã hex | Dùng cho |
|---|---|---|
#7a3fd0 | Áo pháp sư, viền quả cầu | |
#a874f0 | Áo sáng | |
#ffb020 | Khăn vàng | |
#c08aff | Phép tím – thân quả cầu | |
#e6d0ff | Phép sáng, lấp lánh | |
#ffffff | Lõi phép |
Các bước
- Ba tư thế chính: F2 – hạ tay lấy đà: người hơi khom, hai tay đưa xuống – ra sau, mắt nhắm tập trung. F4 – giữ phép: hai tay giơ cao quá đầu, người ngả về sau 14°, ngực mở, quả cầu lớn nhất trên tay. F7 – phóng: người đổ về trước 20°, hai tay duỗi thẳng ra trước, chân trước bước tới, miệng mở. Đọc ba hình này liên tiếp phải hiểu ngay chiêu phép.
- Tạo file lưới: 640 × 256 px Transparent, Gridline 128 px, file mẫu trên cùng. Mỗi frame một Group F1…F10, bên trong có hai Group con CHAR (nhân vật) và FX (hiệu ứng) – tách để sửa riêng và để sau này có thể xuất VFX riêng.
- F1 và F10 – tư thế chờ: giống Idle của nhân vật. F10 có thể khác F1 một chút (khăn còn đung đưa) nhưng phải nối mượt về Idle.
- F3 – gom năng lượng: tay đi từ dưới lên theo đường cung ra trước mặt rồi lên trên (không đi thẳng). Quả cầu nhỏ (đường kính 8 px) xuất hiện giữa hai bàn tay, hai hạt lấp lánh bay vào phía quả cầu – năng lượng được hút tới.
- F4 – F5: hold "sống": tư thế gần như giữ nguyên (F5 chỉ khác 1–2 px: người nhấc nhẹ, khăn bay khác), nhưng VFX thay đổi rõ: quả cầu to 14 → 16 px, lấp lánh đổi vị trí, vòng phép dưới chân lớn dần. Một hold mà hình đứng im hoàn toàn trông như game bị treo; hold có VFX chuyển động thì trông như đang tụ lực.
- F6 – anticipation thứ hai: trước khi phóng, kéo quả cầu về sát ngực, người ngả về sau 18°, khuỷu tay gập. Đây là nhịp "lên dây cung" rất ngắn (50 ms) – nó làm cú phóng ở F7 mạnh gấp đôi.
- F7 – phóng: tay duỗi thẳng, quả cầu đã rời tay bay ra trước 20 px, ngay tay có chớp sáng hình sao 8 cánh
#e6d0ffviền#c08aff(muzzle flash) và hai vạch tốc độ sau quả cầu. Frame nhanh nhất: 50 ms. - F8 – F9: theo đà: người còn đổ về trước rồi thu dần (24° → 10°), tay hạ xuống, khăn quàng vung về trước. Ở F8 còn vòng sóng mờ quanh bàn tay và vài hạt lấp lánh rơi ra – dư âm của phép.
- Soát onion skin: chồng tạm F6 và F8 lên ô F7 (Opacity (Độ mờ đục) 30%, Color Overlay (Phủ chồng) hồng – xanh lá). Tay phải đi một đường cung liền từ sau ra trước; vị trí bàn tay giữa F6 và F7 cách xa nhất cả chuỗi – đó là chỗ nhanh nhất.
- Tô màu nhân vật: tô phẳng theo bảng màu, viền 2 px, sáng tối Multiply (Nhân (làm tối)). Ở F3–F7, thêm ánh sáng phản chiếu tím
#c08aff(Blend Mode Color Dodge (Làm sáng rực) 40%) lên mặt và tay phía quả cầu – nhân vật bị chính phép thuật chiếu sáng, giúp VFX và nhân vật "dính" vào nhau. - VFX quả cầu: trong Group FX: hào quang (Ellipse to gấp đôi, cọ Soft Round
#c08aff50%, Linear Dodge (Làm sáng)), thân quả cầu#c08affviền#7a3fd0, lớp sáng#e6d0ff, lõi trắng lệch trên – trái. Kích thước theo vòng tím của file mẫu. - Timeline (Dòng thời gian), xuất: 10 frame theo nhịp ở trên, Once. Xem riêng F4–F5 lặp lại vài lần để kiểm tra hold có sống. Ẩn file mẫu, Export As (Xuất ra (tùy chỉnh)) PNG →
mage_cast.png640 × 256 px. - Unity 6 – ba clip: Sprite Editor › Grid By Cell Size 128 × 128, Pivot (Điểm neo) Bottom (chân nhân vật ở x ≈ 0,4: dùng Custom X 0,4 Y 0,08). Clip Cast_Start (F1–F3), Cast_Charge (F4–F5, Loop Time), Cast_Release (F6–F10). Animator: Bool isCharging. Idle → Cast_Start khi isCharging = true; Cast_Start → Cast_Charge (Has Exit Time); Cast_Charge → Cast_Release khi isCharging = false (Has Exit Time tắt, Duration 0); Cast_Release → Idle (Has Exit Time).
- Animation Event sinh đạn phép: tạo GameObject con CastPoint đặt ở vị trí bàn tay của F7. Trong clip Cast_Release, chọn keyframe F7, bấm Add Event, Function
SpawnProjectile. Script:Instantiate(projectilePrefab, castPoint.position, Quaternion.identity)rồi đặt vận tốc theo hướng nhìn. Đạn phép là prefab riêng có sprite sheet VFX vòng lặp (như các dự án chặng VFX). Thêm Event ở F3 gọiPlayChargeSound()– âm thanh, hình và hiệu ứng khớp nhau đến từng frame.
Nâng cao (tùy chọn)
- Ba cấp độ tụ lực: giữ nút lâu hơn thì quả cầu đổi màu và to thêm – dùng ba biến thể Cast_Charge và Blend theo thời gian giữ.
- Phép hướng lên trời: làm biến thể F6–F7 tay chỉ lên cao, phép mưa sao băng rơi xuống – cùng nhịp anticipation kép.
- Hủy phép: nếu bị đánh lúc đang tụ lực, quả cầu vỡ tan (4 frame VFX) và nhân vật chuyển sang Hurt – nối với dự án 7.
Mẹo & trick học nhanh
Quả cầu lớn lên theo tay, bay ra khi tay duỗi tới. Vẽ tư thế trước, đặt VFX sau – không bao giờ ngược lại.
Khi giữ tư thế, cho VFX, khăn hoặc tóc tiếp tục chuyển động nhẹ. Hình đứng im hoàn toàn trông như game bị treo.
Hạ tay để giơ tay, rồi kéo về để phóng. Hai lần báo trước ngắn làm đòn mạnh mà không làm chậm nhịp chơi.