Best way to make an image-map from a sequence
by Lexe · in Artist Corner · 08/06/2011 (5:16 am) · 4 replies
Hello fellow artists.
What is the quickest way to make an image-map out of a sequence of PNG graphics ?
Can it be done in Torque 2D, or do we need another tool ?
What is the quickest way to make an image-map out of a sequence of PNG graphics ?
Can it be done in Torque 2D, or do we need another tool ?
#2
Our idea was the following:
1) Build a 'skeleton' in flash and animate it there (walking, jumping,...)
2) import our armor pixelart into it
3) export every peice of armor animated seperately into PNG files (9 peice kit armor)
5) assemble a sprite map per armor
6) reasemble our character in Torque 2D
7) (using flash we would just have to import the new pixelart for new items and it would automatically get the correct animations)
Like this we would have a 9 peice character which could pick up any combination of armor peices (helmet, shoulder, elbow, chest, belt, pants, knees, legs, boots).
Turns out I didn't check the first export test very well, flash basically messes up our pixels when exporting (baking) the PNGs.
There is only one solution, fight the photoshop menu's until it gives me the same PNGs as flash already did :-s.
08/06/2011 (3:46 pm)
@MichaelOur idea was the following:
1) Build a 'skeleton' in flash and animate it there (walking, jumping,...)
2) import our armor pixelart into it
3) export every peice of armor animated seperately into PNG files (9 peice kit armor)
5) assemble a sprite map per armor
6) reasemble our character in Torque 2D
7) (using flash we would just have to import the new pixelart for new items and it would automatically get the correct animations)
Like this we would have a 9 peice character which could pick up any combination of armor peices (helmet, shoulder, elbow, chest, belt, pants, knees, legs, boots).
Turns out I didn't check the first export test very well, flash basically messes up our pixels when exporting (baking) the PNGs.
There is only one solution, fight the photoshop menu's until it gives me the same PNGs as flash already did :-s.
#3
08/07/2011 (12:09 pm)
@Lexe - Sounds like piecing them together as traditional sprite sheets will be the quickest route. I am talking to the makers of Spriter, which can eventually address your specific work flow. However, it is not integrated with Torque 2D. 
#4
montage -background "transparent" -depth 8 -type TrueColorMatte "CHARACTER_FRAME"_??.png -geometry 120x120 -tile 8x8 -matte -transparent "transparent" -type TrueColorMatte -depth 8 "OUT_MAP_NAME".png
However you have some other cool apps like:
Sprite Sheet Packer spritesheetpacker.codeplex.com/
Sprite Sheet Creator (this can be very useful for you, because it reads frames from a .SWF) fermmm.wordpress.com/2011/02/04/swf-spritesheet-creator/
Well, there are a lot more of apps, but I really like these ones.
08/08/2011 (3:21 pm)
You can use ImageMagick with the following command:montage -background "transparent" -depth 8 -type TrueColorMatte "CHARACTER_FRAME"_??.png -geometry 120x120 -tile 8x8 -matte -transparent "transparent" -type TrueColorMatte -depth 8 "OUT_MAP_NAME".png
However you have some other cool apps like:
Sprite Sheet Packer spritesheetpacker.codeplex.com/
Sprite Sheet Creator (this can be very useful for you, because it reads frames from a .SWF) fermmm.wordpress.com/2011/02/04/swf-spritesheet-creator/
Well, there are a lot more of apps, but I really like these ones.
Employee Michael Perry
ZombieShortbus