Character walk cycle in DragonBones - Part 1: the first steps!

2D Game Character Animation With DragonBones and Inkscape 2D game character animation with DragonBones and Inkscape
18 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€66.45
List Price:  €94.93
You save:  €28.48
£55.32
List Price:  £79.03
You save:  £23.71
CA$98.04
List Price:  CA$140.06
You save:  CA$42.02
A$107.72
List Price:  A$153.89
You save:  A$46.17
S$94.09
List Price:  S$134.42
You save:  S$40.33
HK$544.68
List Price:  HK$778.15
You save:  HK$233.46
CHF 61.92
List Price:  CHF 88.46
You save:  CHF 26.54
NOK kr774.79
List Price:  NOK kr1,106.89
You save:  NOK kr332.10
DKK kr495.67
List Price:  DKK kr708.13
You save:  DKK kr212.46
NZ$118.82
List Price:  NZ$169.76
You save:  NZ$50.93
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.19
৳8,339.40
List Price:  ৳11,913.94
You save:  ৳3,574.54
₹5,914.23
List Price:  ₹8,449.26
You save:  ₹2,535.03
RM311.24
List Price:  RM444.65
You save:  RM133.41
₦118,083.62
List Price:  ₦168,698.12
You save:  ₦50,614.50
₨19,391.36
List Price:  ₨27,703.14
You save:  ₨8,311.77
฿2,410.17
List Price:  ฿3,443.25
You save:  ฿1,033.08
₺2,423.71
List Price:  ₺3,462.60
You save:  ₺1,038.88
B$418.75
List Price:  B$598.25
You save:  B$179.49
R1,273.04
List Price:  R1,818.71
You save:  R545.66
Лв129.87
List Price:  Лв185.54
You save:  Лв55.66
₩97,732.12
List Price:  ₩139,623.30
You save:  ₩41,891.18
₪255.55
List Price:  ₪365.09
You save:  ₪109.53
₱4,110.61
List Price:  ₱5,872.56
You save:  ₱1,761.94
¥10,630.43
List Price:  ¥15,186.98
You save:  ¥4,556.55
MX$1,418.07
List Price:  MX$2,025.91
You save:  MX$607.83
QR254.36
List Price:  QR363.39
You save:  QR109.02
P953.37
List Price:  P1,362.02
You save:  P408.64
KSh9,063.70
List Price:  KSh12,948.70
You save:  KSh3,885
E£3,478.89
List Price:  E£4,970.06
You save:  E£1,491.16
ብር8,820.94
List Price:  ብር12,601.88
You save:  ብር3,780.94
Kz63,759.63
List Price:  Kz91,089.09
You save:  Kz27,329.46
CLP$68,404.72
List Price:  CLP$97,725.22
You save:  CLP$29,320.50
CN¥507.53
List Price:  CN¥725.08
You save:  CN¥217.54
RD$4,206.74
List Price:  RD$6,009.89
You save:  RD$1,803.14
DA9,351.13
List Price:  DA13,359.34
You save:  DA4,008.20
FJ$158.85
List Price:  FJ$226.94
You save:  FJ$68.09
Q538.41
List Price:  Q769.20
You save:  Q230.78
GY$14,600.65
List Price:  GY$20,858.96
You save:  GY$6,258.31
ISK kr9,615.92
List Price:  ISK kr13,737.62
You save:  ISK kr4,121.70
DH699.24
List Price:  DH998.96
You save:  DH299.72
L1,281.52
List Price:  L1,830.82
You save:  L549.30
ден4,084.06
List Price:  ден5,834.63
You save:  ден1,750.56
MOP$559.24
List Price:  MOP$798.95
You save:  MOP$239.71
N$1,266.15
List Price:  N$1,808.86
You save:  N$542.71
C$2,568.06
List Price:  C$3,668.81
You save:  C$1,100.75
रु9,427.87
List Price:  रु13,468.97
You save:  रु4,041.09
S/262.66
List Price:  S/375.25
You save:  S/112.58
K281.39
List Price:  K402.01
You save:  K120.61
SAR262.91
List Price:  SAR375.60
You save:  SAR112.69
ZK1,903.42
List Price:  ZK2,719.29
You save:  ZK815.86
L330.70
List Price:  L472.45
You save:  L141.75
Kč1,679.39
List Price:  Kč2,399.23
You save:  Kč719.84
Ft27,552.80
List Price:  Ft39,362.83
You save:  Ft11,810.03
SEK kr765.72
List Price:  SEK kr1,093.94
You save:  SEK kr328.21
ARS$70,549.59
List Price:  ARS$100,789.45
You save:  ARS$30,239.85
Bs482.26
List Price:  Bs688.98
You save:  Bs206.71
COP$307,907.55
List Price:  COP$439,886.78
You save:  COP$131,979.23
₡35,643.95
List Price:  ₡50,922.11
You save:  ₡15,278.16
L1,765.02
List Price:  L2,521.57
You save:  L756.54
₲545,488.80
List Price:  ₲779,303.12
You save:  ₲233,814.31
$U2,997.83
List Price:  $U4,282.79
You save:  $U1,284.96
zł286.31
List Price:  zł409.03
You save:  zł122.72
Already have an account? Log In

