RA Animation Exporter für Photoshop Spritesheets

• April 24, 2024

Mit dem Photoshop^R. Im Animationsfenster können Sie einige sehr schöne Animationen erstellen. Es ist fast eine Schande, sie nicht auf andere Weise als als eine Web-GIF-Animation verwenden zu können. Seit einigen Monaten suche ich nach Skripten, um die Frames einer Photoshop-Animation in ein Spritesheet zu konvertieren.

Spritesheets sind eine Möglichkeit, Animationen in mobilen Projekten zu verwenden. Sie sind speichereffizienter als Movieclips, da nur ein PNG in den Speicher geladen wird. Mit der Explosion der Entwicklung mobiler Apps sind Spritesheets sehr beliebt.

RA Animation Exporter wurde von Peter Jones (Retro Affect) erstellt. Sie können es kostenlos von der Website herunterladen - siehe Link unten. In der heruntergeladenen Zip-Datei finden Sie die Datei RA Animation Exporter v.1.2.jsx, die die Arbeit erledigt. Jones liefert auch eine Beispiel-PSD- und PNG-Datei.

Das RA Animation Exporter-Skript führt die sichtbaren Ebenen in jedem Frame der Animation zu einem Bild mit einer Ebene zusammen und platziert alle resultierenden Bilder nacheinander in einem Raster in einem neuen Bildfenster. Dieses neue Bild wird als PNG-Textur auf Ihrem Desktop gespeichert. Anhand der Höhe, Breite und Anzahl der Frames im Animationsfenster ermittelt das Skript die Ausgabegröße des PNG-Bildes auf die nächste Zweierpotenz, was normalerweise bei mobilen Projekten erforderlich ist. Eine nette Funktion ist, dass das Skript nach weißen Halo-Effekten sucht und diese korrigiert, die in verarbeiteten Photoshop-Bildern auftreten können.

Um optimale Ergebnisse zu erzielen, sollten Sie im Animationsbedienfeld im Rahmenmodus und nicht im Zeitleistenmodus arbeiten. Alle Ebenen im Ebenenbedienfeld müssen entsperrt sein, und Sie sollten keine leeren Rahmen im Animationsbedienfeld haben. Sie können eine beliebige Anzahl von Frames für Ihre Animation verwenden. Eine Leinwandgröße von Zweierpotenzen wird empfohlen.

1. Kopieren Sie vor dem Öffnen von Photoshop die JSX-Datei in den Ordner mit den Photoshop-Skripten.
   
   Anwendungen / Adobe Photoshop CS5.1 / Voreinstellungen / Skripte /
   
   
2. Erstellen Sie Ihre Animation wie gewohnt in Photoshop.
   
   
3. Speichern Sie die Bilddatei als psd-Bild.
   
   
4. Klicken Sie auf Datei - Skripte - RA Animation Exporter v1.2.
   
   
5. Suchen Sie auf Ihrem Desktop das PNG mit demselben Namen wie in Schritt 3.
   
   

//retroaffect.com/blog/132/Photoshop_Animation_to_Sprite_Sheet/

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: After Effects + Unity3D Composition workflow tutorial (April 2024).