Set up a character walk cycle

Create 2D Video Game Art with Inkscape Create 2D video game art with Inkscape
14 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$49.99
List Price:  $69.99
You save:  $20
€47.46
List Price:  €66.45
You save:  €18.98
£39.51
List Price:  £55.32
You save:  £15.80
CA$70.02
List Price:  CA$98.04
You save:  CA$28.01
A$76.94
List Price:  A$107.72
You save:  A$30.78
S$67.20
List Price:  S$94.09
You save:  S$26.88
HK$389.03
List Price:  HK$544.68
You save:  HK$155.64
CHF 44.22
List Price:  CHF 61.92
You save:  CHF 17.69
NOK kr553.39
List Price:  NOK kr774.79
You save:  NOK kr221.40
DKK kr354.03
List Price:  DKK kr495.67
You save:  DKK kr141.64
NZ$84.87
List Price:  NZ$118.82
You save:  NZ$33.95
د.إ183.61
List Price:  د.إ257.07
You save:  د.إ73.46
৳5,956.37
List Price:  ৳8,339.40
You save:  ৳2,383.02
₹4,224.20
List Price:  ₹5,914.23
You save:  ₹1,690.02
RM222.30
List Price:  RM311.24
You save:  RM88.94
₦84,340.62
List Price:  ₦118,083.62
You save:  ₦33,743
₨13,850.18
List Price:  ₨19,391.36
You save:  ₨5,541.18
฿1,721.45
List Price:  ฿2,410.17
You save:  ฿688.72
₺1,731.12
List Price:  ₺2,423.71
You save:  ₺692.59
B$299.09
List Price:  B$418.75
You save:  B$119.66
R909.26
List Price:  R1,273.04
You save:  R363.77
Лв92.76
List Price:  Лв129.87
You save:  Лв37.11
₩69,804.67
List Price:  ₩97,732.12
You save:  ₩27,927.45
₪182.52
List Price:  ₪255.55
You save:  ₪73.02
₱2,935.98
List Price:  ₱4,110.61
You save:  ₱1,174.63
¥7,592.73
List Price:  ¥10,630.43
You save:  ¥3,037.70
MX$1,012.85
List Price:  MX$1,418.07
You save:  MX$405.22
QR181.67
List Price:  QR254.36
You save:  QR72.68
P680.94
List Price:  P953.37
You save:  P272.43
KSh6,473.70
List Price:  KSh9,063.70
You save:  KSh2,590
E£2,484.78
List Price:  E£3,478.89
You save:  E£994.11
ብር6,300.31
List Price:  ብር8,820.94
You save:  ብር2,520.62
Kz45,539.99
List Price:  Kz63,759.63
You save:  Kz18,219.64
CLP$48,857.72
List Price:  CLP$68,404.72
You save:  CLP$19,547
CN¥362.50
List Price:  CN¥507.53
You save:  CN¥145.03
RD$3,004.64
List Price:  RD$4,206.74
You save:  RD$1,202.09
DA6,679
List Price:  DA9,351.13
You save:  DA2,672.13
FJ$113.46
List Price:  FJ$158.85
You save:  FJ$45.39
Q384.56
List Price:  Q538.41
You save:  Q153.85
GY$10,428.44
List Price:  GY$14,600.65
You save:  GY$4,172.21
ISK kr6,868.12
List Price:  ISK kr9,615.92
You save:  ISK kr2,747.80
DH499.43
List Price:  DH699.24
You save:  DH199.81
L915.32
List Price:  L1,281.52
You save:  L366.20
ден2,917.02
List Price:  ден4,084.06
You save:  ден1,167.04
MOP$399.43
List Price:  MOP$559.24
You save:  MOP$159.80
N$904.34
List Price:  N$1,266.15
You save:  N$361.80
C$1,834.22
List Price:  C$2,568.06
You save:  C$733.83
रु6,733.81
List Price:  रु9,427.87
You save:  रु2,694.06
S/187.60
List Price:  S/262.66
You save:  S/75.05
K200.98
List Price:  K281.39
You save:  K80.41
SAR187.78
List Price:  SAR262.91
You save:  SAR75.12
ZK1,359.51
List Price:  ZK1,903.42
You save:  ZK543.91
L236.20
List Price:  L330.70
You save:  L94.50
Kč1,199.49
List Price:  Kč1,679.39
You save:  Kč479.89
Ft19,679.45
List Price:  Ft27,552.80
You save:  Ft7,873.35
SEK kr546.91
List Price:  SEK kr765.72
You save:  SEK kr218.80
ARS$50,389.68
List Price:  ARS$70,549.59
You save:  ARS$20,159.90
Bs344.45
List Price:  Bs482.26
You save:  Bs137.81
COP$219,921.39
List Price:  COP$307,907.55
You save:  COP$87,986.15
₡25,458.51
List Price:  ₡35,643.95
You save:  ₡10,185.44
L1,260.66
List Price:  L1,765.02
You save:  L504.36
₲389,612.59
List Price:  ₲545,488.80
You save:  ₲155,876.21
$U2,141.18
List Price:  $U2,997.83
You save:  $U856.64
zł204.49
List Price:  zł286.31
You save:  zł81.81
Already have an account? Log In

Transcript

