Inkscape Tutorial by heathenx: Create a Basic Animation

[mykodagames]

I love it !!!

I just found inkscape today and was looking for a replacement for flash and this is an excellent tool in my opinion. One of the things I really like is that it exports to png which is a must being a indie game developer. Keep up the great work fellas :)

[werna99]

I think this Tutorial is too complicated & outdated. There are many easier and more flexible tools to create such a animation. The only good thing about Inkscape is that being Opensource. The User Interface sucks and simple graphics are already very slow. Sadly its the only Tool we have on Linux, and thats the only reason why I'm using it :(

[Mr999FREE999]

good Thnk u

[Electricearlobe]

So instead of using vector SVG animation we're converting it into Raster PNG's then converting that to flash which may or may not be vector again... I'm sorry but iOS doesn't suport flash, and flash mobile was just killed so this is useless for the mobile market, where as svg animation isn't.

[Redfuchs89de]

damn. this is so bad. did you know about the animate element of svg or the svg dom?

[gensterize]

is this available to build a game in inkscape?

[gensterize]

is this available to build a game in inscape?

[Casiohitz02]

you can do this exact same thing MUCH faster and easier in photoshop!

[Zapolka]

Danke, für dieses Video -- Super, hat mir viel geholfen !!!!

Grüße Zapolka

[Chikii239]

awesome!! I gotta try it :)

[Ozephier]

I'm using vista 32 bit. i couldn't get interpolate to work at all. i followed slow. is vista the problem? also, i couldn't get png2swf to install properly. 

[englishmovielover]

. You will find Ubuntu easy to use and much more up to date than vista. Yes it is free, as is inkskape, Inkskape works much better in Linux, like all open free software.

@Ozephier

[Fluffspear]

Launchpad Bug #406652

~suv wrote on 2009-07-30: #3

steps to follow:

1) select first text object, apply path > object to path

2) ungroup, keep selection

3) path > combine

4) repeat for second text object

5) apply interpolation

[HoudDenBek]

@Fluffspear Thankss I probably wouldnt have slept today looking for this

[Fluffspear]

@HoudDenBek

Thankyou. I just looked it up though so I don't know that I really deserve much credit.

There are loads of these tutorials over at screencasters.heathenX[DOT]org

[banditbeast8]

Hey mate, awesome video, only thing is, I think you spent a little too long on the exporting and not enough detail went into the conversion process at the end. Would be awesome if you could talk me through the end process, cheers mate

[caracterav]

wow, excelent tutorial.

however i have a word:

i want a tutorial about the intro of your video!!!!!

[andreashornig]

Hi, when I try to redo that with Inkscape 0.47 it doesn't work with texts. :(

I was just able to interpolate "real" objects like circles and rectangles.

(WinXp)

Andreas

[montimatt]

Good tutorial, but a lengthy export process. I just made one box/background for each frame, and spread them out a given amount, kinda like a storyboard. I did the interpolations in the first box, then distibuted them all out the same amount as above, so each object went in each 'frame' in the right place. Then you can just select all the 'frames' (boxes) and batch export them as individual pngs. Hope that makes some sense :)

[renato8885]

What's IE? A kind of browser used when Firefox and Chrome didn't exist?

[Cube0K]

INTERNET EXPLORER YOU DUBMBUM

[qualitysucks]

oh and another thing related to this video, why the hell people use videos for tutorial? just write it out, QUALITYSUCKS!!!

[worldemar42]

Dosen't svg support animation itself? Without greating a tons of png.

[FanAPFEvasion]

It does, but IE does not support SVG. This demo is a practical solution...

[qualitysucks]

who cares what IE does or doesnt support? its a piece of shit

[paldepind]

@qualitysucks Sadly IE has a huge market share so i think a lot of people cares about IE..

[deebrieske]

Thanks for this tutorial, I learn something new every time I watch one of your awesome tutorials! keep them coming, please!

[bumbellee]

how do u make whatever you created into, (convert or whatever) into a html file

[ownedboxes]

what exactly is the syntax that you put in the command prompt, can you put it here?

[defect530]

Great video

[weirdoltd]

Try the FREE program Serif Draw plus 4 - It is a simple animation program with loads of functions. (you add frames)

You export as a GIF

[Daghead]

Why not just use GIFs if it's not vector based? Just for more colors?

[dannystaple1]

Beyond the number of available colours, variable transparency (alpha), and better compression, it is also a W3C recommendation. GIF is not. Why would you use GIFs?

[Daghead]

I'm not looking up on this video, but can assume now that this is "animated png" which I now know of and is awesome.

[crazyfuturamafreak]

THANK YOU! Awesome video, everything is explained so clearly.

[noctillion]

I love Inkscape, and look forward to it gaining *real* animation capabilities, but what you're doing is the least efficient way to make an animation. Use Synfig for if you want a real open source animation tool. It's not as slick as Adobe Flash, but it's a lot better than manually creating each frame by hand.

[noctillion]

I love Inkscape, and look forward to it gaining *real* animation capabilities, but what you're doing is the least efficient way to make an animation. Use Synfig for if you want a real open source animation tool. It's not as slick as Adobe Flash, but it's a lot better than manually creating each frame by hand.

[kewlboontjies]

Thanks. awesome tut. Didn't know about png2swf converter - it's quite a lifesaver. :) lekker!

[NeutralBunny]

thank you so much for ths tutorial!!