Exporting from Inkscape for animation

2D Game Character Animation With DragonBones and Inkscape 2D game character animation with DragonBones and Inkscape
6 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.82
List Price:  €95.46
You save:  €28.64
£55.58
List Price:  £79.41
You save:  £23.82
CA$99.32
List Price:  CA$141.89
You save:  CA$42.57
A$109.92
List Price:  A$157.04
You save:  A$47.11
S$93.88
List Price:  S$134.12
You save:  S$40.24
HK$544.49
List Price:  HK$777.87
You save:  HK$233.38
CHF 63.01
List Price:  CHF 90.02
You save:  CHF 27.01
NOK kr778.67
List Price:  NOK kr1,112.44
You save:  NOK kr333.76
DKK kr498.46
List Price:  DKK kr712.12
You save:  DKK kr213.65
NZ$122.05
List Price:  NZ$174.36
You save:  NZ$52.31
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.18
৳8,473.80
List Price:  ৳12,105.95
You save:  ৳3,632.14
₹6,079.14
List Price:  ₹8,684.86
You save:  ₹2,605.72
RM310.33
List Price:  RM443.35
You save:  RM133.02
₦105,671.60
List Price:  ₦150,965.90
You save:  ₦45,294.30
₨19,467.12
List Price:  ₨27,811.37
You save:  ₨8,344.24
฿2,359.92
List Price:  ฿3,371.46
You save:  ฿1,011.54
₺2,535.63
List Price:  ₺3,622.49
You save:  ₺1,086.85
B$399.17
List Price:  B$570.27
You save:  B$171.09
R1,291.51
List Price:  R1,845.09
You save:  R553.58
Лв130.57
List Price:  Лв186.54
You save:  Лв55.96
₩101,010.26
List Price:  ₩144,306.56
You save:  ₩43,296.29
₪248.91
List Price:  ₪355.60
You save:  ₪106.69
₱4,061.27
List Price:  ₱5,802.07
You save:  ₱1,740.79
¥10,624.83
List Price:  ¥15,178.98
You save:  ¥4,554.15
MX$1,427.55
List Price:  MX$2,039.44
You save:  MX$611.89
QR254.24
List Price:  QR363.22
You save:  QR108.97
P961.95
List Price:  P1,374.27
You save:  P412.32
KSh9,039.20
List Price:  KSh12,913.70
You save:  KSh3,874.50
E£3,540.53
List Price:  E£5,058.12
You save:  E£1,517.58
ብር8,932.73
List Price:  ብር12,761.59
You save:  ብር3,828.86
Kz63,947.53
List Price:  Kz91,357.53
You save:  Kz27,410
CLP$66,028.30
List Price:  CLP$94,330.18
You save:  CLP$28,301.88
CN¥508.21
List Price:  CN¥726.04
You save:  CN¥217.83
RD$4,335.08
List Price:  RD$6,193.25
You save:  RD$1,858.16
DA9,434.79
List Price:  DA13,478.85
You save:  DA4,044.06
FJ$160.67
List Price:  FJ$229.55
You save:  FJ$68.87
Q538.38
List Price:  Q769.15
You save:  Q230.76
GY$14,591.14
List Price:  GY$20,845.38
You save:  GY$6,254.24
ISK kr9,829.39
List Price:  ISK kr14,042.59
You save:  ISK kr4,213.20
DH696.26
List Price:  DH994.70
You save:  DH298.44
L1,305.42
List Price:  L1,864.97
You save:  L559.54
ден4,109.51
List Price:  ден5,870.98
You save:  ден1,761.47
MOP$559.12
List Price:  MOP$798.78
You save:  MOP$239.66
N$1,281.49
List Price:  N$1,830.78
You save:  N$549.29
C$2,566.27
List Price:  C$3,666.26
You save:  C$1,099.99
रु9,673.70
List Price:  रु13,820.16
You save:  रु4,146.46
S/259.11
List Price:  S/370.17
You save:  S/111.06
K280.47
List Price:  K400.70
You save:  K120.22
SAR262.49
List Price:  SAR375
You save:  SAR112.51
ZK1,964.98
List Price:  ZK2,807.24
You save:  ZK842.25
L332.60
List Price:  L475.17
You save:  L142.56
Kč1,673.66
List Price:  Kč2,391.05
You save:  Kč717.38
Ft26,898.09
List Price:  Ft38,427.50
You save:  Ft11,529.40
SEK kr750.14
List Price:  SEK kr1,071.67
You save:  SEK kr321.53
ARS$73,923.81
List Price:  ARS$105,609.97
You save:  ARS$31,686.16
Bs481.88
List Price:  Bs688.43
You save:  Bs206.55
COP$289,408.83
List Price:  COP$413,458.90
You save:  COP$124,050.07
₡35,362.91
List Price:  ₡50,520.61
You save:  ₡15,157.70
L1,777.93
List Price:  L2,540.02
You save:  L762.08
₲549,508.48
List Price:  ₲785,045.76
You save:  ₲235,537.28
$U3,033.55
List Price:  $U4,333.83
You save:  $U1,300.27
zł278.18
List Price:  zł397.42
You save:  zł119.23
Already have an account? Log In

