HOME | DD

Description
For those who are curious about the update notification, I slowed it down so that people can view the steps easier.

Welp, I finally decided to do this. I saved some of the key moments so I can explain how exactly animate stuff.
I'll be going over this the way I know how.

There will be a lot of points where the design of the character will be brought up. Just because a character looks good does not mean it is built to be animated easily, so always consider if your character's design will actually translate well.

To start, just consider what you're animating. You know, what the actual action taking place is. Since you guys are most interested in characters(No surprise there), just have the positions where the character starts and stops. If the animation loops like here, just have the edges of the movements marked. If there is a part that doesn't move, draw how you expect that part to look and just stick it in position. Having a base for the movements helps, but don't force a solid base if that's not what the animation would benefit from.

This example has a solid base after Marii jumps to get back to the first frame, but the rest if free-form:

Once that's done, roughly draw the movements with a color that isn't in the animation so it's clearly visible even after you start drawing. I just trial and error my way to getting the movements looking smooth. Some pieces of advice is just to really think of how a moving object is affected by the movements and how it affects any possible objects, such ask how Jazz's dress has layers, so the innermost layer drags the others along. The fabric is very light, so it gets dragged in the wind. The dress is also designed to display this without having to wrinkle up.

Things like the arms and the antennas don't have to have constantly new frames, having just one re-drawing and moving to the next position tends to look pretty good.

Once the movements of the rough drawings look right, I fill them in. Because the dress has so many jagged stripes, I filled them in from the bottom to the top until it was finished. I made sure the striped didn't jump around too much. The stripe on the antenna and the stripes on the sleeves weren't placed until after they looked smooth. You can copy and paste them sometimes because redrawing them usually turns out badly. I don't think it CAN'T be done, but copying it is faster and fine as long as they aren't in the exact same position.

The rest mainly pertains to this animation, since Jazz is floating, but you may learn something from it.

Once everything but the hair was finished, I made Jazz float up and down. That's because this movement is what effects the hair. Because her hair has two big loops, I just made two circle move like Jazz but bouncier. Then, I just wrapped the hair around the circle for each frame and erased the circles. Clean up any small details and it should be done.

That's about it. These are the basics. Now, of course, more specific movements may require more specific tutorials, but this is the general idea of how I animate. It may not be for anybody, but I'd say you should give my way a shot if you want to get into it.

This is the animation without having to see the other three stages:

Description
For those who are curious about the update notification, I slowed it down so that people can view the steps easier.

Welp, I finally decided to do this. I saved some of the key moments so I can explain how exactly animate stuff.
I'll be going over this the way I know how.

There will be a lot of points where the design of the character will be brought up. Just because a character looks good does not mean it is built to be animated easily, so always consider if your character's design will actually translate well.

To start, just consider what you're animating. You know, what the actual action taking place is. Since you guys are most interested in characters(No surprise there), just have the positions where the character starts and stops. If the animation loops like here, just have the edges of the movements marked. If there is a part that doesn't move, draw how you expect that part to look and just stick it in position. Having a base for the movements helps, but don't force a solid base if that's not what the animation would benefit from.

This example has a solid base after Marii jumps to get back to the first frame, but the rest if free-form:

Once that's done, roughly draw the movements with a color that isn't in the animation so it's clearly visible even after you start drawing. I just trial and error my way to getting the movements looking smooth. Some pieces of advice is just to really think of how a moving object is affected by the movements and how it affects any possible objects, such ask how Jazz's dress has layers, so the innermost layer drags the others along. The fabric is very light, so it gets dragged in the wind. The dress is also designed to display this without having to wrinkle up.

Things like the arms and the antennas don't have to have constantly new frames, having just one re-drawing and moving to the next position tends to look pretty good.

Once the movements of the rough drawings look right, I fill them in. Because the dress has so many jagged stripes, I filled them in from the bottom to the top until it was finished. I made sure the striped didn't jump around too much. The stripe on the antenna and the stripes on the sleeves weren't placed until after they looked smooth. You can copy and paste them sometimes because redrawing them usually turns out badly. I don't think it CAN'T be done, but copying it is faster and fine as long as they aren't in the exact same position.

The rest mainly pertains to this animation, since Jazz is floating, but you may learn something from it.

Once everything but the hair was finished, I made Jazz float up and down. That's because this movement is what effects the hair. Because her hair has two big loops, I just made two circle move like Jazz but bouncier. Then, I just wrapped the hair around the circle for each frame and erased the circles. Clean up any small details and it should be done.

That's about it. These are the basics. Now, of course, more specific movements may require more specific tutorials, but this is the general idea of how I animate. It may not be for anybody, but I'd say you should give my way a shot if you want to get into it.

This is the animation without having to see the other three stages: