
Drawing is the same as covering and revealing Keep reading, we will find a solution to that later. While drawing a path using keyframes is simple, drawing a complex shape is not. It is rather the outline path of the corresponding shape. You will notice immediately: this is not a proper path with circles as start and end markers. The rectangle is a colored background, the paths correspond to the parts that – for sake of simplicity – I will call hulk, ear and eye. A look at the resultĪfter importing the paths into Synfig and a bit of preparation, we end up with a layer stack: We leave the part of getting your path data into Synfig to you. Converting from EPS to SVG using Inkscape is a piece of cake, importing into Synfig as well. We also received a (potentially lossy) EPS export. ai files to SVG using only free software. I could not find a way for converting the native. Synfig Studio supports importing vector drawings from SVG files.Īs most designers, our logo designer Kristaps Kuhalskis uses the proprietary Adobe InDesign. Setting the sceneīefore creating our animation, we need to get our logo into Synfig. This article is the first in a series of articles about fun with our ‘phantastic logo.


The resulting raw logo animation synfig file is available for download and playful use.

The article shows a simple technique to create a path-drawing effect by revealing a shape over time.

You want to create a 2D animation? The free and open source tool Synfig Studio is your friend.
