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
€61.75
List Price:  €88.22
You save:  €26.47
£51.80
List Price:  £74
You save:  £22.20
CA$96.75
List Price:  CA$138.22
You save:  CA$41.47
A$108.63
List Price:  A$155.19
You save:  A$46.56
S$90.14
List Price:  S$128.77
You save:  S$38.63
HK$548.59
List Price:  HK$783.73
You save:  HK$235.14
CHF 57.88
List Price:  CHF 82.69
You save:  CHF 24.81
NOK kr709.66
List Price:  NOK kr1,013.84
You save:  NOK kr304.18
DKK kr460.47
List Price:  DKK kr657.84
You save:  DKK kr197.37
NZ$117.24
List Price:  NZ$167.50
You save:  NZ$50.25
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.18
৳8,552.96
List Price:  ৳12,219.04
You save:  ৳3,666.07
₹5,972.21
List Price:  ₹8,532.10
You save:  ₹2,559.88
RM295.70
List Price:  RM422.45
You save:  RM126.75
₦110,980.34
List Price:  ₦158,550.14
You save:  ₦47,569.80
₨19,823.64
List Price:  ₨28,320.70
You save:  ₨8,497.06
฿2,284.12
List Price:  ฿3,263.17
You save:  ฿979.04
₺2,734.17
List Price:  ₺3,906.12
You save:  ₺1,171.95
B$394.82
List Price:  B$564.06
You save:  B$169.23
R1,252.96
List Price:  R1,790.03
You save:  R537.06
Лв120.92
List Price:  Лв172.75
You save:  Лв51.83
₩96,097.09
List Price:  ₩137,287.44
You save:  ₩41,190.35
₪247.80
List Price:  ₪354.01
You save:  ₪106.21
₱3,881.61
List Price:  ₱5,545.39
You save:  ₱1,663.78
¥10,094.44
List Price:  ¥14,421.25
You save:  ¥4,326.81
MX$1,349.29
List Price:  MX$1,927.64
You save:  MX$578.35
QR256.03
List Price:  QR365.77
You save:  QR109.74
P940.26
List Price:  P1,343.29
You save:  P403.02
KSh9,042.70
List Price:  KSh12,918.70
You save:  KSh3,876
E£3,487.51
List Price:  E£4,982.38
You save:  E£1,494.86
ብር9,522.69
List Price:  ብር13,604.43
You save:  ብር4,081.74
Kz63,827.73
List Price:  Kz91,186.38
You save:  Kz27,358.65
CLP$65,717.81
List Price:  CLP$93,886.61
You save:  CLP$28,168.80
CN¥503.20
List Price:  CN¥718.88
You save:  CN¥215.68
RD$4,127.93
List Price:  RD$5,897.30
You save:  RD$1,769.36
DA9,249.25
List Price:  DA13,213.78
You save:  DA3,964.53
FJ$158.10
List Price:  FJ$225.87
You save:  FJ$67.76
Q537.47
List Price:  Q767.84
You save:  Q230.37
GY$14,677.31
List Price:  GY$20,968.48
You save:  GY$6,291.17
ISK kr8,880.33
List Price:  ISK kr12,686.73
You save:  ISK kr3,806.40
DH646.61
List Price:  DH923.77
You save:  DH277.15
L1,209.75
List Price:  L1,728.29
You save:  L518.54
ден3,798.11
List Price:  ден5,426.11
You save:  ден1,627.99
MOP$565.56
List Price:  MOP$807.98
You save:  MOP$242.42
N$1,253.73
List Price:  N$1,791.12
You save:  N$537.39
C$2,578.06
List Price:  C$3,683.10
You save:  C$1,105.04
रु9,567.18
List Price:  रु13,667.98
You save:  रु4,100.80
S/256.16
List Price:  S/365.97
You save:  S/109.80
K287.44
List Price:  K410.65
You save:  K123.20
SAR262.52
List Price:  SAR375.05
You save:  SAR112.52
ZK1,893.06
List Price:  ZK2,704.49
You save:  ZK811.42
L312.19
List Price:  L446.01
You save:  L133.81
Kč1,538.66
List Price:  Kč2,198.18
You save:  Kč659.52
Ft24,912.57
List Price:  Ft35,590.91
You save:  Ft10,678.34
SEK kr672.24
List Price:  SEK kr960.39
You save:  SEK kr288.14
ARS$80,943.07
List Price:  ARS$115,637.92
You save:  ARS$34,694.84
Bs484.05
List Price:  Bs691.53
You save:  Bs207.48
COP$290,737.30
List Price:  COP$415,356.81
You save:  COP$124,619.50
₡35,635.48
List Price:  ₡50,910.02
You save:  ₡15,274.53
L1,824.50
List Price:  L2,606.54
You save:  L782.04
₲559,699.84
List Price:  ₲799,605.48
You save:  ₲239,905.63
$U2,909.40
List Price:  $U4,156.46
You save:  $U1,247.06
zł262.16
List Price:  zł374.54
You save:  zł112.37
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.