Game Development Stack Exchange is a question and answer site for professional and independent game developers. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am looking for a tool that I can use to create sprite sheet easily.

Right now I am using Illustrator, but I can never get the center of the character in the exact position, so it looks like it is moving around(even though its always in one place), while being loop through the sprite sheet. Is there any better tools that I can be using?

Also what kind of tips would you give for working with a sprite sheet? Should I create each part of the character in individual layers (left arm, right arm, body, etc.) or everything at once? any other tips would also be helpful! thank you

share|improve this question
up vote 13 down vote accepted

From the problems that you are having I recommend that you do the following:

First, work with layers and folders. It really does help, Group individual sprites together in folders so that you can move the whole of them around and parts that are replicated should exist on seperate layers.

(So if there is a sword or something it should be on a layer, eyes should be on a layer, etc). Thats where the real power of these type of applications are for such a task. If you mess something up, you don't mess it all up just that layer.

Then, enable the ruler and enable the grid. (Also take the time to set them up correctly in the preferences menu). If click the ruler and drag away from it, you can create guidelines. Setting up your own limits using the guidelines will allow you to snap the sprites (which should now be in folders) to the grid lines allowing you to position them far better.

Then finally, if things still seem a bit out of phase when the animation is playing. If you zoom all the way in (you may need to make sure this is enabled in the preferences menu) you can see an individual per-pixel grid. Which should allow you to place things exactly where you need them to be.

share|improve this answer
By the way, this post is talking about how to use Photoshop for this case. – Sergio Oct 8 '10 at 20:33
@Sergio, not nesessarily, PhotoShop is not the only image editing software that has layers, guides, rules, and per pixel grids. – AttackingHobo Oct 8 '10 at 21:09
@Sergio thought I mentioned that I'd recommend PS over illustrator in this case. But yeah, IIRC it should still possess all of those features being in the same suite as Photoshop. I haven't opened anything but Photoshop and After Effects for awhile now though. – Noctrine Oct 8 '10 at 23:48
@AttackingHobo - he mentioned snapping guidelines by clicking the grid; that action is used in Photoshop primarily and 99% of the tutorials anyone would find by searching for that would return Photoshop results. – Sergio Oct 9 '10 at 1:13
@Sergio thanks for reminding me, your supposed to click and drag from the ruler. But yes, Illustrator does have the ability to create guides. So I don't think that any of this information is false. – Noctrine Oct 9 '10 at 16:47

If you have 3D models there is a program made by EnvyGames, SpriteWorks, which will make 2D sprite sheets out of the models for you. Allows you to play animations and customize a bunch of stuff.

I think it's a bit pricey for what it is, $49.99.

Here is a tutorial on how to use SpriteWorks

Creating Sprites from 3D Models - EnvyGames

share|improve this answer

Spritesheets? Mac? Take Zwoptex:

share|improve this answer

Your question sounds a lot like the one I answered here:

You can basically create your animations in whichever program you prefer. When using Illustrator I suggest you create the animation-steps on layers or even import the artwork into Flash for animation (since Flash CS4 you can also create bones in flash. See here for a tutorial).

Once you have your animations done, just export the frames to images and then use the method described in my answer (above) to create a sprite-sheet.

share|improve this answer

If you have a bunch of images, here's a tool you can use to create sprite sheets:

It's completely free, and will pack a bunch of images into N number of sprite sheets.

share|improve this answer

You might end up loving this tool:

share|improve this answer

Whoops: Apologies for sneaky self promotion. But this might be just what you are looking for.

EDIT: Just an update that I have made this tool free and opensource.

share|improve this answer
Since this is your own product, please say so, it's in the FAQ – John McDonald Feb 26 '12 at 18:14
that is a nice tool, using my own workflow now with layers, which works well, though a bit slow, might have to look into this a bit more – Spooks Feb 27 '12 at 20:02

Sprite Animation Software automatically creates a sprite sheet that contains an ordered sequence of all frames of sprite animation. This software doesn't work with already created sprite sheets - it creates a sprite sheet with prescribed orientation(vertical, horizontal or table) and prescribed size.

Sprite animation is created by the same tool using hinged 2d-bones models and textures. watch video on youtube

share|improve this answer
Our FAQ recommends against answers that are "barely more than a link to an external site." Maybe add some detail explaining what's there and why it's useful to this questioner? :) – Cameron Fredman Feb 27 '13 at 4:26

I've been using Texture Packer to create sprites from a folder of PNG images. I'm porting a game originally developed in Flash, so I'm simply exporting each frame of the MovieClip to png and then importing those images in Texture Packer.

Another similar tool is Zwoptex

(The latter is Mac software, but TP has a version for Windows too.)

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.