Synfig Studio appears to be a good program used to make vector animations, kind of like Flash. Synfig was used to create the short film Lūdō, by L James. However, I don’t yet have much experience in Synfig. Thinking ahead to making short films, I thought it would be worth a try.
Creating shapes using the spline tool and tablet. This is a synfig tutorial for beginners - making sense of all those buttons and getting started making shapes. Watch this one, then follow up with a subseque. This tool has the following options. By default, Synfig is installed with a selected set of brushes from 'Concept Design (CD)' pack by Ramon Miranda. This tutorial show some steps to create a Bline in synfig. Created with gtk-recordMyDesktop, mplayer, and Synfig itself for video editing and special effects.
Where to begin
After putting together storyboards for a short film idea, I figured the logical place to begin would be by making a model sheet for a character – in this case, Darius from Bottle World: Explore. A model sheet would make it easier to animate the character later, and also provide practice for drawing in Synfig. So how do you draw in Synfig? One of the most important tools is this:
The spline tool is Synfig’s basic bezier curve tool. I’m assuming you already know how to use a pen tool or bezier curve tool. If you don’t, take some time and practice drawing and making shapes with this tool. The basic drawing process using the spline tool is straightforward. It works much like the pen tools in other software. However, Synfig’s spline tool has some specific quirks. I had a little trouble with it, which strongly influenced how I ended up drawing this model sheet. There are many options for creating a spline:
Spline tool dock panel.
In the spline tool’s dock panel, before you create your spline, you can choose the layer type you want to make. For Darius’s model sheet, I ended up only choosing the first of these layer types, which is a “region” layer. However, there are multiple other options and you can choose any or all of them. When choosing only the “region” type, this is how it looked when I drew shapes.
I had originally wanted to include an “outline,” in addition to the “region.” However, when looping splines that have outline layers, the outlines automatically close.
Looped spline (bottom) with unlooped spline (top).
With how parts can overlap in character models, and myself not realizing I didn’t have to loop all my splines, I opted for a lineless style to avoid weird extra outlines where they weren’t needed. However, for the record, you can avoid looping a spline by just selecting a different tool after making your last vertex. The Transform tool is as good a choice as any.
I didn’t figure this out until part of the way through drawing the model sheet, hence why I went without outlines altogether.
After you draw several splines, you might want to know how to color them. There are a couple ways to do this.
Fill color and outline color.
One way to edit the color can be done before drawing your next spline. You can see the fill color and outline color in the Synfig interface. Clicking on either of these will open a menu where you can select a new color.
Any splines you draw after changing the color will be in the color you chose for the fill or outline. If you’ve already drawn a bunch of splines and need to change the colors of those, that can be done as well. Select the spline layer you want to edit, then look down in the “parameters” section.
Synfig Spline Tool Reviews
Editing color from the Parameters section.

