Pixelation

Critique => Pixel Art => Topic started by: MrMahus on September 06, 2017, 02:40:11 pm

Title: Walk cycle 3/4 side
Post by: MrMahus on September 06, 2017, 02:40:11 pm
Hi everyone :) !

I'm new on this community because i've just started to learn how to "Pixel Art" and i need help for a walk cycle. I already done a walk cycle in 2D for a character in side view, it was the easier way to start learning walk cycle.


(https://media.giphy.com/media/lSK0t77o62WHu/giphy.gif)

But i've just drew a Knight in 3/4 side view and i really dont know how handle feet to simulate a walk cycle. Can some of you demosntrate and draw it to let me understand ? :) ( sorry for my bad language i'm not English )

(https://img11.hostingpics.net/thumbs/mini_174189Knight.png)

Thanks for your help :) !
Title: Re: Walk cycle 3/4 side
Post by: Chironyx on September 06, 2017, 02:46:32 pm
Hi everyone :) !

I'm new on this community because i've just started to learn how to "Pixel Art" and i need help for a walk cycle. I already done a walk cycle in 2D for a character in side view, it was the easier way to start learning walk cycle.


(https://media.giphy.com/media/lSK0t77o62WHu/giphy.gif)

But i've just drew a Knight in 3/4 side view and i really dont know how handle feet to simulate a walk cycle. Can some of you demosntrate and draw it to let me understand ? :) ( sorry for my bad language i'm not English )

(https://img11.hostingpics.net/thumbs/mini_174189Knight.png)

Thanks for your help :) !

Well, I haven't tried it myself so I'm not sure how well it would look, but since your legs are about 4 pixels high and the body is covered in metal and pretty bulky, you could try that cutsie style, where there are only 2 frames, and in each frame one of the leg is lifted by 1 pixel

You can start with that, and if it fits, you can add a few more things, like maybe duplicating those 2 frames to have 4 frames, and making the shoulders move up and down a little too according to the frame
Title: Re: Walk cycle 3/4 side
Post by: MrMahus on September 06, 2017, 04:32:22 pm
Thank you i'll try and post it when it's done to see if it's look like as you describe it !
Title: Re: Walk cycle 3/4 side
Post by: MrMahus on September 06, 2017, 05:05:37 pm
Ok so i've tried this, it was that you tried to explain Chironyx ?

(https://media.giphy.com/media/kQ3Myv9zZCeAg/giphy.gif)

Now can we improve again this walk cycle or do you think it looks like great ?
Title: Re: Walk cycle 3/4 side
Post by: Chironyx on September 06, 2017, 09:48:17 pm
Ok so i've tried this, it was that you tried to explain Chironyx ?

(https://media.giphy.com/media/kQ3Myv9zZCeAg/giphy.gif)

Now can we improve again this walk cycle or do you think it looks like great ?

could you post it at a 100% size, without enlarging it?
Title: Re: Walk cycle 3/4 side
Post by: pistachio on September 07, 2017, 06:27:17 am
Before animating see if you can shade it:

(https://imgur.com/AuKbm0M.png)

Example of hacky formulas for materials by Arne

(http://androidarts.com/tuts/materials.jpg)

This is of course if you want shiny metal, otherwise make the highlights duller and more spread out. Do some basic shading exercises (lighting basic primitives) too. HTH.
Title: Re: Walk cycle 3/4 side
Post by: MrMahus on September 07, 2017, 02:51:50 pm
Thanks for your help pistachio but this thread is really about animation, i'll make another about shading if needed :)

How it looks like at 100% :

(https://media.giphy.com/media/3o7aDgkWFoEe3yu0fe/giphy.gif)
Title: Re: Walk cycle 3/4 side
Post by: Chironyx on September 07, 2017, 06:22:06 pm
Thanks for your help pistachio but this thread is really about animation, i'll make another about shading if needed :)

How it looks like at 100% :

(https://media.giphy.com/media/3o7aDgkWFoEe3yu0fe/giphy.gif)

Hmm that seems to be 200%, but doesn't matter as anyone can resize it as long as it was enlarged with "Nearest Neighbour" on
I made something a little different:

(https://media.giphy.com/media/l378bquC00Er3uROM/giphy.gif)

1. I deleted the frame where both legs are on the ground
2. I doubled the frames
3. I made the shoulder opposite to the raised foot move every second frame, snapping back to it's original position in-between
4. I made the head move a little as well to make it feel a little more flowy
Title: Re: Walk cycle 3/4 side
Post by: surt on September 07, 2017, 07:31:26 pm
To walk forward the foot has to move forward, then the body follow it.
This isn't doing that, the feet are just moving up-and-down. It is more like an Irish dance than a walk.
Title: Re: Walk cycle 3/4 side
Post by: Chironyx on September 07, 2017, 08:59:55 pm
To walk forward the foot has to move forward, then the body follow it.
This isn't doing that, the feet are just moving up-and-down. It is more like an Irish dance than a walk.

It's stylized according to the length of the legs, I've seen a few games do that
If you think you can make it work better, I'm sure OP would be very thankful for your help, and I would learn something new
Title: Re: Walk cycle 3/4 side
Post by: MrMahus on September 08, 2017, 07:05:13 am
I like what you've done Chironyx ! For me it looks better and i really thank you  ! And if it not looks like a character walking to the right we could maybe imagine that your animation is for a walk down  :y:
Title: Re: Walk cycle 3/4 side
Post by: Chironyx on September 08, 2017, 06:06:47 pm
I like what you've done Chironyx ! For me it looks better and i really thank you  ! And if it not looks like a character walking to the right we could maybe imagine that your animation is for a walk down  :y:

Glad I could be of help!
Title: Re: Walk cycle 3/4 side
Post by: SirBilly on September 10, 2017, 05:28:51 pm
I was experimenting with making walk cykles once. I copied a finished one to learn.

http://www.angryanimator.com/word/2010/11/26/tutorial-2-walk-cycle/

(http://pixeljoint.com/files/icons/full/pjpa38633.gif)
(http://www.angryanimator.com/tut/pic/002_walkcycle/wlk01.gif)