Making character states

Create 2D Video Game Art with Inkscape Create 2D video game art with Inkscape
11 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
€46.64
List Price:  €65.30
You save:  €18.66
£39.89
List Price:  £55.85
You save:  £15.96
CA$68.25
List Price:  CA$95.55
You save:  CA$27.30
A$76.15
List Price:  A$106.62
You save:  A$30.46
S$67.98
List Price:  S$95.18
You save:  S$27.19
HK$391.26
List Price:  HK$547.80
You save:  HK$156.53
CHF 45.56
List Price:  CHF 63.79
You save:  CHF 18.23
NOK kr549.77
List Price:  NOK kr769.72
You save:  NOK kr219.95
DKK kr347.88
List Price:  DKK kr487.07
You save:  DKK kr139.18
NZ$83.68
List Price:  NZ$117.16
You save:  NZ$33.47
د.إ183.60
List Price:  د.إ257.06
You save:  د.إ73.45
৳5,493.12
List Price:  ৳7,690.80
You save:  ৳2,197.68
₹4,172.34
List Price:  ₹5,841.61
You save:  ₹1,669.27
RM238.42
List Price:  RM333.81
You save:  RM95.39
₦66,243.24
List Price:  ₦92,745.84
You save:  ₦26,502.60
₨13,934.07
List Price:  ₨19,508.81
You save:  ₨5,574.74
฿1,850.39
List Price:  ฿2,590.69
You save:  ฿740.30
₺1,617.84
List Price:  ₺2,265.11
You save:  ₺647.26
B$255.79
List Price:  B$358.13
You save:  B$102.34
R936.97
List Price:  R1,311.83
You save:  R374.86
Лв91.24
List Price:  Лв127.74
You save:  Лв36.50
₩68,826.74
List Price:  ₩96,362.95
You save:  ₩27,536.20
₪188.13
List Price:  ₪263.40
You save:  ₪75.26
₱2,884.49
List Price:  ₱4,038.52
You save:  ₱1,154.02
¥7,792.89
List Price:  ¥10,910.67
You save:  ¥3,117.78
MX$856.20
List Price:  MX$1,198.75
You save:  MX$342.54
QR182.49
List Price:  QR255.51
You save:  QR73.01
P688.94
List Price:  P964.58
You save:  P275.63
KSh6,748.65
List Price:  KSh9,448.65
You save:  KSh2,700
E£2,392.02
List Price:  E£3,349.02
You save:  E£957
ብር2,872.52
List Price:  ብር4,021.76
You save:  ብር1,149.23
Kz41,694.65
List Price:  Kz58,375.85
You save:  Kz16,681.20
CLP$47,530.99
List Price:  CLP$66,547.19
You save:  CLP$19,016.20
CN¥362.03
List Price:  CN¥506.87
You save:  CN¥144.84
RD$2,934.22
List Price:  RD$4,108.14
You save:  RD$1,173.92
DA6,720.10
List Price:  DA9,408.68
You save:  DA2,688.58
FJ$112.74
List Price:  FJ$157.85
You save:  FJ$45.10
Q389.28
List Price:  Q545.03
You save:  Q155.74
GY$10,471.17
List Price:  GY$14,660.48
You save:  GY$4,189.30
ISK kr7,010.59
List Price:  ISK kr9,815.39
You save:  ISK kr2,804.80
DH505.57
List Price:  DH707.84
You save:  DH202.26
L884.78
List Price:  L1,238.76
You save:  L353.98
ден2,871.74
List Price:  ден4,020.67
You save:  ден1,148.92
MOP$403.59
List Price:  MOP$565.05
You save:  MOP$161.46
N$944.34
List Price:  N$1,322.15
You save:  N$377.81
C$1,841.99
List Price:  C$2,578.94
You save:  C$736.94
रु6,672.93
List Price:  रु9,342.64
You save:  रु2,669.70
S/188.02
List Price:  S/263.24
You save:  S/75.22
K193.20
List Price:  K270.50
You save:  K77.29
SAR187.49
List Price:  SAR262.50
You save:  SAR75.01
ZK1,326.34
List Price:  ZK1,856.98
You save:  ZK530.64
L232.07
List Price:  L324.92
You save:  L92.85
Kč1,174
List Price:  Kč1,643.69
You save:  Kč469.69
Ft18,283.73
List Price:  Ft25,598.69
You save:  Ft7,314.95
SEK kr545.79
List Price:  SEK kr764.15
You save:  SEK kr218.36
ARS$43,729
List Price:  ARS$61,224.11
You save:  ARS$17,495.10
Bs347.11
List Price:  Bs485.98
You save:  Bs138.87
COP$197,925.35
List Price:  COP$277,111.33
You save:  COP$79,185.97
₡25,432.40
List Price:  ₡35,607.40
You save:  ₡10,174.99
L1,235.97
List Price:  L1,730.46
You save:  L494.48
₲372,674.68
List Price:  ₲521,774.38
You save:  ₲149,099.69
$U1,931.55
List Price:  $U2,704.33
You save:  $U772.77
zł201.70
List Price:  zł282.40
You save:  zł80.69
Already have an account? Log In

