Create the bone system of your character

2D Game Character Animation With DragonBones and Inkscape 2D game character animation with DragonBones and Inkscape
10 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.44
List Price:  €93.49
You save:  €28.05
£56.04
List Price:  £80.06
You save:  £24.02
CA$95.74
List Price:  CA$136.79
You save:  CA$41.04
A$107.11
List Price:  A$153.03
You save:  A$45.91
S$95.36
List Price:  S$136.24
You save:  S$40.87
HK$547.90
List Price:  HK$782.75
You save:  HK$234.85
CHF 64.03
List Price:  CHF 91.47
You save:  CHF 27.44
NOK kr772.60
List Price:  NOK kr1,103.76
You save:  NOK kr331.16
DKK kr487.88
List Price:  DKK kr697.01
You save:  DKK kr209.12
NZ$117.84
List Price:  NZ$168.36
You save:  NZ$50.51
د.إ257.06
List Price:  د.إ367.25
You save:  د.إ110.18
৳7,700.43
List Price:  ৳11,001.09
You save:  ৳3,300.65
₹5,837.33
List Price:  ₹8,339.41
You save:  ₹2,502.07
RM333.81
List Price:  RM476.90
You save:  RM143.08
₦92,489.99
List Price:  ₦132,134.22
You save:  ₦39,644.23
₨19,474.37
List Price:  ₨27,821.72
You save:  ₨8,347.35
฿2,588.61
List Price:  ฿3,698.17
You save:  ฿1,109.56
₺2,275.23
List Price:  ₺3,250.47
You save:  ₺975.23
B$358.08
List Price:  B$511.57
You save:  B$153.48
R1,312.98
List Price:  R1,875.77
You save:  R562.78
Лв127.91
List Price:  Лв182.73
You save:  Лв54.82
₩96,452.39
List Price:  ₩137,795.03
You save:  ₩41,342.64
₪267.73
List Price:  ₪382.49
You save:  ₪114.75
₱4,034.64
List Price:  ₱5,764.02
You save:  ₱1,729.38
¥11,065.06
List Price:  ¥15,807.91
You save:  ¥4,742.85
MX$1,201.03
List Price:  MX$1,715.83
You save:  MX$514.80
QR255.05
List Price:  QR364.38
You save:  QR109.32
P965.79
List Price:  P1,379.76
You save:  P413.97
KSh9,296.24
List Price:  KSh13,280.92
You save:  KSh3,984.67
E£3,349.82
List Price:  E£4,785.67
You save:  E£1,435.84
ብር3,985.10
List Price:  ብር5,693.24
You save:  ብር1,708.14
Kz58,375.85
List Price:  Kz83,397.65
You save:  Kz25,021.80
CLP$66,375.71
List Price:  CLP$94,826.51
You save:  CLP$28,450.80
CN¥507.11
List Price:  CN¥724.48
You save:  CN¥217.36
RD$4,113.13
List Price:  RD$5,876.15
You save:  RD$1,763.02
DA9,392.53
List Price:  DA13,418.47
You save:  DA4,025.94
FJ$158.35
List Price:  FJ$226.22
You save:  FJ$67.87
Q544.06
List Price:  Q777.27
You save:  Q233.20
GY$14,678.83
List Price:  GY$20,970.66
You save:  GY$6,291.82
ISK kr9,837.79
List Price:  ISK kr14,054.59
You save:  ISK kr4,216.80
DH708.72
List Price:  DH1,012.51
You save:  DH303.78
L1,246.75
List Price:  L1,781.16
You save:  L534.40
ден4,025.16
List Price:  ден5,750.48
You save:  ден1,725.31
MOP$565.76
List Price:  MOP$808.27
You save:  MOP$242.50
N$1,340.22
List Price:  N$1,914.68
You save:  N$574.46
C$2,582.07
List Price:  C$3,688.83
You save:  C$1,106.76
रु9,353.99
List Price:  रु13,363.42
You save:  रु4,009.42
S/263.57
List Price:  S/376.55
You save:  S/112.97
K270.82
List Price:  K386.91
You save:  K116.08
SAR262.50
List Price:  SAR375.01
You save:  SAR112.51
ZK1,859.31
List Price:  ZK2,656.27
You save:  ZK796.96
L325.94
List Price:  L465.65
You save:  L139.71
Kč1,644.39
List Price:  Kč2,349.23
You save:  Kč704.84
Ft25,720.62
List Price:  Ft36,745.32
You save:  Ft11,024.70
SEK kr762.14
List Price:  SEK kr1,088.81
You save:  SEK kr326.67
ARS$61,174.36
List Price:  ARS$87,395.69
You save:  ARS$26,221.33
Bs486.59
List Price:  Bs695.16
You save:  Bs208.56
COP$277,528.94
List Price:  COP$396,486.91
You save:  COP$118,957.97
₡35,172.98
List Price:  ₡50,249.28
You save:  ₡15,076.29
L1,732.56
List Price:  L2,475.19
You save:  L742.63
₲520,857.74
List Price:  ₲744,114.38
You save:  ₲223,256.64
$U2,703.34
List Price:  $U3,862.08
You save:  $U1,158.74
zł282.38
List Price:  zł403.41
You save:  zł121.03
Already have an account? Log In

Transcript