Down in the parameters, you will be able to click on the color block to open up the same color-choosing menu as before. Doing this will only change the color of whatever layer you have selected. This won’t change your current fill or outline color.
Once you can make and recolor splines in Synfig, you are almost all-powerful! But how do you put these splines together in a way that makes sense?
Building a character
With animation in mind, an important factor in this kind of model sheet is considering how easy it will be to move the character. Synfig lends itself great to moving parts, since each spline is its own layer. Also, vector shapes are easy to move, rotate, and mangle without quality loss. Before jumping in and drawing, stop and think about how the character will be moving. You think you can draw the entire leg as one shape? What if you want to bend it at the knee, huh??
Selection of the leg’s base color, showing that it is two shapes.
Basic coloring and a simple drawing style make it easy to disguise multiple pieces as a single solid shape, as with this leg, used for example. There is a distinct shape for the thigh and another for the calf. The lighting on the calf is also a separate layer, as is the lighting for the knee. As mentioned, a simple character design works great for this. If you’re working on one of your first projects, simple is pretty good to start with.
As you can imagine, having so many moving parts is going to result in a lot of layers. Although this is handy if you need to edit or move individual parts, it could get hard to keep track of.
Organizing layers in Synfig
So once you figure out how to draw shapes to your liking, and determine how to break down your character design into multiple parts to make animating later less of a nightmare, you may start looking at your layers and realizing there are going to be tons of them. Luckily, it’s pretty easy to move, group, and rename layers in Synfig.
To name a spline before you create it, the dock panel for the spline tool has a section for the layer’s name.
Spline tool dock panel, with the spline name set to “new spline.”
However, if you’re anything like me, you’re probably not choosing new names for each spline as you go along. Rather, you may be renaming several layers at a time as you realize that everything on your model sheet is called “new spline” or something. Fear not, renaming an existing layer is easy to do.
To rename any layer, all you need to do is double-click on the layer’s name. When you’re done typing the new name, either hitting your “enter” key or clicking anywhere outside the layer name should finish the renaming process.
As you draw a character model, you may also run into the issue of drawing things in the wrong order. That is, you may have splines in front of other splines that should appear behind others, instead. Luckily, reordering layers is also straightforward.
Synfig assigns “Z Depth” numbers to layers.
The spline layers that are higher up on the layer list will appear in front of other splines. In the layer section, there will also be a column labeled “Z Depth,” which indicates the relative positions of your layers in terms of how far back or forward they are. A spline layer Z Depth of “0” is on the top, for example, and this spline will appear over any other splines.
If you have a spline that needs to be moved either in front of or behind another, you can either click and drag the layer to a lower or higher position in the list, or you can use the “Raise Layer” and “Lower Layer” buttons at the bottom of the layer section.
A final tip for organization is to use groups. Groups are easy to make. There is a green folder icon at the bottom of the layer section. Clicking on this will create a “group” layer. You can also click on this folder icon while you have one or more layers selected. This will place the selected layers into a group together.
Synfig Spline Tool Free
Selecting layers to group.
Groups are handy for keeping things organized. You can even put groups within other groups, which can be incredibly helpful.
Once you know how to reorder, rename, and group layers, it shouldn’t be much trouble to keep your splines organized.
What comes next?
For me, starting to draw a model sheet in Synfig was only the first step. I learned a lot as I went along. The process took way longer than expected since I kept realizing how much detail I needed in the model sheet.
This is already coming out to a pretty long post, so my next post will be about determining what you need from a model sheet.
Synfig Spline Tool Download
Ctrl+A | Select all Handles |
Ctrl+Shift+A | Select all Layers |
Ctrl+C | Copy currently selected layer(s) and put them in the clipboard |
Ctrl+D | Deselect all Handles |
Ctrl+Shift+D | Deselect all layers |
Ctrl+G | Toggle Grid show |
Ctrl+I | Import file (synfig project, image, image sequence, sound, video) |
Ctrl+L | Toggle grid snap |
Ctrl+N | New composition |
Ctrl+O | Open composition |
Alt+O | Toggle Onion Skin |
Ctrl+P | Play the current animation in the WorkArea |
Ctrl+Q | Quit Synfig Studio |
Ctrl+R | Redo |
Ctrl+S | Save |
Ctrl+V | Paste the layer(s) from the clipboard above the currently selected layer |
Ctrl+W | Closes the current animation document. |
Ctrl+X | Cut currently selected layer(s) and put them in the clipboard |
Ctrl+Z | Undo |
Ctrl+` | Toggle low/high-resolution (defaults to low resolution) |
Ctrl+0...9 | Change the current rendering quality (lower is better, but 010) |
Alt+1 | Toggle display of 'Position' Handles |
Alt+2 | Toggle display of 'Vertex' Handles |
Alt+3 | Toggle display of 'Tangent' Handles |
Alt+4 | Toggle display of 'Radius' Handles |
Alt+5 | Toggle display of 'Width' Handles |
Alt+6 | Toggle display of 'Angle' Handles |
Ctrl+- | Zoom out of Canvas (spacial zoom) |
Ctrl+= | Zoom in on Canvas (spacial zoom) |
Ctrl+Shift+Z | Zoom canvas to 100% (spacial zoom) |
Ctrl+_ | Zoom out of timeline (temporal zoom) |
Ctrl++ | Zoom in on timeline (temporal zoom) |
Ctrl+, | Move backward one frame |
Ctrl+. | Move forward one frame |
Ctrl+< | Move backward one second |
Ctrl+> | Move forward one second |
Ctrl+[ | Move backward to previous Keyframe |
Ctrl+] | Move forward to next Keyframe |
Home | Jump to beginning of timeline |
End | Jump to end of timeline |
Ctrl+( | Decrease workarea pixel size |
Ctrl+) | Increase workarea pixel size |
Ctrl+Alt+( | Decrease Amount of selected layer |
Ctrl+Alt+) | Increase Amount of selected layer |
Shift+PgUp | Raise currently selected layers |
Shift+PgDn | Lower currently selected layers |
Alt+A | Select Transform Tool |
Alt+V | Select Smooth Move Tool |
Alt+S | Select Scale Tool |
Alt+T | Select Rotate Tool |
Alt+M | Select Mirror Tool |
Alt+C | Select Circle Tool |
Alt+R | Select Rectangle Tool |
Alt+Q | Select Star Tool |
Alt+G | Select Gradient Tool |
Alt+P | Select Polygon Tool |
Alt+B | Select Spline Tool |
Alt+X | Select Text Tool |
Alt+F | Select Fill Tool |
Alt+E | Select Eyedrop Tool |
Alt+Z | Select Zoom Tool |
Alt+D | Select Draw Tool |
Alt+K | Select Sketch Tool |
Alt+W | Select Width Tool |
F8 | Canvas Properties |
F9 | Render |
F11 | Preview |
F12 | Canvas Options (Grid size, etc.) |
Esc | Deselect the last Tool and select Transform Tool, if you don't have done something with it the focus will stay in Toolbox. CAREFUL, with Polygon Tool and Spline Tool in use, Cancel the current process, and so the current draw, but stay with the selected tool. |
Ctrl+Delete | Deletes the currently selected Canvas. |
Cursor key | Nudge the currently selected Handle(s) one pixel in the given direction |
Shift+Cursor key | Nudge the currently selected Handle(s) ten pixels in the given direction |
Backspace | Select the immediate parent Group Layer of the current Selected Layer |
Created by rank17 on 6/27/2017
0 Comments for 'Synfig '
