Topic: Explaining the keyframe system

The Keyframe System

This is a method which makes animation so much easier to make, and a much smoother animation. Before keyframing was invented, frame-by-frame animation was used. This took a long time to make and was imperfect in many ways.

It was designed so the animator would draw each frame, So if I wanted to make an animation with 6 frames that lasted a second, I'd have to draw 6 frames, and the animation would not play smoothly.

I would have to make each frame here individually:

http://i448.photobucket.com/albums/qq204/r4z2/Keyframesquare1.jpg
http://i448.photobucket.com/albums/qq204/r4z2/Fbfsquare1.jpg
http://i448.photobucket.com/albums/qq204/r4z2/Fbfsquare2.jpg
http://i448.photobucket.com/albums/qq204/r4z2/Fbfsquare3.jpg
http://i448.photobucket.com/albums/qq204/r4z2/Fbfsquare4.jpg
http://i448.photobucket.com/albums/qq204/r4z2/Keyframesquare2.jpg

And that would result in this animation:

http://i448.photobucket.com/albums/qq204/r4z2/Fbfsquare.gif

As I said, it isn't smooth and it took a while to draw each square in the right position.


But keyframing makes things so much easier, you only have to draw two frames to create the same animation which plays smoothly.

http://i448.photobucket.com/albums/qq204/r4z2/Keyframesquare1.jpg
http://i448.photobucket.com/albums/qq204/r4z2/Keyframesquare2.jpg

And using these two frames, the program can figure out the frames in between by itself, you dont have to draw them yourself. And you can configure this animation to be as smooth as you want.

And you only had to draw two frames! image that you had to draw 30 frames per second for an animation by doing frame by frame, you can see how much time keyframing can save you!

Here is the animation using keyframes:

http://i448.photobucket.com/albums/qq204/r4z2/Keyframesquare.gif

Much smoother and quicker to make!

Pivot uses frame by frame animation, but Dimp uses keyframing. Looks like Dimp is already ahead of Pivot and the full version hasn't even been released yet smile

I hope this helps a few people understand keyframing a bit better,

r4z2

Last edited by r4z2 (2009-01-04 21:43:13)

www.r4z2.co.uk - Special effects, designing, tutorials, images, videos, logos, intros and more smile
http://i448.photobucket.com/albums/qq204/r4z2/cc0bb94c.gif
I design avatars out of .dimp files

Re: Explaining the keyframe system

Another thing you should keep in mind is that in Dimp, the keyframing is per bone, not per frame.

This means that if you want to move the arm over time, do just that. You don't have to make keyframes for every bone every time, only those who you want to change at any specific time.

Re: Explaining the keyframe system

Definitely. Dimp is already proving to be a much-better developed program with a nicer Core. wink
Thanks for the guide, I'll add it to the Information Center, but can't you change the colour to a dark green or maroon?

~ Sean

Re: Explaining the keyframe system

This makes alot more sense to me now. This is alot more in depth and thats exactly what I needed
Thanks

‹⁄⁄⁄⁄˘¯˘‹⁄
My Pivot 2.2.5 Animations

Re: Explaining the keyframe system

You didn't know this before? In any case, it's informative, so that's why I added it to the "Information Center".

~ Sean

Re: Explaining the keyframe system

I knew it, but only to the point of generally being able to grasp the concept haha. My mind was stuck on Pivot, Ive been animating for about 2 years so easing and other things are engraved in my mind.
But this bettered my understanding alot haha

‹⁄⁄⁄⁄˘¯˘‹⁄
My Pivot 2.2.5 Animations

Re: Explaining the keyframe system

I understand the confusion. But you've grasped the Dimp method? wink

~ Sean

Re: Explaining the keyframe system

Is this better Sean?

www.r4z2.co.uk - Special effects, designing, tutorials, images, videos, logos, intros and more smile
http://i448.photobucket.com/albums/qq204/r4z2/cc0bb94c.gif
I design avatars out of .dimp files

Re: Explaining the keyframe system

Sean wrote:

I understand the confusion. But you've grasped the Dimp method? wink

Yeah, slowly but surely

‹⁄⁄⁄⁄˘¯˘‹⁄
My Pivot 2.2.5 Animations

Re: Explaining the keyframe system

Good to know. And you now prefer it?
And thanks for the colour-change. Maroon (brown-red) would have also been nice. wink

~ Sean

Re: Explaining the keyframe system

Sean wrote:

Good to know. And you now prefer it?

I wouldnt go as far as saying that, but I defiantly see it as more advanced than frame by frame animation

‹⁄⁄⁄⁄˘¯˘‹⁄
My Pivot 2.2.5 Animations

Re: Explaining the keyframe system

So it just doesn't feel completely right for you yet I take it.

~ Sean

Re: Explaining the keyframe system

Yeah, but as Dimp advances Ill advance with it, its not too difficult

‹⁄⁄⁄⁄˘¯˘‹⁄
My Pivot 2.2.5 Animations

Re: Explaining the keyframe system

Since I used Dimp before Pivot, I find the Pivot method primitive. big_smile

~ Sean

Re: Explaining the keyframe system

Go figure, but so far Pivot has alot more features and abilities than Dimp >_>

‹⁄⁄⁄⁄˘¯˘‹⁄
My Pivot 2.2.5 Animations

Re: Explaining the keyframe system

Well it is almost Pivot 3.0 vs. Dimp Preview, so never fear, features will come. wink

~ Sean

Re: Explaining the keyframe system

Pivot 2.2.5 > Pivot 3 Beta
So Dimp wins in your comparison

‹⁄⁄⁄⁄˘¯˘‹⁄
My Pivot 2.2.5 Animations

Re: Explaining the keyframe system

Once Dimp gets to version 3, I'm sure it will be skyrocketing with features far better than Pivot smile What do you expect - it's built with Xcode smile

www.r4z2.co.uk - Special effects, designing, tutorials, images, videos, logos, intros and more smile
http://i448.photobucket.com/albums/qq204/r4z2/cc0bb94c.gif
I design avatars out of .dimp files

Re: Explaining the keyframe system

For sure. wink
Thanks for the maroon.

~ Sean

Re: Explaining the keyframe system

objective c isnt that hard to work with actually

•*°'`*•*`‘°*•*°'`*•*°'`*•Zenmen5•*°'`*•*°'`*•*°'`*•*°'`*•
Then the Z and the M shalt endeth with the letters EN and the second EN will be followed by five!-Me
http://img91.imageshack.us/img91/2733/93888415.jpg

Re: Explaining the keyframe system

What's that got to do with the current topic. tongue
Back on-topic thanks guys.

~ Sean

Re: Explaining the keyframe system

Hows this color Sean? tongue Each letter a different color

*whistles*

www.r4z2.co.uk - Special effects, designing, tutorials, images, videos, logos, intros and more smile
http://i448.photobucket.com/albums/qq204/r4z2/cc0bb94c.gif
I design avatars out of .dimp files

Re: Explaining the keyframe system

What the... I just pressed "Edit" on your post. That's... that's...
Dude, find a better pass-time. tongue

~ Sean

Re: Explaining the keyframe system

Meh, I call it the ultimate procrastination from life.

www.r4z2.co.uk - Special effects, designing, tutorials, images, videos, logos, intros and more smile
http://i448.photobucket.com/albums/qq204/r4z2/cc0bb94c.gif
I design avatars out of .dimp files

Re: Explaining the keyframe system

I call it "madness". wink

~ Sean