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
€60.46
List Price:  €86.38
You save:  €25.91
£51.53
List Price:  £73.62
You save:  £22.08
CA$94.98
List Price:  CA$135.69
You save:  CA$40.71
A$107.40
List Price:  A$153.44
You save:  A$46.03
S$89.59
List Price:  S$127.99
You save:  S$38.40
HK$549.40
List Price:  HK$784.89
You save:  HK$235.49
CHF 56.72
List Price:  CHF 81.04
You save:  CHF 24.31
NOK kr693.07
List Price:  NOK kr990.15
You save:  NOK kr297.07
DKK kr450.94
List Price:  DKK kr644.23
You save:  DKK kr193.28
NZ$115.80
List Price:  NZ$165.43
You save:  NZ$49.63
د.إ257.02
List Price:  د.إ367.20
You save:  د.إ110.17
৳8,530.94
List Price:  ৳12,187.59
You save:  ৳3,656.64
₹6,023.44
List Price:  ₹8,605.29
You save:  ₹2,581.84
RM296.79
List Price:  RM424
You save:  RM127.21
₦108,131.05
List Price:  ₦154,479.55
You save:  ₦46,348.50
₨19,790.72
List Price:  ₨28,273.68
You save:  ₨8,482.95
฿2,272.61
List Price:  ฿3,246.72
You save:  ฿974.11
₺2,757.43
List Price:  ₺3,939.35
You save:  ₺1,181.92
B$390.78
List Price:  B$558.29
You save:  B$167.50
R1,244.64
List Price:  R1,778.13
You save:  R533.49
Лв118.19
List Price:  Лв168.86
You save:  Лв50.66
₩95,199.81
List Price:  ₩136,005.56
You save:  ₩40,805.75
₪247.83
List Price:  ₪354.06
You save:  ₪106.23
₱3,954.43
List Price:  ₱5,649.43
You save:  ₱1,695
¥10,081.95
List Price:  ¥14,403.40
You save:  ¥4,321.45
MX$1,323.25
List Price:  MX$1,890.44
You save:  MX$567.19
QR254.66
List Price:  QR363.81
You save:  QR109.15
P938.32
List Price:  P1,340.52
You save:  P402.19
KSh9,042.70
List Price:  KSh12,918.70
You save:  KSh3,876
E£3,519.09
List Price:  E£5,027.49
You save:  E£1,508.40
ብር9,417.97
List Price:  ብር13,454.82
You save:  ብር4,036.85
Kz63,827.73
List Price:  Kz91,186.38
You save:  Kz27,358.65
CLP$64,930.31
List Price:  CLP$92,761.57
You save:  CLP$27,831.25
CN¥502.52
List Price:  CN¥717.91
You save:  CN¥215.39
RD$4,123.10
List Price:  RD$5,890.40
You save:  RD$1,767.29
DA9,106.40
List Price:  DA13,009.70
You save:  DA3,903.30
FJ$156.97
List Price:  FJ$224.25
You save:  FJ$67.28
Q536.46
List Price:  Q766.41
You save:  Q229.94
GY$14,605.58
List Price:  GY$20,866.01
You save:  GY$6,260.42
ISK kr8,682.25
List Price:  ISK kr12,403.75
You save:  ISK kr3,721.50
DH638.29
List Price:  DH911.88
You save:  DH273.59
L1,196.82
List Price:  L1,709.82
You save:  L512.99
ден3,719.22
List Price:  ден5,313.40
You save:  ден1,594.18
MOP$564.38
List Price:  MOP$806.30
You save:  MOP$241.91
N$1,256.31
List Price:  N$1,794.81
You save:  N$538.49
C$2,569.13
List Price:  C$3,670.34
You save:  C$1,101.21
रु9,611.48
List Price:  रु13,731.28
You save:  रु4,119.79
S/251.97
List Price:  S/359.98
You save:  S/108
K291.62
List Price:  K416.61
You save:  K124.99
SAR262.61
List Price:  SAR375.18
You save:  SAR112.56
ZK1,687.62
List Price:  ZK2,410.99
You save:  ZK723.37
L304.06
List Price:  L434.39
You save:  L130.33
Kč1,499.39
List Price:  Kč2,142.08
You save:  Kč642.69
Ft24,271.08
List Price:  Ft34,674.46
You save:  Ft10,403.37
SEK kr662.59
List Price:  SEK kr946.60
You save:  SEK kr284
ARS$82,746.03
List Price:  ARS$118,213.68
You save:  ARS$35,467.65
Bs482.40
List Price:  Bs689.17
You save:  Bs206.77
COP$288,930.15
List Price:  COP$412,775.05
You save:  COP$123,844.90
₡35,187.48
List Price:  ₡50,269.99
You save:  ₡15,082.50
L1,821.99
List Price:  L2,602.96
You save:  L780.96
₲557,010.92
List Price:  ₲795,764
You save:  ₲238,753.07
$U2,861.83
List Price:  $U4,088.51
You save:  $U1,226.67
zł257.95
List Price:  zł368.52
You save:  zł110.56
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.