เคล็ดลับและเครื่องมือสำหรับการสร้างภาพเคลื่อนไหว Spritesheet

ฉันกำลังมองหาเครื่องมือที่ฉันสามารถใช้เพื่อสร้างสไปรต์ชีทได้อย่างง่ายดาย

ตอนนี้ฉันกำลังใช้ Illustrator แต่ฉันไม่สามารถรับจุดศูนย์กลางของตัวละครในตำแหน่งที่แน่นอนดังนั้นดูเหมือนว่ามันจะเคลื่อนที่ไปมา มีเครื่องมือที่ดีกว่าที่ฉันสามารถใช้ได้หรือไม่?

นอกจากนี้คุณยังมีเคล็ดลับประเภทไหนที่คุณจะให้กับสไปรต์ชีท? ฉันควรสร้างอักขระแต่ละส่วนในแต่ละเลเยอร์ (แขนซ้าย, แขนขวา, ร่างกาย ฯลฯ ) หรือทุกอย่างพร้อมกันหรือไม่? เคล็ดลับอื่น ๆ ก็จะมีประโยชน์เช่นกัน! ขอขอบคุณ

จากปัญหาที่คุณมีฉันขอแนะนำให้คุณทำต่อไปนี้:

ก่อนอื่นให้ทำงานกับเลเยอร์และโฟลเดอร์ มันช่วยได้จริงๆจัดกลุ่มสไปรต์แต่ละคนด้วยกันในโฟลเดอร์เพื่อให้คุณสามารถย้ายทั้งหมดของพวกเขาไปรอบ ๆ และชิ้นส่วนที่ถูกจำลองแบบควรมีอยู่ในเลเยอร์แยกต่างหาก

(ดังนั้นหากมีดาบหรือบางสิ่งบางอย่างมันควรอยู่ในเลเยอร์ดวงตาควรอยู่บนเลเยอร์ ฯลฯ ) นั่นคือพลังที่แท้จริงของแอพพลิเคชั่นประเภทนี้สำหรับงานดังกล่าว หากคุณทำอะไรผิดพลาดคุณจะไม่ทำทุกอย่างขึ้นมาในชั้นนั้น

จากนั้นเปิดใช้งานไม้บรรทัดและเปิดใช้งานตาราง (ใช้เวลาในการตั้งค่าอย่างถูกต้องในเมนูการตั้งค่า) หากคลิกไม้บรรทัดแล้วลากออกไปคุณสามารถสร้างแนวทาง การตั้งค่าขีด จำกัด ของคุณเองโดยใช้แนวทางจะช่วยให้คุณสามารถสไปรต์ Sprite (ซึ่งตอนนี้ควรอยู่ในโฟลเดอร์) กับเส้นกริดที่ให้คุณวางตำแหน่งได้ดีกว่า

จากนั้นในที่สุดหากสิ่งต่าง ๆ ยังคงดูไม่ดีเมื่อแอนิเมชั่นกำลังเล่นอยู่ หากคุณซูมเข้าไปจนสุด (คุณอาจต้องตรวจดูให้แน่ใจว่าเปิดใช้งานในเมนูการตั้งค่าแล้ว) คุณสามารถเห็นกริดต่อพิกเซลได้ ซึ่งจะช่วยให้คุณสามารถวางสิ่งต่าง ๆ ได้ตรงตามที่คุณต้องการ

หากคุณมีแบบจำลอง 3 มิติมีโปรแกรมที่จัดทำโดย EnvyGames, SpriteWorksซึ่งจะทำ 2D sprite ชีทออกมาจากแบบจำลองสำหรับคุณ ให้คุณเล่นภาพเคลื่อนไหวและปรับแต่งสิ่งต่างๆ

ฉันคิดว่ามันแพงไปหน่อยสำหรับสิ่งที่มันเป็น $ 49.99

นี่คือบทเรียนเกี่ยวกับวิธีใช้ SpriteWorks

การสร้าง Sprites จากโมเดล 3 มิติ - EnvyGames

Spritesheets? Mac? ใช้ Zwoptex: http://zwoptexapp.com/

คำถามของคุณฟังดูเหมือนคำตอบที่ฉันได้รับ: เครื่องมือที่ดีในการสร้างสไปรต์เคลื่อนไหวคืออะไร?

โดยทั่วไปคุณสามารถสร้างภาพเคลื่อนไหวของคุณในโปรแกรมที่คุณต้องการ เมื่อใช้ Illustrator ฉันขอแนะนำให้คุณสร้างขั้นตอนแอนิเมชั่นบนเลเยอร์หรือแม้แต่นำเข้าอาร์ตเวิร์คลงใน Flash สำหรับภาพเคลื่อนไหว (เนื่องจาก Flash CS4 คุณสามารถสร้างกระดูกในแฟลชได้ด้วยดูที่นี่เพื่อดูบทแนะนำ )

เมื่อคุณทำแอนิเมชั่นเสร็จแล้วให้ส่งออกเฟรมไปยังรูปภาพจากนั้นใช้วิธีการที่อธิบายไว้ในคำตอบของฉัน (ด้านบน) เพื่อสร้างแผ่นสไปรต์

หากคุณมีรูปภาพจำนวนมากต่อไปนี้เป็นเครื่องมือที่คุณสามารถใช้ในการสร้างแผ่นสไปรต์:

http://www.retroaffect.com/blog/159/Image_Atlas_Packer/#b

มันฟรีอย่างสมบูรณ์และจะบรรจุรูปภาพจำนวนหนึ่งไว้ในแผ่นสไปรต์ N จำนวน

คุณอาจจะรักเครื่องมือนี้:

http://www.bottomap.com/Software/A4B/A4B.html

http://www.darkfunction.com/editor/

อ๊ะ: ขออภัยในการโปรโมตตนเอง แต่นี่อาจเป็นสิ่งที่คุณกำลังมองหา

แก้ไข: เพียงแค่อัปเดตที่ฉันทำให้เครื่องมือนี้เป็นอิสระและ opensource https://github.com/darkFunction/darkFunction-Editor

ซอฟต์แวร์ภาพเคลื่อนไหว Spriteจะสร้างแผ่นงานสไปรต์ที่มีลำดับของภาพเคลื่อนไหวสไปรต์ทั้งหมดโดยอัตโนมัติ ซอฟต์แวร์นี้ใช้ไม่ได้กับแผ่นงานสไปรท์ที่สร้างขึ้นแล้ว - มันสร้างแผ่นงานสไปรต์ที่มีการวางแนวที่กำหนด (แนวตั้งแนวนอนหรือตาราง) และขนาดที่กำหนด

Sprite แอนิเมชันถูกสร้างโดยเครื่องมือเดียวกันโดยใช้โมเดลและพื้นผิวแบบ 2d-bone ดูวิดีโอบน youtube

ฉันใช้Texture Packerเพื่อสร้าง sprite จากโฟลเดอร์ภาพ PNG ฉันแปลงเกมที่พัฒนามาใน Flash ดังนั้นฉันแค่ส่งออกแต่ละเฟรมของ MovieClip ไปยัง png แล้วนำเข้ารูปภาพเหล่านั้นใน Texture Packer

อีกเครื่องมือที่คล้ายกันคือZwoptex

(หลังเป็นซอฟต์แวร์ Mac แต่ TP มีรุ่นสำหรับ Windows ด้วย)