If you go to the same tab, you see all the different elements, you see all the slots here. You see these two dots next to them. This one This column is for making them visible. This column is making them selectable. Now what we'll do now is I think the most important part in Dragon Balls. This is why the name is Dragon Balls actually, but it sounds so cool now so fantasy.

Anyhow, we are not talking about dragons. Here we are talking about bones and those are very important for us, because this is the best part. What dragon bones is capable to do, as I said in the intro is the same as a sprite and spine but for free. And that's easy is just setting giving bones in to the animation and moving the bones animating the bones will move and animate our character. So let's start it. We have a route object or kind of a route bone, this is what I said.

You can rename it, you can move it, it will move the corruptor everything is linked into that. What we do now is we're gonna draw bones, you click on this icon, create bones or just push n on the keyboard. You see the cursor is changing. And let's start with the head. Just a straight bone from the head, I clicked only one and fold it and I drew it Take care not to click everywhere because whenever you click, it's creating a bone. And now I created another bone on the visor.

Because I didn't click anywhere this bone is still selected, which means if I create a bone here on the visor it will be a sub bone under this one, so if this bone will move, divisor will move as well. You will understand it in a second I will explain it again. See, the bone is attached to the image to the slot, which it was thrown over. So when you click and hold it selecting the image under but the bone is connected to the previous bone you can see it means the bone is this bone, the bone for the head is the parent for the bone for the visor. No, I go for the selection to select this one again, I draw a bone again. So the head bone gonna be the parent for the one I'm drawing for the federal.

For the federal, I not gonna draw one. I gonna draw several because this one will wave and move. So just a few small ones. Okay, let's go into this because I drew very careful Fully, this is what happens if you check the library here in the scene library. The helmet now has a proper object the proper bone, this is the sign of a bone this little shard. Inside it is the helmet slot inside the slot is the helmet image under it in the same level that is the feather born federal 012 when I'm clicking notice that they are selected here inside that are under that is the feather box or slot and the feather image on the same exact level as there is the feather if I close if you close it, you see.

So everything is in the helmet on the same level of the feather there is the visor. Here it is. So what does all this mean for us? Here is the post tool or just push. The P pose is But it says you can rotate and move these objects. So if I rotate the visor, it can go up and down.

But if I rotate the head, as you see all the arrows showing everything, which is in the helmet folder, everything which is under the helmet bone goes with it. It's why it is important Why talk about so much about this because this is the, I think, the heaviest thing to understand in the beginning. And if you get it right, you can build your characters appropriately. And if you do it right, you're not gonna click and create bones that you don't use. You're gonna have a nice folder, nicely build up three for your character, and then you can animate it much easier. Everything we do now is for creating a fluent animation later on.

Okay, let's add some more bones. Okay. I select the upper arm, and I add the bone. I only need one to the elbow. Then from here release Click again. They are the one for the hand.

And from here, I add one to the sword. I know the sword is not part of the body as is not the feather, but they're going to move it together with it. So don't think about bones like real bones that it has to be part of the corruptor everything has a bone that's it now perfect. No, I select the body. I don't want it to bend so I only give it one bone. One very big one.

From here to here. Perfect. Does the torso. Okay, no, I select the cape and I do the same as I did with the feather. I give a few bones here. Create boom.

One do three four Select this one, and I give it 3123 gonna be a bit too much I know but it's gonna work properly. Okay, let's do the same for the leg I just see that the front leg is behind the torso. What I also love here is that the folders are intact when I touch the draw order. That's awesome. Okay, so I draw another bone here on the leg and another on the foot on the leg. Select the reed like this select all so it's not linked to the other leg.

It doesn't have to One bone out of bone. Perfect. This is a bit aside. Okay. Now I can put this together here, put it in place because all the other elements are going to be this bone because that is the bone for the back leg. So no I have the feet ready.

Now I have the no I just do the arm. One one grab these and put it in here because it's behind the gonna be much visible now So this is what I have now, with Ctrl B, I can hide all the bones only the selected will be with right click the selected, this is what I have now. So let's see how it looks. If I pose it. Here you can turn back in this little window turn on and off everything I turn on the bones is this one and just animate the visor a bit, animate the sword a bit. Just for the fun.

If I move the arm sword goes with it. If I move the upper arm, the sword and the arm goes with it. Ready to bash amazing. This is where we are so far. If you made a mistake, go through it and check it. If you move something and something guess.

Move with it. Or it doesn't look how it has to be. Go and check your folders and rearrange it. It might be tricky at first, but you will love it and You will understand it. So for example, this leg, this works properly. Okay?

How about this one? Okay, something is wrong. Why? Because the upper leg is not connected to the feet to the foot. Why is it because I didn't give a front leg bone to the front leg. You see, I see my mistake.

This is why now we are getting complicated and this is why I can I love this tab I can see my mistake what I do, I close this and I grab this slot, I click on it and it allows me to throw it into the back leg. Now I have a front leg and the front foot and I have a backlog. I just rename it. You right click Rename This is my front leg. Just that's it. So it's so easy to correct a mistake.

Now everything is perfect. I just rearrange it and everything is on place. So it's so easy use the C library. It will help you a lot. Clean up your collector give the bones to it and now we are going to move into animation and I will talk about how to animate the mesh. I know you want to see this animated you will see it in the next lecture.

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.