In the previous lesson, we created the walk cycle or walk loop for the blob, it was rather bouncing than walking. But you got the point of how to create the basic animation in Inkscape. And now we will create something heavier, which is a walk cycle for our main character, which is a normal human character. So he has a body and the head and four limbs even a sword in his hand. And to create these it's a bit heavier, because you have to take care about how the character moves better than what you did with the blog. Feel free to modify it also was the blob and create your own corruptor.

If you want to know more about walk cycles, you could go to the angry animator site. He's providing some great tutorials or just go go walk cycles and you will get thousands of reference images to understand how a walk cycle for human body or animal is building up. So you will make fluent animations. For a little game animation like mobile game, you don't need 60 frames per second animation, which means you don't need very, very fluent tweening keyframing between the keyframes of the movement, a keyframe of the movement is the start and the beginning and the end of the movement. For example, as you say, you see I did this earlier, this is a group and if I want him to step or like swing his swore down this is the first keyframe and this is the second in between. These are in Flash these are quote means so whatever happening in between, obviously there is no escape is no not animation program.

So if you want to do it in an animation program you can you can export your character in PDF for example and use it in. For example, flash or Toon Boom studio Toon Boom animated Toon Boom is a very good 2d animation program. What I want to say is that animation is very, very heavy trade and you have to really take care to do it properly. And you have to learn a lot and follow guidelines and check millions of tutorials. But what I will show you now again in Inkscape, is how to make simple corruptor work. So it's one like one on other leg and the head, the head is still several objects, so I make it one and also I put his neck round here.

On lower turn off snapping This is snapping here. And if you see he can pop his head and what I need is again the guidelines of the motion so which is the what is the average height or the top height of the head what is the top height of the leg but what I will do now is a bit different because I don't want him to just walk. I want him to dash to run a bit. So I duplicated and if he's running, he's running then he's buddy. Nice. Then his buddy has to be bending forward.

It's always good to watch for reference of images or if you do sport yourself is good to know how it works. And if the body is coming here this way because I turned it over that axis up here, I will also turn this bottom part I have to keep this separate for the leg. The head comes a bit forward and one leg to the back, one leg to the front. Now he's looking like he's just standing there really, but what I know is that one leg is hitting the ground and pushing the corruptor off. You see I can shape the individual lemons as well as I did before, and I can turn them around an axis. And the walk cycle has different stages as well.

Just realize that this Brown has to be totally in the back and he's running, he's looking a bit like this. Obviously, one leg back, then the arm is going forward, then this leg is the front then this arm in the back is going backwards. I also give some nice here. You see I don't create the joints and now as a separate object, so I mean every limb is a separate group, a separate object group. So I can move the leg and everything. But I don't create the separate object from the lower leg and the upper part of the leg.

So he's dashing forward, the arm is like this. This is the middle of the motion of it. So what will happen then this leg will go upper here and bend. This leg will go this way. And I'll show you the next keyframe. So this is the middle of the movement.

So I said we put the guidelines More or less. And I signed that was the start of the head. I put this aside because I don't need this now. And what I will do is exactly the same thing what I did with the blob. I gave it give it already a background so I know what I'm doing. I can change that color easily later on.

I just needed now to differentiate between the different elements of the body. So now I will give a nice color. That helps me to see what's happening. This blue is fine. So that's it in the next frame this arm is going forward a bit I know it's even better if I make it like I show you what is the middle of the animation. The top is this one that is this hand is like this.

This hand is like this sound is turned and obviously no I just turn the leg with it. need this some dots I don't need I just delete them. So the nodes I don't need is easy today. Yes, and this one can come up as well. And they wanted more banned. And again, if this one is turned on you can move selected nodes.

So if this icon is turned on, you can move selected nodes as an object. So you can, yes. So this is the in between, for the top of it to poke around to see the leg is bent, even make it a bit shorter looking nice And I made the whole corrector a bit going up as he's really not touching the ground, and he's really like jumping, if you remember it was the same up and down movement with the blob as well. So this will be when the leg is here, then the leg is opening up and arms are opening up and they are swinging off. Imagine that the running and walking is really like swinging and throwing yourself into one position. And then switching legs and arms and then repeat again.

So at the end, we will come back to this one. I move this apart because there has to be at least one or two frames between these two movement. If it's just going from this to this, it will be you know, very odd to say stuttery you know what I mean? It's gonna be not gonna be fluent. So To create this flat movement, we will have to duplicate this one and make it closer to this. So I just duplicate now again as I was in the group and they didn't select properly now I do it backwards what I did.

If I see that this is the height, the top then I can see that everyone is coming down a notch in between, you see roughly halfway and the arm Midway from here to here, the other arm was done here before so I moved here. You see I'm constantly comparing these two images and the leg was here standing here is up. I even can replicate this leg so I see what's the difference it's supposed to be here and support to be like this and maybe even less bendy deleted I don't need. Same goes for this one. It is up here. It was down there.

It was standing and longer. And now it's in between. I can delete this Put this in its place obvious for sending it lower with page down. And I saw a little mistake here because maybe this could be even higher. You see the bend the knees a bit more even. As you see this is a slow process I'm showing now really just the basics, because this is really a long thing.

I could see a lot of work in this but we are already getting there he is going up. After that he will obviously come a bit lower again about this height. And then to get that height, we could just duplicate this See because the hand is reaching the top here, then it's coming back. Then it's swinging. And again I think we could have this one

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.