ตัด Sprite Sheet แยกเป็นชิ้น
Photobun ใช้เป็นโปรแกรมตัด Sprite Sheet ฟรีที่ตัดตามรูปทรงจริงของแต่ละตัว ไม่ใช่ตามตารางตายตัว คำสั่ง เลือก › วัตถุทั้งหมด จะหาทุกสไปรต์บนพื้นหลังใสหรือสีพื้นพร้อมใส่หมายเลข แล้ว แยกไปยังบอร์ด จะวางแต่ละตัวลงบอร์ดของตัวเองตามขนาดที่กำหนด พร้อมส่งออกเป็นไฟล์ PNG แยกกัน
หรือ เปิดโปรแกรมแต่งรูป
วิธีตัด Sprite Sheet แยกเป็นชิ้น
- กด เปิด Sprite Sheet ทุกชิ้นจะถูกเลือกและใส่หมายเลขให้อัตโนมัติ
- ตรวจชิ้นที่ถูกระบายสี ถ้ามีชิ้นที่ติดกันหรือขาดออก แก้ได้ด้วยการปรับพื้นที่เลือก
- เลือก เลือก › แยกไปยังบอร์ด แล้วตั้งขนาดบอร์ด ระยะขอบ และพื้นหลัง
- ส่งออกบอร์ดทั้งหมดเป็น PNG จะได้ไฟล์ละหนึ่งสไปรต์
ตัดตามรูปทรงจริง
โปรแกรมหาชิ้นส่วนโดยไล่พื้นหลังเข้ามาจากขอบภาพ ชีตที่จัดวางไม่เป็นระเบียบ วางชิดกัน หรือมีสไปรต์หลายขนาด ก็ตัดได้สะอาด
เห็นหมายเลขก่อนตัด
ทุกชิ้นถูกระบายสีและใส่หมายเลขก่อนแยก จึงรู้ชัดว่าจะได้สไปรต์กี่ตัว
บอร์ดขนาดเท่ากันทุกตัว
สไปรต์ทุกตัวถูกจัดกึ่งกลางในบอร์ดขนาดเดียวกัน เลือกเว้นระยะขอบและย่อให้พอดีได้ เฟรมจึงตรงกันเวลานำไปใช้ในเกมเอนจิน
แก้เส้นขอบได้
เครื่องมือเลือกจุดโดยตรงเปลี่ยนพื้นที่เลือกเป็นจุดเบซิเยร์ ปรับเส้นขอบของแต่ละชิ้นได้ก่อนแยกออกมา
Sprite Sheet มาได้จากหลายทาง ทั้งแพ็กแอสเซ็ตเกม รูปจาก AI ที่วาดหลายท่าในภาพเดียว สติกเกอร์ที่สแกนมา และชุดไอคอน ถ้าเฟรมไม่ได้เรียงเป็นตารางพอดี โปรแกรมที่ตัดตามตารางจะตัดโดนตัวสไปรต์ การตรวจจับตามรูปทรงช่วยเลี่ยงปัญหานี้
สำหรับเกมเอนจินอย่าง Unity, Godot หรือ GameMaker ขนาดเฟรมที่เท่ากันสำคัญกว่าการตัดชิดขอบ การใช้บอร์ดขนาดเดียวกันทุกชิ้นและจัดสไปรต์ไว้กึ่งกลางจะได้เฟรมที่ตรงกันเมื่อนำไปทำแอนิเมชัน
ขั้นตอนเดียวกันนี้ใช้นอกงานเกมได้ด้วย เช่น แยกรูปสินค้าที่ถ่ายรวมกันบนโต๊ะพื้นขาว แยกสติกเกอร์ทั้งแผ่นเป็นรูปละชิ้น หรือแยกไอคอนที่วาดไว้ในไฟล์เดียว
คำถามที่พบบ่อย
ใช้กับพื้นหลังแบบไหนได้บ้าง
พื้นหลังใสและพื้นหลังสีเรียบ ค่าความคลาดเคลื่อนจะกำหนดว่าพิกเซลต้องมีสีใกล้พื้นหลังแค่ไหนจึงนับเป็นพื้นหลัง
ถ้าสไปรต์สองตัวติดกันจะเป็นอย่างไร
สไปรต์ที่ติดกันจะถูกนับเป็นชิ้นเดียว แยกออกได้ด้วยการลบพื้นที่เลือกด้วยเครื่องมือบ่วงบาศหรือเครื่องมือเลือกพื้นที่สี่เหลี่ยม หรือปรับเส้นขอบด้วยเครื่องมือเลือกจุดโดยตรง
ตัดตามตารางแถวและคอลัมน์ได้ไหม
Photobun ตัดตามรูปทรงแทนการตัดตามแถวและคอลัมน์ จึงรับมือกับชีตที่จัดวางไม่สม่ำเสมอได้ดี ถ้าต้องการตารางเป๊ะ ๆ ใช้ไกด์ร่วมกับเครื่องมือเลือกพื้นที่สี่เหลี่ยมเลือกทีละช่องได้
ส่งออกเป็นไฟล์อะไรได้บ้าง
PNG เก็บพื้นหลังใสและเป็นตัวเลือกปกติสำหรับสไปรต์เกม ยังมี WebP และ JPEG ให้เลือก และบันทึกทุกบอร์ดรวมเป็นไฟล์ PSD ที่แยกเลเยอร์ได้