Transcript

When I'm drawing as you might, so I'm not using levels I'm using always groups. So I always group up the element. And that is great for me when it comes to animation, and they tell you in a second why I select and applicate my little guy, my little Knight, and I take out all the elements, part two part, I take it apart. Here I have the sword. Here I have the feather. It could be that it's together with the helmet, but I want to animate it separately.

So I take apart everything I want to animate separately. I don't take away the shine into another group, because it will always move together with the helmet. But that is why I also move to the visor away because I want it to go up and down where my cursor is moving and fighting. So it needs to be a different Sprite. Okay. Same with this.

Same with this lower arm sword. The sword and lower arm can go together. It's up to you. I remove it because sometimes maybe you don't have the sword. The upper arm and the shoulder I take us one the body and this lower part of the body I take us one. So this one's I group up another, another, another leg.

Okay, now it looks like an unknown mess so I make some order. Alright, these are my objects. Here is a mistake you can make. If objects are too close to each other make, take care that they are not in each other's selection. So, okay, because I can export each element with the with the transparent background, if I export this triangle like this, it's gonna have a piece of this one. So just make it separate.

So now I have all of my elements. As I said before, this is a vector program. And it's awesome because I don't have to care much about the sizing, but I set the size appropriately for my corrector before, what I do now is I export each of the elements red, getting ready to animate it. These are at least, I don't know, 15 elements. Exporting each of them again and again, can be boring. And this is not even a complex character.

It's a very, very simple. So here's the trick I use in Inkscape. To do it very, very fast. I select one element, right click And I pull up Object Properties. You see it has an ID, each object has an ID. I change the ID to helmet, and I set it.

So it's already called helmet. I changed the ID sword and I set it. I change this to front arm and I set it front hand. back arm. Could be read whatever, you can name it to your language, whatever you want, really. You can use numbers I like to give names because I know what is what So later on is on what is what?

And it's called the torso. The chest. Back, leg. back feet. front leg. front feet.

I know it's food but anyway okay, I didn't have any food. What else I need? I need this one. This one is the header federal Okay, but top bottom. All right, now I have all the elements and I have here a picture of the night. What I want to do is I go to File, Export PNG image, and I will use transparent background PNGs in my animation software.

Now I could export each of them into my night animation folder. So, as I said before, prepare a folder for your animation assets. I could export export export, what what I really love about Inkscape is that I select everything I want. And I also select a group image of my night drawing I will tell you later on why do this as well. Same size is the same drawing. And now I have 16 selected objects and I click batch export by To export means it will export each of the elements in the same folder where my file is my night SVG file, so I just hit export and all of them are exported.

They are in that folder. So this is what I see when I open the folder, everything there in the size I want in the with the name I want. And I have also an unnamed It's my mistake, but okay, and unnamed picture about the night how I want everything assembled. This will help me to put the corruptor together in dragonballs. So now I have everything exported, and it's perfect. And now I just go into dragon bows import, put the characters together and finally get into animation.

Okay, see you there.

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.