ทำ Sprite Animation จากชิ้นส่วนตัวละคร
Sprite Rig คือเครื่องมือทำ Sprite Animation ฟรีของ Photobun สำหรับตัวละคร 2D แบบตัดต่อชิ้นส่วน เปิดชีตที่มีชิ้นส่วนของตัวละครแยกกัน เช่น หัว ลำตัว แขน และขา แล้ว Photobun จะแยกแต่ละชิ้นออกมา ให้คุณตั้งข้อต่อและจัดท่า แล้วส่งออกเฟรมแอนิเมชันเป็น Sprite Sheet สำหรับเกมของคุณ
หรือ เปิดโปรแกรมแต่งรูป
วิธีทำ Sprite Animation จากชิ้นส่วนตัวละคร
- กด เปิดชีตชิ้นส่วนตัวละคร ทุกชิ้นจะถูกตรวจจับและวางลงบอร์ดของตัวเอง
- ใน Sprite Rig ตั้งจุดหมุนตรงที่แต่ละชิ้นต่อกับลำตัว
- จัดท่าชิ้นส่วนแล้วดูตัวอย่างแอนิเมชัน
- ส่งออกเฟรมทั้งหมดเป็น Sprite Sheet แบบ PNG
ต่อยอดจากตัวตัด Sprite
ชิ้นส่วนถูกแยกด้วยการตรวจจับรูปทรงแบบเดียวกับเครื่องมือตัด Sprite Sheet ชีตแขนขาที่วางกระจายจึงพร้อมริกในไม่กี่วินาที
ข้อต่อและจุดหมุน
แต่ละชิ้นหมุนรอบจุดหมุนของตัวเอง ซึ่งเป็นหลักของแอนิเมชันแบบตัดต่อที่ทำให้แขน ขา และหัว ยังติดกับตัวขณะเคลื่อนไหว
ส่งออกเป็น Sprite Sheet
เฟรมถูกเรนเดอร์รวมเป็นรูป Sprite Sheet พื้นหลังใสรูปเดียว เป็นรูปแบบที่เกมเอนจิน 2D ทุกตัวนำเข้าได้
แก้ชิ้นส่วนด้วยโปรแกรมแต่งรูปจริง
วาดมือใหม่ เปลี่ยนสีเสื้อผ้า หรือเก็บขอบ ด้วยแปรงและเครื่องมือปรับสีครบชุด แล้วกลับไปที่ริกได้ทันที
แอนิเมชันแบบตัดต่อชิ้นส่วนเป็นที่นิยมในเกมอินดี้ เพราะชิ้นส่วนชุดเดียวสร้างได้หลายเฟรม แทนที่จะวาดตัวละครใหม่ทุกเฟรม คุณแค่ย้ายและหมุนชิ้นส่วน สัดส่วนจึงคงที่และประหยัดเวลาวาดได้หลายชั่วโมง
ชีตชิ้นส่วนที่ดีควรแยกลำตัว หัว ต้นแขน แขนท่อนล่าง มือ ต้นขา ขาท่อนล่าง และเท้าออกจากกัน วาดข้อต่อให้โค้งมนและซ้อนกันเล็กน้อยเพื่อไม่ให้เห็นช่องโหว่เวลาหมุน และเว้นที่ว่างระหว่างชิ้นเพื่อให้ตรวจจับแยกกันได้
Sprite Sheet ที่ส่งออกนำเข้า Unity, Godot, GameMaker, Phaser หรือเอนจินใดก็ได้ที่ตัดชีตตามขนาดเฟรม และเพราะชิ้นส่วนอยู่ในโปรแกรมแต่งรูปเต็มรูปแบบ การทำชุดเสื้อผ้าหรือสีแบบอื่นก็แค่แก้ชิ้นส่วนแล้วส่งออกใหม่
คำถามที่พบบ่อย
Sprite Animation คืออะไร
คือชุดรูปที่แสดงต่อกันทีละเฟรม มักเก็บเรียงกันใน Sprite Sheet รูปเดียว เกมจะเล่นเฟรมตามลำดับเพื่อให้ตัวละครเดิน วิ่ง หรือกระโดด
ภาพแบบไหนใช้ได้ดีที่สุด
ตัวละครที่วาดแยกเป็นชิ้น มีช่องว่างระหว่างชิ้นเล็กน้อย บนพื้นหลังใสหรือสีพื้น ชิ้นที่ซ้อนกันควรวาดให้ครบทั้งชิ้น จะได้ไม่มีส่วนแหว่งเวลาหมุนแขนขา
ต้องมีพื้นฐานทำแอนิเมชันไหม
ไม่ต้อง การริกมีแค่สองเรื่องหลัก คือแต่ละชิ้นหมุนรอบจุดไหน และจัดท่าอย่างไร ตัวอย่างแสดงผลทันที จึงปรับตามที่ตาเห็นได้เลย
Sprite Rig ใช้ฟรีไหม
ฟรี Sprite Rig เป็นส่วนหนึ่งของ Photobun และใช้ได้ฟรีเหมือนเครื่องมืออื่น ทั้งบนเบราว์เซอร์และในแอปเดสก์ท็อป