Transcript

Now we got to the hardest part of the whole course. You have the corruptor, it is automatable it's full with bones, it can move around. Now if you are making a corrector, which has two legs and walking around, then it's a must that you understand and create a walk cycle. A walk cycle is a simple few frame animation, which is trying to imitate the walk of a corrector. If you remember in the previous lesson, I was showing you references reference videos, those are great, they can help you but you still have to understand it. I read it somewhere that even if you are a seasoned animator, which we are not, even if you are a seasoned animator, you have to understand and draw a proper walk cycle yourself.

And for beginners, it is a must. If you can do that properly, you can do everything. I think the reason is because it's so natural and we are so used to it. The people are walking around that we can see me straight on and people traced see straight on. To understand the work cycle you have to understand that what are the key frames of a good walk. Let's create a new animation and let's call it walk.

So starting from point zero and with my normal stance Ctrl V to see the bones. Okay, I zoom in so I see what I do. Now a walk cycle has four important keyframes. First one is when the characters leg is making contact to the floor the first time. It's great that we have this line here this horizontal line because we can use it as floor when I first position my corrector I positioned it to that so the first one It's cold contact when the leg is reaching the floor, how it looks like I just lift the arm up now so we see the leg. Later on obviously I can also animate the arm that it goes with the movement.

Alright. So, contact is when the leg is just contacting reaching the floor. Take care that the alto King is still on. You see I already have some key set because I'm moving the bones here and the front leg is straight. Your leg is bent. Okay, now because during the contact the phone lag is going forward.

It's called contact position because this is where you are going forward. This is where the character moves. Now in an animation in a walk cycle, if you check the references, it seems that the character is walking in one place. Why is that? Because you will move it in your game, you will add the speed to it your game when the player is pushing the right button, the character will move in four spaces in the right direction. But here in the animation, you have to walk in one place.

That's why it's so heavy to understand because there is no forward movement. But I move the legs and now we see that is not underlined, as it was previously standing on the line. And this is happening because your head is bouncing up and down when you are walking. So what we do now we get at the root bone and use it to position our corruptor. And yes, he's conducting the floor. This was keyframe one I move to the second one is when he is totally down to the ground and he his front leg now is going up.

This is called the down position. So, the first one was the contact, this is called the down position. This is when only one of your leg is on the ground and the other one and the other one is in the air. So all your body weight is on your first leg. You see this is higher than this one. Now again and now you see why it is called the down position.

Again, I have to reposition it. I select the root bone, perfect reposition. So what is happening now is this from here is going to hear nice step again two steps. The next one is the passing. Now this is I think, I usually make the big mistakes. I don't understand it.

A lot of times I have to overthink and watch myself in the mirror or watch references, but it's fine. This is where the two legs are seemingly crossing, because yeah, one is going in front of the other. What is happening that this leg the rear leg, starts from the contact position is where the leg is the front. Yeah, that's the third so it can go then it starts to bend, and here it starts to go totally backwards and straightens up. All the body weight is on this leg and the body move forwards because of this leg. And that's great.

Okay, so no, this leg is going backwards. I just removed the backhand bone. Yes. All right. I didn't remove it I just made it invisible just for now. So this leg goes straight under the corrector and these legs, the feet part, the foot part is straightening up.

So it is holding all the body weight. What is the other leg doing in the meantime is that it will already This is the as far as it can go back and it's already coming back to the front but it's not a big kick. We are moving only the knee. So this one is bending. This one is bending in what we have so far, talk talk talk nice. Now he stayed down so you know what the what is happening and what is coming.

