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
€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

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.