RA Animation Exporter för Photoshop Spritesheets

• Maj 21, 2024

Med Photoshop^R Animationspanelen, du kan göra några väldigt fina animationer. Det är nästan synd att inte kunna använda dem på andra sätt än en webbgif-animation. I flera månader har jag letat efter skript för att konvertera ramarna för en Photoshop-animation till ett spritesheet.

Spritesheets är ett sätt att använda animering i mobilprojekt. De är mer minneseffektiva än filmklipp eftersom bara en png om den laddas i minnet. Med explosionen av mobilapputveckling är spritesheets mycket populära.

RA Animation Exporter skapades av Peter Jones (Retro Affect). Du kan ladda ner den gratis från webbplatsen - se länk nedan. I den nedladdade zipen hittar du RA Animation Exporter v.1.2.jsx-filen som gör jobbet. Jones levererar också ett exempel på PSD och PNG-fil.

RA Animation Exporter-skriptet kommer att sammanfoga de synliga lagren i varje ram i animationen till en bild med ett lager och placera alla resulterande bilder i följd på ett rutnät i ett nytt bildfönster. Den här nya bilden sparas på skrivbordet som en png-struktur. Med hjälp av höjden, bredden och antalet bildrutor i animationspanelen kommer skriptet att bestämma utgångsstorleken för png-bilden till närmaste effekt på två, vilket vanligtvis är ett krav för mobila projekt. En trevlig funktion är att skriptet letar efter och korrigerar alla vita haloeffekter som kan visas i bearbetade Photoshop-bilder.

För att få bästa resultat, vill du arbeta i Frames-läget på panelen Animationer, inte i tidslinjeläget. Alla lager i panelen Lager måste vara olåsta och du bör inte ha några tomma ramar i panelen Animationer. Du kan ha valfritt antal ramar till din animation och en dukstorlek på en effekt av två rekommenderas.

1. Innan du öppnar Photoshop kopierar du .jsx-filen till mappen Photoshop-skript.
   
   Program / Adobe Photoshop CS5.1 / Förinställningar / Skript /
   
   
2. Skapa din animering i Photoshop som vanligt.
   
   
3. Spara bildfilen som en psd-bild.
   
   
4. Klicka på File - Scripts - RA Animation Exporter v1.2.
   
   
5. På skrivbordet hittar du png med samma namn som i steg 3.
   
   

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

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta med tillstånd från Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Photoshop: How to Create a Retro, 8-Bit Pixel Portrait from a Photo (Maj 2024).