HOME | DD
MuffinProject β
Mini Animation Tutorial
Published: 2008-10-02 09:05:52 +0000 UTC; Views: 10574; Favourites: 189; Downloads: 439
Redirect to original
Description
1st frame - putting down a skeleton and seeing if the animation is believable2nd-4th frames - blocking in bodyparts and checking if the animation still makes sense mass-wise
5th-7th frames - Adding in the actual clothes, shading and details
note - this is an example to teach how to animate.. it's not a base to edit.
edit - holy crap, a Daily Deviation Γ‘nd 150 Faves in about a day, thanks guys!
*dances*Great to know that people find it useful
Related content
Comments: 30
The W.I.P. steps were made in MSPaint (every frame/step of this animation) with 6 poses in one "animation strip".
Those strips were then loaded into Game Maker (which has a tool that automatically cuts a strip into separate animation frames.) to quickly see how it looks in animation. So going back and forth quite a bit between MSPaint and GameMaker. I'd make step 1 and look, tweak, look, tweak, and so on until I was satisfied. Then move on to step two (hand/foot blobs) and look, tweak, look. And so on.
To make THIS animation I then put all 'image strips' together in Photoshop (CS3, I think. It's been 5 years ago!) and exported it.
To make the resulting sprite animation I would export the animation from GameMaker, open it in Photoshop and then (after making the background transparent) export it from Photoshop. Game Maker is good for previewing, but the exported GIF files do not loop - but Photoshop GIF files do.
π: 0 β©: 0
awsome tutorial....you know when i was making my game sprites a few weeks ago till i stopped....i dont know how to animate my chars idle or stance you call it (or the breathing animation of a stance/idle) and sofar i cant find any other tutorial for one of those kind of animations and well i know on on the "so you wanna be a pixel artist" site and well i felt i should wait till someone made a tut like that...im just saying you dont have to do one or am i asking ya to at all..just nice tut and congrats for this to have a daily deviantation
π: 0 β©: 0
What program do you use to make these though?
π: 0 β©: 1
The sprites were made in good ol' MSpaint, then the animation was put together in something i don't remember. You can probably find a free animation tool online though...
π: 0 β©: 1
Ok, cool! thank you
π: 0 β©: 0
Well deserved, man. I love the running animation when I saw it on your site.
π: 0 β©: 0
Neat. I may be getting up to some isometric sprites before too long here, and this gives me some good ideas on workflow. Thanks, and congrats on the DD.
π: 0 β©: 0
Congrats for the DD!
I always wondered how animated sprites were created... I never had any animation classes, so this is definitly a solid place for me to start! ^^ XDD thank you very much for this tutorial! ^^
π: 0 β©: 0
I like your style alot, it seems alot easier than the way i animate things now! lol
π: 0 β©: 0
Neat, I'll have to keep this process in mind!
π: 0 β©: 0
rly nice job!!! i really liked the style you used!
π: 0 β©: 0
I had no idea this much work went into pixel animation! Well done!
π: 0 β©: 0
Good tutorial if I find some free time maybe I will use it :3
π: 0 β©: 0
wow exellent work, very detailed.
really cool
π: 0 β©: 0
Nice joB!
your good at pixel! maybe i'll try your animtion later!
π: 0 β©: 1
you'r welcome!
π: 0 β©: 0