Animating more soft parts with mesh editing

2D Game Character Animation With DragonBones and Inkscape 2D game character animation with DragonBones and Inkscape
13 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
€65.24
List Price:  €93.20
You save:  €27.96
£55.93
List Price:  £79.91
You save:  £23.97
CA$95.58
List Price:  CA$136.56
You save:  CA$40.97
A$107.13
List Price:  A$153.05
You save:  A$45.92
S$95.25
List Price:  S$136.08
You save:  S$40.82
HK$547.90
List Price:  HK$782.75
You save:  HK$234.85
CHF 63.85
List Price:  CHF 91.21
You save:  CHF 27.36
NOK kr770.13
List Price:  NOK kr1,100.23
You save:  NOK kr330.10
DKK kr486.51
List Price:  DKK kr695.05
You save:  DKK kr208.53
NZ$117.65
List Price:  NZ$168.07
You save:  NZ$50.42
د.إ257.06
List Price:  د.إ367.25
You save:  د.إ110.18
৳7,679.19
List Price:  ৳10,970.75
You save:  ৳3,291.55
₹5,834.32
List Price:  ₹8,335.10
You save:  ₹2,500.78
RM333.81
List Price:  RM476.90
You save:  RM143.08
₦91,422.33
List Price:  ₦130,608.93
You save:  ₦39,186.60
₨19,487.31
List Price:  ₨27,840.21
You save:  ₨8,352.89
฿2,585.90
List Price:  ฿3,694.31
You save:  ฿1,108.40
₺2,277.50
List Price:  ₺3,253.72
You save:  ₺976.21
B$361.10
List Price:  B$515.88
You save:  B$154.78
R1,320.17
List Price:  R1,886.05
You save:  R565.87
Лв127.48
List Price:  Лв182.13
You save:  Лв54.64
₩96,293.43
List Price:  ₩137,567.94
You save:  ₩41,274.51
₪266.53
List Price:  ₪380.78
You save:  ₪114.24
₱4,038.21
List Price:  ₱5,769.12
You save:  ₱1,730.90
¥10,975.59
List Price:  ¥15,680.08
You save:  ¥4,704.49
MX$1,206.90
List Price:  MX$1,724.22
You save:  MX$517.31
QR255.26
List Price:  QR364.68
You save:  QR109.41
P965.80
List Price:  P1,379.77
You save:  P413.97
KSh9,448.65
List Price:  KSh13,498.65
You save:  KSh4,050
E£3,352.63
List Price:  E£4,789.68
You save:  E£1,437.04
ብር3,985.10
List Price:  ብር5,693.24
You save:  ብር1,708.14
Kz58,489.70
List Price:  Kz83,560.30
You save:  Kz25,070.60
CLP$66,385.51
List Price:  CLP$94,840.51
You save:  CLP$28,455
CN¥507.19
List Price:  CN¥724.59
You save:  CN¥217.40
RD$4,111.01
List Price:  RD$5,873.12
You save:  RD$1,762.11
DA9,398.61
List Price:  DA13,427.17
You save:  DA4,028.55
FJ$158.17
List Price:  FJ$225.97
You save:  FJ$67.79
Q544.39
List Price:  Q777.73
You save:  Q233.34
GY$14,639.41
List Price:  GY$20,914.34
You save:  GY$6,274.92
ISK kr9,791.60
List Price:  ISK kr13,988.60
You save:  ISK kr4,197
DH708.11
List Price:  DH1,011.63
You save:  DH303.52
L1,243.72
List Price:  L1,776.81
You save:  L533.09
ден4,016.98
List Price:  ден5,738.79
You save:  ден1,721.81
MOP$563.94
List Price:  MOP$805.67
You save:  MOP$241.72
N$1,340.22
List Price:  N$1,914.68
You save:  N$574.46
C$2,575.16
List Price:  C$3,678.96
You save:  C$1,103.79
रु9,316.74
List Price:  रु13,310.19
You save:  रु3,993.45
S/261.07
List Price:  S/372.97
You save:  S/111.90
K269.52
List Price:  K385.04
You save:  K115.52
SAR262.50
List Price:  SAR375.02
You save:  SAR112.51
ZK1,842.03
List Price:  ZK2,631.59
You save:  ZK789.55
L324.63
List Price:  L463.78
You save:  L139.14
Kč1,640.70
List Price:  Kč2,343.96
You save:  Kč703.26
Ft25,605.88
List Price:  Ft36,581.40
You save:  Ft10,975.51
SEK kr762.91
List Price:  SEK kr1,089.92
You save:  SEK kr327.01
ARS$61,153.48
List Price:  ARS$87,365.86
You save:  ARS$26,212.38
Bs484.56
List Price:  Bs692.26
You save:  Bs207.70
COP$275,828.59
List Price:  COP$394,057.74
You save:  COP$118,229.14
₡35,172.98
List Price:  ₡50,249.28
You save:  ₡15,076.29
L1,727.65
List Price:  L2,468.18
You save:  L740.53
₲519,796.34
List Price:  ₲742,598.03
You save:  ₲222,801.68
$U2,684.12
List Price:  $U3,834.62
You save:  $U1,150.50
zł281.95
List Price:  zł402.81
You save:  zł120.85
Already have an account? Log In

