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
€59.85
List Price:  €85.51
You save:  €25.65
£51.90
List Price:  £74.15
You save:  £22.24
CA$95.64
List Price:  CA$136.63
You save:  CA$40.99
A$97.69
List Price:  A$139.56
You save:  A$41.87
S$89.38
List Price:  S$127.69
You save:  S$38.31
HK$548.47
List Price:  HK$783.57
You save:  HK$235.09
CHF 55.25
List Price:  CHF 78.93
You save:  CHF 23.68
NOK kr651.12
List Price:  NOK kr930.21
You save:  NOK kr279.09
DKK kr447.26
List Price:  DKK kr638.98
You save:  DKK kr191.71
NZ$119.04
List Price:  NZ$170.07
You save:  NZ$51.02
د.إ257.03
List Price:  د.إ367.21
You save:  د.إ110.17
৳8,640.34
List Price:  ৳12,343.87
You save:  ৳3,703.53
₹6,620.03
List Price:  ₹9,457.59
You save:  ₹2,837.56
RM276.60
List Price:  RM395.16
You save:  RM118.56
₦95,528.65
List Price:  ₦136,475.35
You save:  ₦40,946.70
₨19,575.46
List Price:  ₨27,966.14
You save:  ₨8,390.68
฿2,275.54
List Price:  ฿3,250.92
You save:  ฿975.37
₺3,153.38
List Price:  ₺4,505.02
You save:  ₺1,351.64
B$350.04
List Price:  B$500.08
You save:  B$150.04
R1,160.78
List Price:  R1,658.33
You save:  R497.55
Лв117.06
List Price:  Лв167.23
You save:  Лв50.17
₩103,226.39
List Price:  ₩147,472.59
You save:  ₩44,246.20
₪209.15
List Price:  ₪298.81
You save:  ₪89.65
₱4,289.44
List Price:  ₱6,128.03
You save:  ₱1,838.59
¥11,172.65
List Price:  ¥15,961.62
You save:  ¥4,788.96
MX$1,219.54
List Price:  MX$1,742.28
You save:  MX$522.73
QR256.72
List Price:  QR366.77
You save:  QR110.04
P945.58
List Price:  P1,350.89
You save:  P405.31
KSh9,049.70
List Price:  KSh12,928.70
You save:  KSh3,879
E£3,701.28
List Price:  E£5,287.77
You save:  E£1,586.49
ብር10,966.37
List Price:  ብር15,666.91
You save:  ብር4,700.54
Kz63,908.98
List Price:  Kz91,302.46
You save:  Kz27,393.48
CLP$62,639.65
List Price:  CLP$89,489.05
You save:  CLP$26,849.40
CN¥478.46
List Price:  CN¥683.55
You save:  CN¥205.08
RD$4,175.14
List Price:  RD$5,964.74
You save:  RD$1,789.60
DA9,278.02
List Price:  DA13,254.88
You save:  DA3,976.86
FJ$153.89
List Price:  FJ$219.85
You save:  FJ$65.96
Q536.91
List Price:  Q767.06
You save:  Q230.14
GY$14,693.79
List Price:  GY$20,992.03
You save:  GY$6,298.24
ISK kr8,559.07
List Price:  ISK kr12,227.77
You save:  ISK kr3,668.70
DH648.99
List Price:  DH927.16
You save:  DH278.17
L1,215.72
List Price:  L1,736.82
You save:  L521.09
ден3,689.51
List Price:  ден5,270.95
You save:  ден1,581.44
MOP$566.94
List Price:  MOP$809.95
You save:  MOP$243.01
N$1,157.44
List Price:  N$1,653.56
You save:  N$496.12
C$2,584.77
List Price:  C$3,692.68
You save:  C$1,107.91
रु10,578.60
List Price:  रु15,112.94
You save:  रु4,534.33
S/244.89
List Price:  S/349.86
You save:  S/104.97
K304.99
List Price:  K435.72
You save:  K130.73
SAR262.50
List Price:  SAR375.02
You save:  SAR112.51
ZK1,329.15
List Price:  ZK1,898.87
You save:  ZK569.72
L304.85
List Price:  L435.52
You save:  L130.67
Kč1,458.74
List Price:  Kč2,084.01
You save:  Kč625.26
Ft21,855.53
List Price:  Ft31,223.53
You save:  Ft9,367.99
SEK kr648.74
List Price:  SEK kr926.81
You save:  SEK kr278.07
ARS$99,138.72
List Price:  ARS$141,632.81
You save:  ARS$42,494.09
Bs485.32
List Price:  Bs693.35
You save:  Bs208.02
COP$250,071.54
List Price:  COP$357,260.37
You save:  COP$107,188.83
₡31,909.71
List Price:  ₡45,587.26
You save:  ₡13,677.54
L1,866.49
List Price:  L2,666.53
You save:  L800.03
₲442,460.85
List Price:  ₲632,114.03
You save:  ₲189,653.17
$U2,762.47
List Price:  $U3,946.56
You save:  $U1,184.08
zł254.25
List Price:  zł363.24
You save:  zł108.98
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.