Animation sketch Inkscape + The Gimp

animation marche 1
françaisIl y a une traduction française de ce didacticiel.

englishAnimation sketchs are done with Inkscape and assembled with Gimp GAP animation plugin.

With Inkscape :
Inkscape animation workspace
* Use layers manager(menu Layers=>Layers… (CTRL+SHIFT+L)) for this work 1.
* The first Inkscape layer is used for background (« décor » in screenshot). 2
* Next, one layer is added for each sketched step3.
* Layers are used as onionskin (layer opacity can be set at the left bottom of the document window, between active color and layer name (défault is o : 1,00)).4
* When animation is finished, an empty rectangle with border is added as caméra view, it will be selected until the end to work easier.5
* At each frame, the rectangle is moved with transformation tool (menu Objext=>Transform), vertical move here.6
* at each animation step, layer is activated by opening eye in the Layers window (others are hidden by closing layers eyes).9
* The picture is saved by using menu File=>Export bitmap…, choosing selection option in the export bitmap dialog window.10
* Give filename containing several numbers used to save each frame (Here, I used marche1.xx.png where xx run from 01 to 18).11

We can now use Gimp :
* First step file is opened ( marche.01.png in my case).
* Then go to menu Video=>Frames flatten… Every frames containing same numbering scheme that first one, will be automagically flatened.

Et voila on, everything is ready for output an animation.

Fro outputing an animated gif, I do:
* menu VIdeo=>Frames to Image….
* Size of picture followed by number of color can eventually be reduced to reducs gif file size (I used 4 black and white colors here).
* From flatened multilayer picture created, it left to do File=Save as… (gif format), then to choose animation. I set 250 milliseconds for each frame to obtain 4 frames by second.

This entry was posted on Friday, September 22nd, 2006 at 21:29 and is filed under Animation, Gimp, Inkscape, Tutorial, vectoriel. Find similar posts by selecting any of the following tags: . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

No Comments

Be the first to comment on this entry.

Have your say

This is a captcha-picture. It is used to prevent mass-access by robots. (see: www.captcha.net)

You must read and type the 5 chars within 0..9 and A..F, and submit the form.

  

Oh no, I cannot read this. Please, generate a

Fields in bold are required. Email addresses are never published or distributed.

Some HTML code is allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
URIs must be fully qualified (eg: http://www.domainname.com) and all tags must be properly closed.

Line breaks and paragraphs are automatically converted.

Please keep comments relevant. Off-topic, offensive or inappropriate comments may be edited or removed.