Transcript

Now let's continue with the mesh editing. We will practice what we did in the previous lecture. We created the feather that was only a few bones. And now we move on to the cape. It has two part, I convert the top part into a mesh, and then the bottom part as well. I zoom in so I see what I do.

I click Edit Mesh, it's already creating the basic mesh. Yes, I confirm and I do the same. Now, the cape I drew deliberately this simple because they know I want to wave it around, but I still add a lot of nodes and a lot of taxes to create more and more polygons. If I only had two or three, it will be a block, it will move very rapidly. I want it to wave. I add more and more and more.

I close it, Tara, I have the basic ones. And now again, I add some vertexes the plus icon is clicking it. It's snapping. So zoom in. Nice. Okay.

That's it. How much was it a minute, I have the basic mesh. And now let's see the bones. I want to add the bones Ctrl V to see them. And let's see I have four. I select them, one after the other, as you see again, green, orange, red, blue.

So it's using the colors. I switch to the animation and I animate these bones. Now, I do the exact same thing I did with the feather. This time, it's a bit more complex, but it will be the same. So I take care about how my animation is moving, how my character is bumping up and down, and I move the cape accordingly. If he's going up then the cape is going to be down if he's coming down the cape is opening like a parachute to beat It's going up.

So when he's in the downer position, the cape will be up. Again, we start with the simplest part and then we make our animation more complex and complex and complex. We don't want to solve everything at the first blink, we just add some little movement up and down, up and down as we animate the bones zero. I select the next bone and I only made that two. As you see this Sun is already deforming the shape of it. There is already a little bump here, the claw through the cape looks already it's deforming a bit.

It's already nice and wavy but still very good. But just wait until we added the next and the last bond. That will be the cherry on the cake. So what are the bigger bump even more I bended up and down yeah, this will be perfect. And here I just copied the last the first frame over to the last one so they understand. And now with the last one, as I said cherry on the cake, I will bend it over a bit.

So it's really like a whip it's feel it will flip up and down perfectly. Here I will bend it down to play with it more. This could be even like Taylor Fox tale of a cat in your animation that would be also nice. And now it's it's nicely moving up and down. Now I did it again. The first one because I'm not really satisfied that it's not going up and down perfectly.

I add some keyframes and it's coming up and it's To come down somewhere I push gate what the keyframe okay much better. And now as you see the bottom of the cape, the darker part is still very good. I just make it disappear so I see what I'm doing. But okay, the cape is already moving up and down in the same rhythm as the feather so everything is moving nicely. The cloth is moving nicely with the corrector and now I want to edit the bottom of the cake. converted into a mesh and did it before already.

And then I go Edit Mesh new one. Yes I do. And again I zoom in and I draw my little mesh. Again, I could draw just the triangle, but that's not suitable for me the mesh is deforming around the vertex is the more vertexes you have, the more information you will have if you have only two, it will not look nice. Okay, basic mesh is created at some more vertexes and nodes. nice, simple.

