Tipps und Tools zum Erstellen von Spritesheet-Animationen

Aufgrund der auftretenden Probleme empfehle ich Folgendes:

Arbeiten Sie zunächst mit Ebenen und Ordnern. Es ist wirklich hilfreich, einzelne Sprites in Ordnern zusammenzufassen, damit Sie sie alle verschieben können. Teile, die repliziert werden, sollten auf separaten Ebenen vorhanden sein.

(Wenn es also ein Schwert oder etwas gibt, sollte es vorhanden sein auf einer Schicht sein, Augen sollten auf einer Schicht sein, etc). Hier liegt die wahre Leistung dieser Art von Anwendungen für eine solche Aufgabe. Wenn Sie etwas durcheinander bringen, bringen Sie nicht nur diese Ebene durcheinander.

Aktivieren Sie dann das Lineal und das Raster. (Nehmen Sie sich auch die Zeit, um sie im Einstellungsmenü korrekt einzurichten.) Wenn Sie auf das Lineal klicken und es wegziehen, können Sie Richtlinien erstellen. Wenn Sie mithilfe der Richtlinien eigene Grenzwerte festlegen, können Sie die Sprites (die sich jetzt in Ordnern befinden sollten) an den Rasterlinien ausrichten, um sie weitaus besser zu positionieren .

Wenn die Animation während der Wiedergabe immer noch etwas außer Phase zu sein scheint, können Sie dies tun, wenn Sie ganz hineinzoomen (möglicherweise müssen Sie sicherstellen, dass dies im Einstellungsmenü aktiviert ist) Sehen Sie sich ein einzelnes Raster pro Pixel an, mit dem Sie die Dinge genau dort platzieren können, wo Sie sie benötigen.

Kommentare

• Übrigens, In diesem Beitrag wird erläutert, wie Photoshop in diesem Fall verwendet wird.
• @Sergio PhotoShop ist nicht unbedingt die einzige Bildbearbeitungssoftware, die Ebenen, Hilfslinien, Regeln und Raster pro Pixel enthält.
• @Sergio dachte, ich hätte erwähnt, dass ich ‚ in diesem Fall PS gegenüber Illustrator empfehlen würde. Aber ja, IIRC sollte immer noch all diese Funktionen besitzen, die sich in derselben Suite wie Photoshop befinden. Ich habe ‚ jedoch schon seit einiger Zeit nichts anderes als Photoshop und After Effects geöffnet.
• @AttackingHobo – er erwähnte das Einrasten von Richtlinien durch Klicken auf das Raster; Diese Aktion wird hauptsächlich in Photoshop verwendet und 99% der Tutorials, die jeder finden würde, wenn er danach sucht, würden Photoshop-Ergebnisse zurückgeben.
• @Sergio, danke, dass Sie mich daran erinnert haben, dass Sie auf das Lineal klicken und es ziehen sollen. Aber ja, Illustrator kann Anleitungen erstellen. Daher denke ich nicht, dass ‚ eine dieser Informationen falsch ist.

Spritesheets? Mac? Nehmen Sie Zwoptex: http://zwoptexapp.com/

Ihre Frage klingt sehr nach der einen Ich antwortete hier: Was ist ein gutes Werkzeug zum Erstellen animierter Sprites?

Sie können Ihre Animationen grundsätzlich in einem beliebigen Programm erstellen. Wann Mit Illustrator schlage ich vor, dass Sie die Animationsschritte auf Ebenen erstellen oder die Grafik sogar zur Animation in Flash importieren (seit Flash CS4 können Sie auch Bones in Flash erstellen. Hier finden Sie ein Tutorial ).

Sobald Sie Ihre Animationen fertig haben, Exportieren Sie einfach die Frames in Bilder und verwenden Sie dann die in meiner Antwort (oben) beschriebene Methode, um ein Sprite-Sheet zu erstellen.

Wenn Sie eine Reihe von Bildern haben, können Sie mit diesem Tool Sprite-Blätter erstellen:

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

Es ist völlig kostenlos und packt eine Reihe von Bildern in N Sprite-Blätter.

Möglicherweise lieben Sie dieses Tool:

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

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

Whoops: Entschuldigung für hinterhältige Eigenwerbung. Aber dies könnte genau das sein, wonach Sie suchen.

BEARBEITEN: Nur ein Update, dass ich dieses Tool kostenlos und OpenSource gemacht habe. https://github.com/darkFunction/darkFunction-Editor

Kommentare

• Da dies Ihr eigenes Produkt ist, sagen Sie es bitte, es steht ‚ in den FAQ
• das ist ein nettes Tool, das meinen eigenen Workflow jetzt mit Ebenen verwendet, was gut funktioniert, obwohl es etwas langsam ist, muss möglicherweise etwas genauer untersucht werden.

Die Sprite-Animationssoftware erstellt automatisch ein Sprite-Blatt, das eine geordnete Folge aller Frames der Sprite-Animation enthält . Diese Software funktioniert nicht mit bereits erstellten Sprite-Blättern. Sie erstellt ein Sprite-Blatt mit der vorgeschriebenen Ausrichtung (vertikal, horizontal oder Tabelle) und der vorgeschriebenen Größe.

Die Sprite-Animation wird mit demselben Tool unter Verwendung von 2d-Scharnieren erstellt. Knochenmodelle und Texturen. Sehen Sie sich das Video auf Youtube an

Kommentare

• Unsere FAQ empfiehlt gegen Antworten, die “ kaum mehr als ein Link zu einer externen Site sind. “ Fügen Sie möglicherweise einige Details hinzu, die erklären, was ‚ ist da und warum ist ‚ für diesen Fragesteller nützlich? 🙂

Ich habe Texture Packer verwendet, um Sprites aus einem Ordner mit PNG-Bildern zu erstellen. Ich portiere ein Spiel, das ursprünglich in Flash entwickelt wurde, also exportiere ich einfach jedes Bild des MovieClips nach PNG und importiere diese Bilder dann in Texture Packer.

Ein weiteres ähnliches Tool ist Zwoptex

(Letzteres ist Mac-Software, aber TP hat auch eine Version für Windows.)