Indie Developer Survival, is about the survival of a lone indie developer. Trying to make a living by creating games. Will you survive? Or will you be lost to the madness of working in an ordinary store...

Post tutorial Report RSS Walking Animation - How To

One of the many ways to go about animating a character. In this case the main character of the game.

Posted by on - Intermediate Animation

Animation   Small


When I animate, I try to create the illusion of depth. By rotating the shoulders of the character. Where do I start? I'm going to tell you, believe it or not. Let's begin...

First I try to get the core key frames. I start off with 4 frames in this walking animation. A silhuette of the character and red/blue for the moving limbs to easier see which one is which. The right limbs are blue and left red. You can animate directly from the character, but I have found that the easiest way to go about it is by getting the "bones" of the character first. It goes faster to just flesh it out and get the feel of the animation.

A Anim 3

Now this works for a start, however the more frames you have to more smoother. Now if that is the look you are going for aesthetically you might want to have a lower frame animation. Depends on the vision for your game. If it is animation, game design or mechanics always fit them to the game, video or so. This tutorial will end up with 11 frames. 6 key frames and 5 inbetweeners to smooth the animation.

GIF Walking


This is the animation with 6 keyframes. I added the rotating head for that effect I was talking about in the intro. Also notice how the shoulder is moving, it becomes a bit more dynamic. At this point it isn't perfect but it gets a decent amount of job done. We have the key movement, now it is it easier to improve the animation.

Let's add those 5 inbetweeners.

Middle


In this picture we have 11 frames and another frame for the head. Adding a bit more smoothness of it. Trying to sync the head with the shoulder movement.

GIF Walking moreFrames


Do you notice the difference in the smoothness of the walking. Getting the swing of the arms. Now at this point we got a pretty solid foundation. Almost Michael Jackson moonwalk quality. Those 5 more frames gives the animation a nice touch to it overall.

Char

The reference. Made some changes.


So now comes the step of getting the character to the final stage. More towards completion. So by using layers in Pyxel Edit, I draw on top of the silhuette using my finished character as a reference. I draw shadows the last.

Final


Adding the torso, the pants and the limbs. Since there is a size diference on the arms and so on I had to move the shoulder back a pixel. I try to redraw the pose, but it goes pretty fast because I've already drawn it before. Don't be to worried if some of the frames don't look perfect, either you try to fix it afterwards or it might not even be that noticable. Play your animation several times to find mistakes or odd movements, always easier when you the see the whole animation to spot these things.

GIF Final


This is what it looks like now when it is closer to finish. All that is required is getting some feedback from people, adding shadows and fix it a bit. I wanted to show you a final animation that still needs some work instead of the finished one, since you can learn from my mistakes aswell, as I do. Like the right arm is a bit floppy.

Hope it gave you some insight or knowledge that is of use to you all! Regards, the Fairy Axe team.

Comments
BlackMagic333
BlackMagic333

That's pretty informative, thanks!

Reply Good karma Bad karma+1 vote
FairyAxe Author
FairyAxe

Well thank you!

Reply Good karma+1 vote
gameartdevguy
gameartdevguy

So awesome of you to share this with the community! =)

Reply Good karma Bad karma+1 vote
FairyAxe Author
FairyAxe

We love to share what we think is interesting, I try to sum up the things I'm working on, so expect some more of it!

Reply Good karma+2 votes
Toolkitz
Toolkitz

This couldn't have come at a perfect time. I wanted to update my character walking animation and this will help me so much. Well, for the human character at least. Still need one for a equine character.

Reply Good karma Bad karma+1 vote
FairyAxe Author
FairyAxe

That is great to hear! Equine characters I haven't tried out yet, but indeed it is a challenge. But I wish you good luck with it, if I stumble across some info about it I will send it your way!

Reply Good karma+1 vote
Toolkitz
Toolkitz

Well I'm not in a complete loss. There are actually tutorials online, especially YouTube, on how to do it. Plus I'm also using sprites from other games as a reference guide so I'm sure I'll find something good.

It's all about combining different sources and then figuring out your own style, that's how I see tutorials.

Regardless, thanks for the compliment and once again thank you for the guide.

Reply Good karma Bad karma+1 vote
FairyAxe Author
FairyAxe

Indeed, you are absolutely correct!

"It's all about combining different sources and then figuring out your own style, that's how I see tutorials."

I think that is one of the best way to put it.

Regards.

Reply Good karma+1 vote
chucky515
chucky515

thx!

Reply Good karma Bad karma+1 vote
FairyAxe Author
FairyAxe

I'm glad if it helps!

Reply Good karma+1 vote
studio827
studio827

Fabuloso! Thanks

Reply Good karma Bad karma+1 vote
FairyAxe Author
FairyAxe

Thank you for the comment!

Reply Good karma+1 vote
Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.

Follow Report Profile
Icon
Indie Developer Survival
Platforms
Windows
Developer
Fairy Axe
Engine
Unity
Contact
Send Message
Release date
Game watch
Follow
Related Games
Indie Developer Survival
Indie Developer Survival Point and Click
Related Engines
Unity
Unity Commercial
Related Groups
Fairy Axe
Fairy Axe Developer
Unity Devs
Unity Devs Hobbies & Interests with 1,711 members