I made the most visible again because I made them disappear. And that's it opened a little eyes. Okay, and these one only have three, not four like the top of the cape. What I forgot to do, yes, I forgot to bind the bones. So I go back and I bind them 123 green, orange red. Go back to animation mode and animate them as before.

I start with the base one and go to the middle one and on the end one. I tried to take care that it's not overlapping, because this is supposed to be the bottom of the cape. So it this part cannot be visible. So I just move it down a bit. Here. This is not two capes.

It's supposed to be one. So yes, I attach them again and they copy the last stream need these already nice is going up and down with that one. But the magic is still not there. I play with it, I make some distance I really make it flexible. And I copy the last one. Let's see how does it look?

It's very good. It's going too much with the shape. So we do okay, I add a keyframe and I move this a bit more. Yes, I move it back because it was to rig it. Now it's moving up and down. And again the last bone will give the real flexibility.

So I will close it. almost totally, I take it it's not coming out on the top. I flip this one up as well and then copy the last frame. Now it's nicely following the walk of the night. It's nice and flexible, changing shape. the cape is very much flowing after the corrector and as you see I have a lot of keyframes in the walk cycle.

You can add your own, you can make the cape and the feather more bouncy and more complex. I just did a very basic shapes. Now in the coming part I want to talk a bit more about the mesh animation because there is two more things you can do. With the mesh and both of them are extremely useful. The first thing I want to show you is the weight system. When you are assigning a binding bones to a mesh, it's automatically creating the weight system for you.

As you see, each bone has different color and these bones are affecting the different vertex is around them automatically. But if I click on this weight icon, the vertex is are changing color and they are looking like pie charts. And this is where the color of the bones are coming into play. Some where taxes are affected more by the green ball, some are more by the red double. And I can play with that manually. And that's the whole point I select the vertex.

And I can move my mouse up and down and it will change how that vertex is affected by each bone. Good for me because I can define manually, perfectly how something is moving around how a mesh is reacting automatically is already very nice, but I can play with it more. I don't want for example, these red one, I don't want to care about what the green bone is doing it's so far away. These one are affected by both bones. If the orange one and the red one are moving together like a seesaw, these were taxis we moved very, very much, but they don't care much about the green ones because that's again further away. So this is the weight system.

And dragon bones is doing it very nicely. Automatic automatically, but I can as well select the bone, select the vertex, move it up and down. And you see the pie chart is changing. Also on the right side, notice that these little sliders are changing. I can change those has been manually. So what I can do, I can select all of these little taxis around And I can tell them okay, guys don't care about what the other bones are doing only loose don't listen to these bond.

So if I pick this vertex, you see I can modify it. And if I want these only to be modified by the green one, then I pull it 200%. And then this one and this one, and the only way it works is here on the bottom right? Yes, I select them. And I make them to listen only hundred personally to the green bone. This will affect my animation, maybe not that much.

But with this one, as you can see, you can make small modifications and you can fine tune manually your animation. And what I did know it's not affecting the other vertex is so how does it look? If I look at my animation now, the bottom is already different. It's already looking a bit more rugged and the and a bit more flexible. So I can play with the texture of the whole feeling of the material, because I can define which bone the vertex is listening to. Another great thing in the animation part is if I am not animating by bones, obviously I feel but I can as well animate the vertex is themselves, I can move these little nodes around, and that will affect the shape of my game art of my animation.

So if this one is not in the best shape for me, I can refine it. You see, it's a bit like smudging it, but during the animation, it looks much nicer. If you see a mistake, if you see something is out of shape, you can use the weight system and you can use This one animation the vertex is themselves to refine your animation fine tune to the maximum. Obviously in the decent the previous lecture I was just showing the basics of how to work with meshes. Feel free to ask me any questions feel free to show me what you what you created. And practice practice a lot because the mesh can bring your animation to life really when I was showing this to my wife, she said, Wow, it looks like 3d.

Yes, it does because the mesh is waving and it brings everything to life.

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.