Mobile app version of vmapp.org
Login or Join
Hamm6457569

: Convert Photoshop animation to spritesheet I have an animation that I have exported to gif, works perfect and all, but it is for a game and therefore I need to create a spritesheet for display.

@Hamm6457569

Posted in: #AdobePhotoshop #Animation #Sprite

I have an animation that I have exported to gif, works perfect and all, but it is for a game and therefore I need to create a spritesheet for display. Also, I may be creating other animations for the spritesheet, the current animation is a character running maybe adding jumping, etc.

First off, is there an easy way to export an animation to a spritesheet? Secondly, what about adding other animations, I can do the cut and paste manually but is there an easier way?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Hamm6457569

3 Comments

Sorted by latest first Latest Oldest Best

 

@Murray664

This is what I would do:


Image > Canvas Size - Height (unchanged), Width 1600px (or however big you need)
Select Move Tool (v)
Hold shift to lock the y-axis and drag each layer sideways to create a sprite sheet.
Layer > Merge Visible
Save and enjoy

10% popularity Vote Up Vote Down


 

@Vandalay110

Realize this post is old, but it had half of what I needed. To anyone that runs across this, another good tool is TexturePacker - www.codeandweb.com/texturepacker Its pretty good, lots of options.

10% popularity Vote Up Vote Down


 

@Hamm6457569

In the animation panel flyout menu, choose the (somewhat misleading, imho) "Flatten Frames into Layers." That will give you a layer for each frame.

Export the layers using File > Scripts > Export Layers to Files.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme