Home
1. Main form
This is the opening form of 'Alferd Spritesheet Unpacker'.
Should be fairly obvious but to 'Unpack' a spritesheet simply drag a bitmap file (or bitmap files) onto the form. Alternatively if you've copied a spritesheet into your clipboard then use the 'From Clipboard' button.
2. Unpacking
Once an image has been dropped onto the application 'Alferd Spritesheet Unpacker' will begin identifying the individual frames of animation in the spritesheet bitmap.
** If you're unpacking multiple spritesheets you'll first be prompted to confirm you'd like to unpack multiple spritesheets **
Notice the title bar tells us the progress.
3. Unpacked
Once 'unpacked' all the individual frames are identified with a border.
** If you're unpacking multiple spritesheets then Aflerd Spritesheet Unpacker will automatically select all and export the frames into a new folder in whatever 'export location' is entered in the long textbox at the bottom **
4. Select a loop
We can navigate the spritesheet by holding down the left mouse button and scrolling the bitmap.
Once we've found the animation loop we're interested in we can select each frame by clicking on it.
** Please note: the order these frames are selected defines the file name indexes given to the new bitmaps **
5. Export a loop
Now we can click the 'Export Selected' button to export those frames as seperate bitmaps.
The export location defaults to the path in the text box next to the 'Export Selected' button but before the new bitmaps are saved you get the chance to change this location.
Notice the new bitmap's backgrounds are made transparent but this can be changed via the 'Options' button.
6. Selecting frames to combine
Sometimes 'Alfred Spritesheet Unpacker' treats a single frame of animation as two or more seperate frames.
To fix this any number of frames can be combined into a single frame. A magnified area at the top left of the form should make selected small frames easier.
7. Combining frames
Now when we click the 'Combine Selected' button all the selected frames are removed (including any overlapping the new frame area) and a new frame is created combining all those frames selected.
8. Cutting frames
Sometimes 'Alfred Spritesheet Unpacker' treats multiple frames of animation as a single frame.
To fix this the application allows any frame to be cut into four smaller frames.
9. Cut mode
When the 'Cut' mode button is toggled we can pick any point within a frame to cut that frame into four. 'Cut' mode can be toggled via the 'Cut' mode button or clicking the right mouse button.
The new frames are highlighted to show the exact boundary of the new frames. For precise selection the keyboard-arrow-keys can be used to move the cursor.
10. After a cut
In this example we only wanted to cut the frame into two but we can quickly use the combine function to get the desired outcome.
11. Cut finished
After a quick combine the Spritesheet is now as desired.
12. Options
The colours used for highlighting frames within the spritesheet can be changed on the options form as well as the thickness of the frame borders.
There is also the option to change the export file format.
The distance between frames can also be set to allow for spritesheets with frames packed closely together or sprite sheets with frames far apart.
13. An overview
Here's a video of the application in use from end to end.
download
http://www.alferdspritesheetunpacker.forkandbeard.co.uk/forkandBeard/apps/AlferdSpritesheetUnpacker/Download.aspx
This is the opening form of 'Alferd Spritesheet Unpacker'.
Should be fairly obvious but to 'Unpack' a spritesheet simply drag a bitmap file (or bitmap files) onto the form. Alternatively if you've copied a spritesheet into your clipboard then use the 'From Clipboard' button.
2. Unpacking
Once an image has been dropped onto the application 'Alferd Spritesheet Unpacker' will begin identifying the individual frames of animation in the spritesheet bitmap.
** If you're unpacking multiple spritesheets you'll first be prompted to confirm you'd like to unpack multiple spritesheets **
Notice the title bar tells us the progress.
3. Unpacked
Once 'unpacked' all the individual frames are identified with a border.
** If you're unpacking multiple spritesheets then Aflerd Spritesheet Unpacker will automatically select all and export the frames into a new folder in whatever 'export location' is entered in the long textbox at the bottom **
4. Select a loop
We can navigate the spritesheet by holding down the left mouse button and scrolling the bitmap.
Once we've found the animation loop we're interested in we can select each frame by clicking on it.
** Please note: the order these frames are selected defines the file name indexes given to the new bitmaps **
5. Export a loop
Now we can click the 'Export Selected' button to export those frames as seperate bitmaps.
The export location defaults to the path in the text box next to the 'Export Selected' button but before the new bitmaps are saved you get the chance to change this location.
Notice the new bitmap's backgrounds are made transparent but this can be changed via the 'Options' button.
6. Selecting frames to combine
Sometimes 'Alfred Spritesheet Unpacker' treats a single frame of animation as two or more seperate frames.
To fix this any number of frames can be combined into a single frame. A magnified area at the top left of the form should make selected small frames easier.
7. Combining frames
Now when we click the 'Combine Selected' button all the selected frames are removed (including any overlapping the new frame area) and a new frame is created combining all those frames selected.
8. Cutting frames
Sometimes 'Alfred Spritesheet Unpacker' treats multiple frames of animation as a single frame.
To fix this the application allows any frame to be cut into four smaller frames.
9. Cut mode
When the 'Cut' mode button is toggled we can pick any point within a frame to cut that frame into four. 'Cut' mode can be toggled via the 'Cut' mode button or clicking the right mouse button.
The new frames are highlighted to show the exact boundary of the new frames. For precise selection the keyboard-arrow-keys can be used to move the cursor.
10. After a cut
In this example we only wanted to cut the frame into two but we can quickly use the combine function to get the desired outcome.
11. Cut finished
After a quick combine the Spritesheet is now as desired.
12. Options
The colours used for highlighting frames within the spritesheet can be changed on the options form as well as the thickness of the frame borders.
There is also the option to change the export file format.
The distance between frames can also be set to allow for spritesheets with frames packed closely together or sprite sheets with frames far apart.
13. An overview
Here's a video of the application in use from end to end.
download
http://www.alferdspritesheetunpacker.forkandbeard.co.uk/forkandBeard/apps/AlferdSpritesheetUnpacker/Download.aspx