Bài thực hành & dự án vẽ

Dự án 1: Dải màu ramp 5 tông có hue shifting Tự tay xây 5 dải màu (ramp), mỗi dải 5 tông từ tối tới sáng, trong đó tông tối ngả về tím – xanh còn tông sáng ngả về vàng – cam; kiểm tra độ sáng bằng ảnh xám rồi tô thử một cây nấm pixel chỉ bằng 25 màu đó trên canvas 160 × 80 px. ★★★ Dễ 45′ Dự án 2: Bốn kiểu dithering trên khối cầu Vẽ bốn khối cầu pixel 32 × 32 với cùng một dải 4 tông và một màu viền, rồi trộn vùng chuyển tông theo bốn kiểu dithering – checker, ordered (ma trận Bayer), gradient 25–50–75% và texture – để hiểu khi nào nên và không nên dither. ★★★ Dễ 50′ Dự án 3: Viền selout và anti-alias thủ công trên chiếc khiên Vẽ một chiếc khiên tròn pixel 32 × 32 ba lần trên dải 96 × 32 px – viền đen 1 px, viền selout đổi màu theo vùng và hướng sáng, rồi selout kèm anti-alias đặt tay ở các bậc thang của đường cong – để hiểu vì sao sprite chuyên nghiệp trông mềm mà vẫn sắc. ★★★ Dễ 50′ Dự án 4: Bộ chữ số và chữ pixel 5 × 7 Thiết kế một bộ chữ pixel (pixel font) 5 × 7 trên sheet 96 × 32 px: chữ số 0–9, dấu câu, chữ A–Z, chữ Việt Ă Â Đ Ê Ô Ơ Ư cùng dấu thanh và vài icon HUD, thêm bóng đổ 1 px – rồi ghép thành điểm số, máu trong Unity 6. ★★★ Dễ 70′ Dự án 5: Cụm lá cây và bụi (foliage clusters) Vẽ một bụi cây có quả mọng và một tán cây pixel 64 × 64 trên ảnh 128 × 64 px bằng kỹ thuật cụm lá: chia khối lá thành các cụm tròn, mỗi cụm có sáng tối riêng, mép lá lởm chởm 1 pixel – thay vì vẽ từng chiếc lá. ★★★ Dễ 55′ Dự án 6: Tileset hầm ngục 16 × 16 (8 × 8 ô) Vẽ trọn một tileset hầm ngục nhìn từ trên xuống gồm 64 ô 16 × 16 trên ảnh 128 × 128 px – mặt trên tường với cạnh và góc, mặt tường gạch, đuốc, 8 biến thể sàn, cầu thang, bẫy, nước và vật trang trí – rồi ghép màn chơi bằng Tilemap và Rule Tile trong Unity 6. ★★★ Vừa 150′ Dự án 7: Rương pixel mở nắp 4 frame Làm hoạt ảnh rương kho báu pixel 32 × 32 mở nắp trong 4 frame trên dải 128 × 32 px – đóng, nắp hé lóe sáng, mở nửa, mở hẳn với vàng và đồng xu bay – bằng cách giữ nguyên thân rương và chỉ thay nắp, xem thử bằng Timeline rồi phát một lần trong Unity 6. ★★★ Vừa 80′ Dự án 8: Ô nước chảy 4 frame liền mạch (animated tile) Vẽ một ô nước pixel 16 × 16 liền mạch bốn cạnh rồi biến nó thành 4 frame bằng Filter Offset – sóng dời đúng 4 px mỗi frame nên frame 4 nối lại frame 1 – trên dải 64 × 16 px, và phát bằng Animated Tile trong Unity 6. ★★★ Vừa 70′ Dự án 9: Nhân vật pixel 48 × 48 đứng thở (idle) 4 frame Vẽ một nhà thám hiểm pixel 48 × 48 với 16 màu rồi làm vòng idle thở 4 frame trên dải 192 × 48 px: thân hạ 1 px, đầu và khăn trễ nhịp một frame, chân cố định – dùng onion skin bằng Opacity, xem bằng Timeline và đưa vào Animator của Unity 6. ★★★ Vừa 100′ Dự án 10: Đòn tấn công kiếm pixel 6 frame có vệt chém Làm hoạt ảnh chém kiếm pixel 6 frame 64 × 64 trên dải 384 × 64 px – thủ thế, lấy đà, đỉnh, vệt chém (smear), theo đà, thu về – với nguyên lý lấy đà, frame smear và thời lượng frame không đều, rồi gắn hitbox đúng frame trong Unity 6. ★★★ Vừa 140′ Dự án 11: Bộ khung UI pixel 9-slice Vẽ bộ giao diện pixel trên dải 128 × 32 px – khung bảng gỗ viền vàng, nút ở trạng thái thường và đang nhấn, ô vật phẩm lõm – với viền dày đúng 8 px để Unity 6 cắt 9-slice: giãn bảng thành mọi kích thước mà 4 góc không méo. ★★★ Vừa 90′ Dự án 12: Cảnh nền pixel 320 × 180 nhiều lớp parallax Vẽ một cảnh hoàng hôn pixel 320 × 180 px gồm 4 lớp parallax – trời có dải dither và mặt trời, núi xa, đồi thông, mặt đất gần có cỏ hoa và đèn lồng – mỗi lớp một layer xuất riêng, rồi cho chúng trôi với tốc độ khác nhau và đặt Pixel Perfect Camera trong Unity 6. ★★★ Khó 180′ Dự án 13: Boss pixel 96 × 96 – Golem dung nham Thiết kế và vẽ một boss pixel cỡ lớn 96 × 96 px – golem đá khổng lồ có lõi dung nham phát sáng, vết nứt lửa, mắt rực và rêu trên vai – bằng cách dựng từ các khối đá, đổ bóng 4 tông, dùng ánh sáng phát ra từ bên trong làm điểm yếu, rồi đặt vào Unity 6 với kích thước đúng so với nhân vật. ★★★ Khó 200′ Dự án 14: Vụ nổ pixel 8 frame chỉ với 7 màu Làm hoạt ảnh vụ nổ pixel 8 frame 64 × 64 trên dải 512 × 64 px với bảng 7 màu: chớp trắng, quả cầu lửa nở ra và chuyển từ vàng sang đỏ, tia lửa văng, khói bốc lên rồi tan bằng dither – kèm thời lượng frame từ nhanh tới chậm và cách phát một lần trong Unity 6. ★★★ Khó 150′ Dự án 15: Khối isometric pixel 2:1 và căn nhà nhỏ Học đường pixel isometric 2:1 – mỗi bậc 2 pixel ngang 1 pixel dọc – để vẽ khối đất cỏ, khối đá xây, ô sàn cỏ và ô nước rộng 32 px, rồi dựng một căn nhà nhỏ mái chóp có cửa sổ, cửa gỗ và ống khói trên ảnh 128 × 64 px, và ghép bằng Isometric Tilemap trong Unity 6. ★★★ Khó 160′