08-04-2013, 08:58 PM
Hi there.
Have you ever wanted to create new character, but you were out of time, or too lazy to create whole spritesheet?
Now you can save a lot of your time and create basic character frames in less than 30 minutes!
Where's the catch?
The posibilities are limited and you won't be able to do everything with this base.
But it's still very functionable - if you use it correctly and adjust the elements the effect may be outstanding.
We just need Adobe Flash Cs5 or 6 (to open the file xD), then we design our character.
I've created this template model in like 3 hours from scratch.
You're just editing my work...
[spoiler
review]
[/spoiler]
Download Flash Template Spritesheet (Cs6 or Cs5)
The secret lays on the 'symbols', which are part of Flash technology.
I've created them using parts of body.
![[Image: 119b6vl.png]](http://i44.tinypic.com/119b6vl.png)
THAT'S ALL YOU NEED TO DRAW
Few changes...
![[Image: 2gt7sd5.png]](http://i41.tinypic.com/2gt7sd5.png)
And!
Voila ! Cheap desinged character is ready:
.
.
You can also use Flash Cs3
and create sprithesheet from SWF file!
![[Image: 2uz8ead.png]](http://i39.tinypic.com/2uz8ead.png)
Use onion skinning technique, if you're creating new frames.
It will give you a preview of previous frames.
Just select the "Onion skin" button under the timeline.
Then select how many preview or next frames you wanna see with black slider upon the timeline.
What do you do then?
Open the file with Adobe Flash Cs5 or newer and just edit every object in the library.
Then look at template object, if everything fits correctly.
If not, then adjust it.
If you're using CS6
Right Click on Template symbol in library -> generate sprite sheet
else, you will need to:
Right Click on Template symbol in library -> export PNG sequence
and then merge up all exported pngs with a spritesheet generator, you can use this online one http://draeton.github.io/stitches/
configure it and there you go!
You can also use the other template, which is a lot more detailed and needs a lot more work.
It was made at YinYin's sorted spritesheet
http://y2f.heliohost.org/index.php?curre...pment.html
DOWNLOAD NEW_TEMPLATE for CS5
Have you ever wanted to create new character, but you were out of time, or too lazy to create whole spritesheet?
Now you can save a lot of your time and create basic character frames in less than 30 minutes!
Where's the catch?
The posibilities are limited and you won't be able to do everything with this base.
But it's still very functionable - if you use it correctly and adjust the elements the effect may be outstanding.
We just need Adobe Flash Cs5 or 6 (to open the file xD), then we design our character.
I've created this template model in like 3 hours from scratch.
You're just editing my work...
[spoiler

![[Image: vcwcpy.png]](http://i42.tinypic.com/vcwcpy.png)
Download Flash Template Spritesheet (Cs6 or Cs5)
The secret lays on the 'symbols', which are part of Flash technology.
I've created them using parts of body.
![[Image: 119b6vl.png]](http://i44.tinypic.com/119b6vl.png)
THAT'S ALL YOU NEED TO DRAW
Few changes...
![[Image: 2gt7sd5.png]](http://i41.tinypic.com/2gt7sd5.png)
And!
Voila ! Cheap desinged character is ready:
Sheet (Click to View)
![[Image: a3xvc.png]](http://i44.tinypic.com/a3xvc.png)
.
You can also use Flash Cs3
and create sprithesheet from SWF file!
Spoiler (Click to View)
(08-27-2013, 02:49 PM)Blue Phoenix Wrote: [ -> ]I've been messing with it since yesterday. xmfcx converted the CS5-Template into CS3 (mad thank you again!), thus allowing me to play with it. Can be downloaded here: http://lf-empire.de/downloads/other/flas...27_CS3.fla
Since the spritesheet-generation doesn't work well for versions below cs5(?), there is another useful tool to work with: http://lf-empire.de/downloads/other/flas...ESHEET.swf
Instructions (Click to View)Additional props to xmfcx for finding that swf-thingy!
- Export your flash-project as an swf (shortcut: Ctrl+Enter).
- open the swf with the "swf to spritesheet"-app
- adjusting the width and height allows you to control the white borders added inbetween. Alternatively, you can fill them with black later when editing them in your favorite graphics program.
VERY USEFUL OPTION (Click to View)
![[Image: 2uz8ead.png]](http://i39.tinypic.com/2uz8ead.png)
Use onion skinning technique, if you're creating new frames.
It will give you a preview of previous frames.
Just select the "Onion skin" button under the timeline.
Then select how many preview or next frames you wanna see with black slider upon the timeline.
What do you do then?
Open the file with Adobe Flash Cs5 or newer and just edit every object in the library.
Then look at template object, if everything fits correctly.
If not, then adjust it.
If you're using CS6
Right Click on Template symbol in library -> generate sprite sheet
else, you will need to:
Right Click on Template symbol in library -> export PNG sequence
and then merge up all exported pngs with a spritesheet generator, you can use this online one http://draeton.github.io/stitches/
configure it and there you go!
You can also use the other template, which is a lot more detailed and needs a lot more work.
It was made at YinYin's sorted spritesheet
http://y2f.heliohost.org/index.php?curre...pment.html
DOWNLOAD NEW_TEMPLATE for CS5
Sheet (Click to View)
![[Image: 2vdh6k3.jpg]](http://i40.tinypic.com/2vdh6k3.jpg)
Symbol Base (Click to View)
arms (Click to View)
![[Image: 537128.png]](http://i44.tinypic.com/537128.png)
feet (Click to View)
![[Image: zxmmmx.png]](http://i40.tinypic.com/zxmmmx.png)
heads (Click to View)
![[Image: 2i03eqr.png]](http://i43.tinypic.com/2i03eqr.png)
legs (Click to View)
![[Image: oqfyo0.png]](http://i43.tinypic.com/oqfyo0.png)
torsos (Click to View)
![[Image: 259e6hd.png]](http://i42.tinypic.com/259e6hd.png)
Advantages of Flash (Click to View)
This may be hard for you to get on with, if you never have worked with Macromedia/Adobe Flash and its symbols/movieclips.
This morning I came up with an idea. I'm so attached to Macromedia/Adobe Flash right now, so I decided to create a spritesheet in it.
Firstly I found it really uncomfortable and awkward. Then I decided to create each frame alone (on timeline)... Seems very good!
Currently I find this method very effective (if not most), but It has some drawbacks.
Ok. Let me show you the effect:
1. Flash uses Vector graphic. This means, that there are no pixels.
You can zoom in the graphic, as much as you want, because it's all based on curves described with mathematical functions.
So here we go with the equation:
+ Can content much more detail (even if not seen in the outtaken effect)
+ No loosing quality, no matter how many times you envelope/rotate/resize object
- Much more memory needed.
![[Image: 2zf4vph.png]](http://i42.tinypic.com/2zf4vph.png)
I've created this sprite that big, just becouse it didn't take much from me to make it big.
2. Flash is mainly used for animating. In the result it has its own timeline and uses layers.
That's a great advantage. You create a frame-by-frame animation, instead of creating no-related sprites.
+ Animation previews included
+ - Unusual interface (for spritesheet creator)
3. Flash can use symbols to create animations.
+Symbol/MovieClips using
4. Spritesheet generating
This is most confusing part (at least for me, right now).
After we have a timeline full of sprite, we need to pack it up into a symbol.
Then when we have a symbol, which is using all the frames. We click on the symbol with our sprites in the library with right button of mouse -> generate spritesheet.
And it will create an usual spritesheet.
But:
- I don't know how to configure it to create 79x79+frame sheet
This morning I came up with an idea. I'm so attached to Macromedia/Adobe Flash right now, so I decided to create a spritesheet in it.
Firstly I found it really uncomfortable and awkward. Then I decided to create each frame alone (on timeline)... Seems very good!
Currently I find this method very effective (if not most), but It has some drawbacks.
Ok. Let me show you the effect:
1. Flash uses Vector graphic. This means, that there are no pixels.
You can zoom in the graphic, as much as you want, because it's all based on curves described with mathematical functions.
So here we go with the equation:
+ Can content much more detail (even if not seen in the outtaken effect)
+ No loosing quality, no matter how many times you envelope/rotate/resize object
- Much more memory needed.
![[Image: 2zf4vph.png]](http://i42.tinypic.com/2zf4vph.png)
I've created this sprite that big, just becouse it didn't take much from me to make it big.
2. Flash is mainly used for animating. In the result it has its own timeline and uses layers.
That's a great advantage. You create a frame-by-frame animation, instead of creating no-related sprites.
+ Animation previews included
+ - Unusual interface (for spritesheet creator)
3. Flash can use symbols to create animations.
+Symbol/MovieClips using
Symbols (Click to View)
Symbol is something, that you keep in your library.
For example, we draw a head, and we transform it into a Symbol.
Now we paste this Symbol in each frame.
You can pose it as you wish, envelope it, rotate and resize.
When you change the object in library, the Symbol itself, it will change in every frame.
In this way, we can change head in every frame, just by editing one head out of frame.
For example, we draw a head, and we transform it into a Symbol.
Now we paste this Symbol in each frame.
You can pose it as you wish, envelope it, rotate and resize.
When you change the object in library, the Symbol itself, it will change in every frame.
In this way, we can change head in every frame, just by editing one head out of frame.
This is most confusing part (at least for me, right now).
After we have a timeline full of sprite, we need to pack it up into a symbol.
Then when we have a symbol, which is using all the frames. We click on the symbol with our sprites in the library with right button of mouse -> generate spritesheet.
And it will create an usual spritesheet.
But:
- I don't know how to configure it to create 79x79+frame sheet