Dự án 14: Màn giới thiệu boss 16:9

Màn giới thiệu boss chỉ hiện 2–3 giây trước trận đánh, nhưng nó quyết định người chơi thấy hồi hộp hay không. Đây là bài về bố cục và giá trị sáng tối hơn là vẽ chi tiết: đường chéo tạo cảm giác chuyển động, boss chiếm một phần ba màn hình và "tràn" ra khỏi khung để trông khổng lồ, mắt boss nằm trên giao điểm lưới 1/3, và tên boss nằm trên một dải tối có độ tương phản cao nhất cả khung hình.

Hình mẫu

Thời gian ước tính: khoảng 6 giờ. Thân boss gần như chỉ là một khối tối – thứ làm nó đáng sợ là ánh sáng: viền sáng đỏ ở mép, vết nứt cam phát sáng và đôi mắt vàng.

Chuẩn bị

• Canvas: 1920 × 1080 px (16:9), RGB Color. Ba bản phác thu nhỏ (thumbnail) 320 × 180 px trên một file nháp trước khi vào bản chính.
• Khung mẫu: "Khung bố cục boss intro" – lưới 1/3 (đường hồng), đường chéo dẫn mắt (xanh), vùng boss bên phải, dải tên, ô nhãn BOSS.
• Công cụ chính: Lasso (Dây thòng lọng) và Polygonal Lasso (Thòng lọng đa giác) để chặn khối tối, Brush (Cọ vẽ) cứng – mềm, Blend Mode (Chế độ hòa trộn) Color Dodge (Làm sáng rực) và Screen, FilterBộ lọc›Distort›Polar Coordinates cho tia tốc độ, Type Tool với Layer Style.
• Thiết bị: bài này vẽ nhiều nhất trong chặng. Bút có lực nhấn (Wacom, XP-Pen, Huion, iPad với Apple Pencil (Bút chì)) giúp rim light và vết nứt dung nham thon tự nhiên: Brush cứng, Pen Pressure (Lực nhấn bút) cho cả Size và Opacity (Độ mờ đục). Dùng chuột: chặn khối bằng Polygonal Lasso và tô, vẽ vết nứt bằng Pen Tool (Bút tạo đường) + Stroke Path có Simulate Pressure, vầng sáng bằng Brush mềm Flow (Lưu lượng) 10%.

Các bước

1. Ba thumbnail: file nháp 1000 × 600 px, vẽ 3 khung 320 × 180 chỉ bằng 3 giá trị xám (đen, xám, trắng). Thử boss bên phải nhìn xuống, boss chính giữa, boss cận mặt. Chọn bản có hướng nhìn và đường chéo mạnh nhất – thường là boss lệch phải, dải tên chéo bên trái.
2. Tạo file chính Ctrl+N 1920 × 1080 px. Đặt khung mẫu (Multiply (Nhân (làm tối)), khóa). Nền: Gradient (Dải màu chuyển) Linear chéo từ #5a0f1f (trên – trái) tới #12061a (dưới – phải).
3. Chặn khối boss: layer Boss, Polygonal Lasso vẽ khối vai – thân – đầu – nắm tay khổng lồ, tô #4a3646. Boss chiếm 1/3 phải và tràn ra mép dưới – phải; mắt đặt đúng giao điểm lưới 1/3 phía trên bên phải.
4. Kiểm tra bóng dáng: Ctrl + bấm thumbnail layer Boss, tô đen trên layer tạm và thu về 25%. Phải đọc được ngay: sừng, vai rộng, hai nắm tay. Bóng dáng rõ mới chịu được một khung hình tối.
5. Mặt tối của khối: layer kẹp Multiply: tô #24182a nửa phải mỗi khối (ánh sáng chính là dung nham từ dưới – trái). Thân boss có tối đa 3 giá trị – để dành độ sáng cho mắt và vết nứt.
6. Sừng và chi tiết: sừng #d9c8b0 cong ra ngoài, nửa phải tối #a8957c. Thêm vài cạnh đá sắc trên vai bằng Polygonal Lasso – hình nhọn đọc là "nguy hiểm".
7. Rim light: layer kẹp Blend Mode Screen, Brush cứng 6 px màu #ff6a3d chạy dọc mép trái và mép dưới của mọi khối – như bị lửa từ dưới hắt lên. Rim light tách khối tối khỏi nền tối.
8. Vết nứt dung nham: layer Normal, Brush cứng nét thon màu #ff9f43 vẽ các đường nứt zíc zắc trên ngực và nắm tay. Nhân đôi layer, đặt bản dưới Blend Mode Color Dodge và FilterBộ lọc›Blur›Gaussian Blur 12 px – vết nứt phát sáng như có lửa bên trong.
9. Mắt: 2 hình xiên nhỏ #ffe14d, cộng vầng sáng Color Dodge mềm. Mắt là điểm sáng nhất và nhỏ nhất của boss – mắt người xem sẽ tìm tới đó đầu tiên.
10. Tia tốc độ: layer mới 1920 × 1080, tô sọc dọc trắng xen trong suốt (nhiều Rectangle mảnh độ rộng khác nhau). FilterBộ lọc›Distort›Polar Coordinates chọn Rectangular to Polar – sọc dọc biến thành tia tỏa tròn. Dời tâm tia về sau đầu boss, Blend Mode Screen màu cam, Opacity 18%.
11. Ánh lửa dưới chân: Gradient Radial màu #ff7a1a → trong suốt từ mép dưới, Blend Mode Screen. Cảnh có nguồn sáng rõ ràng thì rim light và vết nứt mới "hợp lý".
12. Dải tên: Pen Tool vẽ dải hình thang chéo theo đường chéo khung mẫu, Fill #0b0510 Opacity 90%, thêm vạch #ff3b5c 6 px ở mép trên. Type Tool gõ "GOLEM DUNG NHAM" font đậm 120 px, Ctrl+T xoay −5° cho khớp dải. Layer Style: Stroke 10 px #a3243b, Drop Shadow. Dòng biệt danh nhỏ hơn màu cam bên dưới.
13. Nhãn BOSS: hình bình hành đỏ #ff3b5c ở ô trên – trái của khung mẫu, chữ "⚠ BOSS" trắng giãn chữ (Tracking 200). Ẩn khung mẫu và soát lần cuối ở 25%: dải tên, mắt boss và nhãn BOSS phải là 3 thứ đầu tiên bạn thấy.
14. Đưa vào Unity 6: xuất từng lớp ở nguyên khung 1920 × 1080, PNG trong suốt: intro_bg, intro_rays, intro_boss, intro_banner, intro_name (chuột phải Group › Export As (Xuất ra (tùy chỉnh))…). Trong Canvas (Canvas Scaler 1920 × 1080), mỗi lớp là một Image kéo giãn phủ toàn màn hình. Mở WindowCửa sổ›Animation›Animation tạo clip: tia tốc độ xoay chậm, boss phóng từ Scale 1.15 về 1, dải tên trượt từ trái vào trong 0,3 giây, cuối cùng chữ tên hiện ra. Muốn dịch tên sang nhiều ngôn ngữ, thay intro_name bằng TextMeshPro.

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

• Khung hình "nứt màn hình": vết nứt kính trắng ở góc, như boss vừa đập vỡ màn hình – thêm vào lớp riêng để Unity bật lên ở nhịp cuối.
• Phiên bản dọc 1080 × 1920: cho game mobile: boss chiếm nửa trên, dải tên nằm ngang ở 2/3 dưới.
• Chớp trắng: layer trắng phủ kín làm Image riêng, Unity cho alpha từ 1 về 0 trong 0,15 giây ngay khi màn intro bật lên.