General Tutorial (updated with running)

Learn about how to get the most out of Stykz here
Forum rules
View them here. Make sure you read and agree to abide by the rules before posting.

General Tutorial (updated with running)

Postby Hegemon on Sun Feb 28, 2010 12:09 am

Easing
Easing is one of the most important factors of a decent animation. To begin making great animations, you must master easing.
Easing is when you start slowly, then speed up, and then slowing down until stopping.
Example: l-l--l---l----l-----------l----l---l--l-l ; the l's are the frames, and the -'s the distance.

This should be the product.
Image
LINK

Now compare the eased animation to the uneased animation
Example: l---l---l---l---l---l---l---l---l (equal distance moved all the way through)
Image
LINK
Do you see how much smoother the top animation looks than the lower one? Easing should be used in most if not all movements of an animation.

Running
Image
LINK
Study the frames, then make your own sort of style of running once you get the concept.
At 21 fps, I found that a 7 frame run looks best (the gif is messed up, can anyone pm me on how to fix it *;)* )
I used 3 frames on the ground, 4 in the air.
Frame 1: Front foot on the ground, legs pretty spread apart
Frame 2: Legs come closer, arms come closer, man crouches
Frame 3: Legs and arms cross, man crouches a little more. DO NOT FORGET TO PUT A FRAME WHERE THE LEGS CROSS or else the legs will seem to bounce off each other
Frame 4: Arms and legs finish the cross, man enters the air slightly, raises posture slightly along with origin (1-2 pixel)
Frame 5: Legs spread wider apart with the front leg at an acute angle, origin goes up slightly more, arms spread out and torso raises just a little more.
Frame 6: Man falls about a pixel, front leg goes into an obtuse angle, legs close in as well as arms, torso lowers slightly.
Frame 7: Man is almost on the floor limbs come closer together, torso lowers just a small amount.
Tip: use onionskin trailing with the head, arms, and back leg to make it look smoother if thats what you want.

Stiffness
Yeah, in this section, I can't really give a good example, this is more of a concept. If an animation is stiff, then the figure doesn't look fluid or, to be blunt: good. When most people try to help somebody make their animation flow more, they say "OMGZ you gotsa move all the joints every frame!!!!!!!!!!!" That's wrong. You don't necessarily have to make all the joints move in a frame, but you need to move enough joints to make it look fluid and flow well. Don't overdo it, but also don't EVER under-do joint movement.
Again, an example is hard to give, you just need to be able to understand the concept.
Last edited by Hegemon on Wed Aug 25, 2010 7:05 pm, edited 4 times in total.
Hegemon
Getting started
 
Posts: 39
Joined: Sat Feb 27, 2010 11:54 pm

Re: Easing Tutorial

Postby Hoboapple on Sun Feb 28, 2010 8:54 am

Nice tutorial, maybe have a bad example, too?
stykzman wrote:
Murder, she wrote:A television series in the 80's.

Bow, bow, bow your wrote:...stently gown the dream...

I'm not sure what I just wrote:... does it make sense to you?

Stephen King wrote:Buy my books! *:x*

*8-)*

Image
User avatar
Hoboapple
* Funniest Person '09 *
 
Posts: 4808
Joined: Wed Mar 11, 2009 4:53 pm

Re: Easing Tutorial

Postby stykzman on Sun Feb 28, 2010 10:58 am

Hoboapple wrote:
Nice tutorial, maybe have a bad example, too?

You mean for comparison? Good idea...
:stykz:
User avatar
stykzman
Site Admin
 
Posts: 1441
Joined: Wed Jul 30, 2008 10:59 pm

Re: Easing Tutorial

Postby Hoboapple on Sun Feb 28, 2010 12:51 pm

Lol, nah, just to confuse them.
stykzman wrote:
Murder, she wrote:A television series in the 80's.

Bow, bow, bow your wrote:...stently gown the dream...

I'm not sure what I just wrote:... does it make sense to you?

Stephen King wrote:Buy my books! *:x*

*8-)*

Image
User avatar
Hoboapple
* Funniest Person '09 *
 
Posts: 4808
Joined: Wed Mar 11, 2009 4:53 pm

Re: Easing Tutorial

Postby Hegemon on Sun Feb 28, 2010 3:16 pm

That's actually a good idea, I'll add a bad example for comparison :P
Hegemon
Getting started
 
Posts: 39
Joined: Sat Feb 27, 2010 11:54 pm

Re: Easing Tutorial

Postby Hydra on Sun Feb 28, 2010 11:58 pm

Good tutorial. Basic. Easy to understand.

Never again shall I struggle with easing.
DarkFlame wrote:We all know who Hydra is, he's the most awesomest user on Stykz.

Image
Animations ---->(O)

.styk Files ---->(O)

ImageImage

Oh, groodness...
vam01 wrote:i know that i read the rules i just cant follow them

Hydra looks good in mod green, hmm?
User avatar
Hydra
Stykz Trooper
 
Posts: 1325
Joined: Sun Mar 22, 2009 7:48 pm
Location: <_<

Re: Easing Tutorial

Postby Hegemon on Mon Mar 01, 2010 12:09 am

Hahah thank you. I might make this into a more general tutorial... Does anybody have any suggestions?
Hegemon
Getting started
 
Posts: 39
Joined: Sat Feb 27, 2010 11:54 pm

Re: Easing Tutorial

Postby Hydra on Mon Mar 01, 2010 12:28 am

You could add in a section on stiffness.
DarkFlame wrote:We all know who Hydra is, he's the most awesomest user on Stykz.

Image
Animations ---->(O)

.styk Files ---->(O)

ImageImage

Oh, groodness...
vam01 wrote:i know that i read the rules i just cant follow them

Hydra looks good in mod green, hmm?
User avatar
Hydra
Stykz Trooper
 
Posts: 1325
Joined: Sun Mar 22, 2009 7:48 pm
Location: <_<

Re: General Tutorial (More to come, give suggestions)

Postby Hegemon on Mon Mar 01, 2010 1:13 am

Updated with a section on stiffness
Hegemon
Getting started
 
Posts: 39
Joined: Sat Feb 27, 2010 11:54 pm

Re: General Tutorial (More to come, give suggestions)

Postby Hegemon on Tue Aug 24, 2010 11:32 pm

Updated the easing section with links, give suggestions
Hegemon
Getting started
 
Posts: 39
Joined: Sat Feb 27, 2010 11:54 pm


Return to Tutorials and Help Docs

Who is online

Users browsing this forum: No registered users and 1 guest

cron