We Going for the root bone and move it up, not rotated, select, get the selection to move it up. This line is so much happening. So let's see what we have so far. Okay, it's so fast we cannot see it. But we will pull it aside and we're going to see it properly. If I put the speed down I can see maybe you see a nice step is starting.

Now I see a mistake, which I didn't see before is that this one is not in position. This image is not in position because I see a break. What I do here is an each frame I just reset it. I just work on this a bit. So I go to the selection Okay, same here. I have to arrange this bone again.

So it has the contact. All right, let's see, no, I put the speed down just for testing. Don't forget it, as I did before, don't forget it. So now we add another keyframe and this is called the peak or the up position. You remember we had the contact position when the legs are totally open, we have a down position when the corrector is down totally on one leg and that leg is bent, and then that leg starts to shoot up. And then there is an even higher position, which is the peak which is the highest it can get.

The forward leg is already going towards the new contact position of the forward leg. We will do this for frames again. And from eight frames. You're going to have a fluent animation for walk. I bend it a bit in the previous Same Okay. Now here as this is the peak position I make it the straightest.

And as it is a peak, I move up, move the corrector up a bit. We check it now. Nice. It's bouncing nicely. Maybe I made it too high. All right.

It's down. Hopper. Pretty much up. Okay, I just want to make it perfect. The effect you want to have is that the leg supporting the body weight from the contact position to going backward. It's seemingly sliding on the floor.

It's not sliding is going under the body as the body is moving over the feet, but it seems that it's sliding backwards, okay? And the front leg starts to come up and extend and I think it can also move a bit. Okay. Now I have four frames. Let's see how it looks. Now what am I gonna do?

I do the same again, but with different legs. I move to frames and I make this time a quanta position but we do read like and we don't like because my characters special with very low, short legs. I can play a bit and hide this edge of the feet. That's why I am moving it around. And this is the straight like this time from the peak we are coming down so the whole collector again thanks to the root bone is working, getting beaten down so it has contact you can check this issue now only take care about the How high is the head of the corruptor you see it has a nice bounce. So that's my contact now.

And now I switch I go again to the down position. I make a new frame and here this leg will bend and this leg will hold all the weight of the corrector this comes up This comes down. This comes up as this one is in the air totally. And yes, you know what is coming position the corrector down a bit. All right. You have this now next in the next room after the down it's coming to passing position so we're gonna move this leg almost straight.

As you see you can see the edge again. So what I do now I reposition this bone again. If you have a different corrector you might don't have to do this but I want to hide these edges of the land. Also on this previous frame, I think I made the mistake of not hiding the edge Okay, fine. So no he's like this and the rear leg is coming closer to the front. This is where they are passing this is why it is the passing position.

Nice. It's coming to the front and this is bending in. As it is bending again, I move it a bit so this edge not gonna be visible. It's a small thing, but I want to have a good animation and I add another frame and now it will be the peak. After the peak, it will go into the contact again. So the peak is when it's the highest this leg is already going Don't beat and shooting for the contact position.

Coming forward, not contact yet but almost. And this leg is the straightest it can be. And it's propelling the corrector up. Now what I didn't do in the previous frame, here, it's fine. Here. I didn't do it as this is the best thing.

Where is my route? Here you are, and it's up. And then this frame it's up to you can even move this one for bit more. Okay, let's see what we have so far. You see a little jump here and why it is because this frame is missing. So I copied here but because of that I don't have to export the last frame of the animation.

It will be perfect now let's see it in the real speed. But I also see a mistake here is that the backlog here, the backlog should be more behind the corruptor. So what I do here I find the backlog a bit more is my daughter correct? From the front foot torso yes the backlog is behind the torso so I'm fine let's see it on here. Same thing again has to be a bit more behind think is the same everywhere. Okay he it's not much visible either no fine can be back a bit so the mistake was that it was too much in the front.

I am not afraid to show you mistakes Why? Because first of all, I'm not hundred percent a professional artist I'm a graphic designer second of all. If you see how I correct mistakes you will not be afraid yourself and will correct your mistakes straight on like I do. not see much better. But here this is nice nice nice Nice. All right again.

This frame I didn't copy this one is okay. And I just copied this frame. I didn't copy this. Let's see again, much better. And you see it has some weight. Don't, don't, don't, don't you can almost hear him walking and that's what you want.

If you made it so far you managed to understand and build half of the walk cycle the legs are done. In the next lesson, we will take it even further.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.