Hi,
If you are a game developer then you will always need a sequence of images to be animated & the best way to do it is via sprite sheet animations. But how can a sprite sheet be made? Suppose you have a sequence of images of any animations, how will you convert it into a sprite sheet-which is easy to render and manipulate?
Here I am going to teach you how to make sprite sheets from the sequence of images you have. Those sprite sheets and corresponding plist can be easily used for animations using Cocos2D in iPhone game development as well.
Making of cocos2D sprite sheet animations can be found in the post here.
Step 1 : Go to ‘Zwoptex’ Flash Site. Here is the link-> http://zwoptexapp.com/flashversion
Wait until it loads!
Step 2 : Import Images from the File Menu
Image may be NSFW.
Clik here to view.
Step 3 : Select all the sequence of images you want in the sprite sheet and Open
Image may be NSFW.
Clik here to view.
Step 4 : Arrange the Images you uploaded as you like, by name, width, height etc
Image may be NSFW.
Clik here to view.
Step 5 : Select all the images from the Edit Menu
Image may be NSFW.
Clik here to view.
Step 6 : Untrim the selected images.
Image may be NSFW.
Clik here to view.
Note : Never ever leave Step 6!
Step 7 : Click Export Texture from File menu for exporting your sprite sheet image
Image may be NSFW.
Clik here to view.
Step 8 : Click Export Coordinates from File menu for exporting your Plist
Image may be NSFW.
Clik here to view.
Done! Now you have the sprite sheet and corresponding Plist! Image may be NSFW.
Clik here to view.
Caution/Note : Always use individual images having SAME width and SAME height! In this example I used (you can see from screen shots!) images having different width (intentionally!) for just out of no reason I want to show a running sprites! So always use images having same width and height while making sprite sheets & never ever leave ‘Untrim’ selected images step 6!
Enjoy! If you have any doubts feel free to ask it in comments.
