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.70
List Price:  €85.30
You save:  €25.59
£52.43
List Price:  £74.90
You save:  £22.47
CA$96.46
List Price:  CA$137.80
You save:  CA$41.34
A$105.96
List Price:  A$151.38
You save:  A$45.42
S$90.39
List Price:  S$129.13
You save:  S$38.74
HK$544.61
List Price:  HK$778.04
You save:  HK$233.43
CHF 55.74
List Price:  CHF 79.64
You save:  CHF 23.89
NOK kr713.61
List Price:  NOK kr1,019.49
You save:  NOK kr305.88
DKK kr446.13
List Price:  DKK kr637.36
You save:  DKK kr191.22
NZ$121.43
List Price:  NZ$173.48
You save:  NZ$52.05
د.إ257.03
List Price:  د.إ367.21
You save:  د.إ110.17
৳8,547.26
List Price:  ৳12,210.89
You save:  ৳3,663.63
₹6,317.43
List Price:  ₹9,025.29
You save:  ₹2,707.85
RM285.97
List Price:  RM408.55
You save:  RM122.58
₦101,761.96
List Price:  ₦145,380.46
You save:  ₦43,618.50
₨19,561.24
List Price:  ₨27,945.82
You save:  ₨8,384.58
฿2,202.62
List Price:  ฿3,146.73
You save:  ฿944.11
₺2,990.98
List Price:  ₺4,273.01
You save:  ₺1,282.03
B$387.46
List Price:  B$553.54
You save:  B$166.08
R1,174.13
List Price:  R1,677.41
You save:  R503.27
Лв116.63
List Price:  Лв166.62
You save:  Лв49.99
₩103,350.79
List Price:  ₩147,650.32
You save:  ₩44,299.52
₪225.67
List Price:  ₪322.40
You save:  ₪96.73
₱4,105.54
List Price:  ₱5,865.31
You save:  ₱1,759.77
¥10,913.99
List Price:  ¥15,592.08
You save:  ¥4,678.09
MX$1,260.25
List Price:  MX$1,800.44
You save:  MX$540.18
QR254.50
List Price:  QR363.60
You save:  QR109.09
P923.78
List Price:  P1,319.75
You save:  P395.96
KSh9,025.21
List Price:  KSh12,893.71
You save:  KSh3,868.50
E£3,330.13
List Price:  E£4,757.54
You save:  E£1,427.40
ብር10,853.06
List Price:  ብር15,505.04
You save:  ብር4,651.97
Kz63,840.95
List Price:  Kz91,205.27
You save:  Kz27,364.32
CLP$64,211
List Price:  CLP$91,733.94
You save:  CLP$27,522.93
CN¥492.82
List Price:  CN¥704.05
You save:  CN¥211.23
RD$4,394.06
List Price:  RD$6,277.50
You save:  RD$1,883.44
DA9,061.10
List Price:  DA12,944.99
You save:  DA3,883.88
FJ$159.87
List Price:  FJ$228.40
You save:  FJ$68.52
Q535.70
List Price:  Q765.32
You save:  Q229.62
GY$14,633.69
List Price:  GY$20,906.17
You save:  GY$6,272.47
ISK kr8,836.93
List Price:  ISK kr12,624.73
You save:  ISK kr3,787.80
DH639.73
List Price:  DH913.94
You save:  DH274.20
L1,180.37
List Price:  L1,686.32
You save:  L505.94
ден3,673.17
List Price:  ден5,247.62
You save:  ден1,574.44
MOP$560.43
List Price:  MOP$800.66
You save:  MOP$240.22
N$1,169.20
List Price:  N$1,670.36
You save:  N$501.16
C$2,569.06
List Price:  C$3,670.25
You save:  C$1,101.18
रु10,102.04
List Price:  रु14,432.11
You save:  रु4,330.06
S/235.18
List Price:  S/335.99
You save:  S/100.80
K296.85
List Price:  K424.09
You save:  K127.24
SAR262.51
List Price:  SAR375.04
You save:  SAR112.52
ZK1,600.40
List Price:  ZK2,286.39
You save:  ZK685.98
L304.02
List Price:  L434.33
You save:  L130.31
Kč1,457.29
List Price:  Kč2,081.93
You save:  Kč624.64
Ft23,284.45
List Price:  Ft33,264.92
You save:  Ft9,980.47
SEK kr651.52
List Price:  SEK kr930.79
You save:  SEK kr279.26
ARS$101,537.99
List Price:  ARS$145,060.50
You save:  ARS$43,522.50
Bs482.41
List Price:  Bs689.19
You save:  Bs206.77
COP$268,672.70
List Price:  COP$383,834.59
You save:  COP$115,161.89
₡34,848.94
List Price:  ₡49,786.33
You save:  ₡14,937.39
L1,839.31
List Price:  L2,627.70
You save:  L788.39
₲469,812.27
List Price:  ₲671,189.15
You save:  ₲201,376.88
$U2,742.46
List Price:  $U3,917.97
You save:  $U1,175.50
zł251.20
List Price:  zł358.87
You save:  zł107.67
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.