I use Photoshop (or Elements) to trim, crop and conform each frame. They will all need to be the same size of course and you'll have to make sure your character is in its correct place within each frame or it will jump around! Save each one out as Save For Web with PNG transparency. That way you can load each one into the animation behavior. Hope that helps.
In all seriousness, though, if they're uniformly spaced, first, take out the background color in Photoshop, gimp, preview, etc. Then use this website: http://www.htmlkit.com/services/is/ to slice it up.
If they aren't uniformly spaced an he same size, then it will take A LOT of tedious photoshopping.
Asymptoteell said: In all seriousness, though, if they're uniformly spaced, first, take out the background color in Photoshop, gimp, preview, etc. Then use this website: http://www.htmlkit.com/services/is/ to slice it up.
If they aren't uniformly spaced an he same size, then it will take A LOT of tedious photoshopping.
tried out that site, it was so quick and easy, thanks a ton!
Asymptoteell said: In all seriousness, though, if they're uniformly spaced, first, take out the background color in Photoshop, gimp, preview, etc. Then use this website: http://www.htmlkit.com/services/is/ to slice it up.
If they aren't uniformly spaced an he same size, then it will take A LOT of tedious photoshopping.
Good hint, will try it. ;-)
For pixel editing, Pixen is pretty good, and freee! There's also "Sprite Something" on iOS
If you have access to After Effects you can set up an animation with the sheet moving to the correct position for each frame, then export as a sequence. You can also do the flips in the same file composition. By saving the After Effect project file you can just re-open it and 'replace the sheet with a new one and repeat the process whenever you need it. If you need to key out a background that is also possible if the colour doesn't occur in the art, but if it does then take the whole sheet into photoshop, copy the layer (if it doesn't have an alpha channel), paste it back to itself so you now have two layers, delete the background layer, select the border and any bits you want transparent and erase. For this you might want to check to make sure you have the right select setting as a soft edged selection may eat the borders of the art, but if you turn off anti-alising you should be fine. this you then can save and cut up or put through After Effects.
Comments
From the roadmap it looks like its coming tho.
If you need it for other reasons, here are a few sprite sheet generator tools:
http://www.texturepacker.com/
http://zwoptexapp.com/
Save each one out as Save For Web with PNG transparency. That way you can load each one into the animation behavior.
Hope that helps.
If they aren't uniformly spaced an he same size, then it will take A LOT of tedious photoshopping.
For pixel editing, Pixen is pretty good, and freee! There's also "Sprite Something" on iOS
http://www.xshld.com/dev/splicer.html