Transcript

So, we created our character. And I hope you were able with all the knowledge you have so far to create your own. And now what we'll do is create different stances for this character, what we'll use in our platform game. So, obviously, this is just corrective and he standing. So what we need is that he has different stances, going one direction going to the other direction, jumping, crouching or crawling, fighting, taking a heat, you know, there is so many things that can happen to a character what I will do now is create the standing in one direction and the walking in one direction drawings and the one about jumping. So just modify this fast and in the next lesson, I will do the animation part.

So if I know that my character is going This way then I will know that his face is turning his head is turning. So I'm just doing this. See it's already the head is turning this way I should do is using guidelines you know I told you already that the guidelines are not part of the exported image. They are just there to for you to measure they are just there to measure the distances. So for example now I see that the line height, the height of the hair has to be the same height And the height of the mall has to be the same. So I'm just pulling down more as a good head is the same way.

That's nice shoulder okay. So if I want this to be on the side, then I can because my character is very simple I can easily change it. So I just turn both of the legs this way. This one can stay like this. This one, I can select two objects and use the note tool. And we didn't know to leave two objects are selected.

I can select nodes from both objects so I move this part together. See I'm already turning it it's turned on This leg is higher, make him a bit thinner, society's thinner. See, compared to this one, he's already turned this direction. Then the arm and the sward. Come closer. I can make this actually one group with this Ctrl G and make it one group.

This one I make another one and this one I sent to the back because that's behind No I just flipped it. So the arm is like this as well like this. I have no I have legs, arms. Okay this leg so now he's from here and he's turning this direction. Here the leg is good because it turns sideways This is turning around the circle so this leg is higher. Same goes for disarm.

It's a bit lower this this one this one is higher. That's fine. What also can be that this one's in the background, which are the back leg and the back arm are a bit darker. So, this one is darker, darker green and darker brown okay and the same goes here, this one is the same green, this one is the same. So, if I look at it, I see that this one is the back, this one is the front. See, they are covering each other even better.

So now I have the position when he is standing on the side, this one is already a bit how I will do the animation because basically what we created now is puppet which is a puppet with Bob body parts. This is why I like Inkscape I can you remember the center of rotation. This little plus I just moved it where the joint Is the shoulder joint, and they just don't make it home. So some top. So what are the movement? So this is how he looks from the side.

Same goes for this arm for this leg up. So this is how we look from the side. And do I have to draw now the left version? No, because I draw only for one direction, and then I will just in my program, so even if I'm using gamemaker, or I'm using unity to the whatever, I'm just flipping it in my drone in my working environment, so in my code and that's it. I am Bearing with the sprites and they don't have to throw everything twice, this is a very good stuff. So I just flip it to the other side.

So I have this. Now I have to make him john. If he is jumping, he's jumping, let's say it is this high. So it's a good one. Okay, don't make him bold. When he's jumping up first I can turn the body, the turn the head.

I can make his arms swinging upwards. And I can make him that his leg is also bending because I want him to pull his leg up. If he's pulling his leg up, obviously his leg is getting shorter in this part of the leg are getting shorter, and that's one thing I can delete. I can make it even more bendy. To do this, you need reference. So if you know how the old Prince of Persia game was made, the designer of the game just made references videos about his brother and he used the rotoscoping technique, which means hand railing over a video.

So you take the video, take snapshots from the video and throw the finger over the video. Even more This Yeah. And the same goes and this leg is separated links Yes, much better. And I make this one I use the same dark green and the dark brown what I used before and that's the beauty of it, I can get some objects and turn them around make them a group and everything and I can modify different objects. So for example, this belt now I can modify that it's changing around his leg because his leg is coming up and coming down and you know, it's changing so you can use it if you can Do it yourself by heart I do it just to have fun. So what I'm doing is that this is how he's jumping.

This is how he's standing and in the next one I will make him vote. Basically I will do the same thing what I do here, I will have the guidelines for walking I will have the leg and arms moving around and those walking I think you're making wrong and these legs I will make bend. So you can make the basic shapes what you want with the leg the basic movements and then you can fine tuning. So exactly what I want to do now if he's jumping up his arms via get up like he's, you know, he's doing this. And when he's falling down, he's like, can straighten out. That's another stance I will draw.

So, create these two stances, the standing and the jumping for corrector just for now and then we will move on to the next one to create a walk cycle or Run Cycle in this case

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.