With the Circle Tool selected, you can now create circles in the Canvas Window. This works as you might expect — click on the canvas, drag to change length of the radius, and release the mouse button when you are done. Go ahead and create two circles (or more, if you fancy). If you accidentally release the mouse button before dragging, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. You can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.

Now go back to the toolbox and click on the Normal Tool (the blue circle with the arrow on it). After you do this, click on one of your circles. You will then see a Boîte Englobante (which is kind of useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called ducks. If you want to modify the circle, grab a duck and drag it around. Easy!

You can select a Layer by clicking on it. If you want to select more than one layer, hold down Ctrl key while you are clicking — this works in both the Canvas Window and the Panneau Calques. Try it!

You can also select multiple ducks. You can do this in several ways. First, you can hold down Ctrl and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method — just create a selection box by clicking the mouse and dragging it over the area of ducks that you want selected.

Go ahead, select two circles and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks. This behavior is dependent on the Normal Tool. Thus, a more descriptive name for this tool might have been the "move" or "translate" tool.

The rotate and scale tools work much like the Normal Tool, except in the case where you have multiple ducks selected. It is much easier to just try it than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.

Note that, duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the Panneau Options des Outils to see if it is set up the way you want.

Linking

Now let's try linking. Let's say we always want these two circles to be the same size. Select two circles, and then select both of their radius ducks (the cyan dots).

To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the Ctrl key while selecting the rest. Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Click on "Link". Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius — the other one will change as well. Neat stuff, eh?

Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the param tab, and selecting "Link".

Digression

This is how outlines are attached to their regions — but I'm getting ahead of myself. At the moment, the fundamental power and flexibility of linking in Synfig Core is beyond what Synfig Studio currently allows for. This will change in the future. Anyway, back on track...

note end

Color selection

Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the outline/fill color selector, the outline width selector, and some other stuff like the default blend method and gradient. The outline/fill color widget works exactly as you might expect — you can click on the fill color, and a modest color chooser will appear. Now to can change the color pretty easily.

But sometimes you just want to click on a color and go. This is where the palette editor tab comes in. Its functionality isn't quite 100% yet (ie: saving and loading custom palettes hasn't been implemented yet), but the default palette is pretty decent. Click on the Palette Editor panel tab and have a look — it's the one with the palette-ish looking icon. Clicking on colors with the left mouse button will immediately change the default outline color and clicking with the middle mouse button will change fill color.

That's all great, but we still haven't changed the color of the circle. There are three ways to do this. The first is to select the circle layer you want to modify, go to the Params panel and double-click on the "Color" parameter. A color selector dialog will then show up, and you can just tweak away. But let's say you already selected your color as the default fill or outline color. Then you can right-click on the Color parameter in the Params panel and select "Apply Fill Color" or "Apply Outline Color" at you preference. Finally, you can just click on the "Fill Tool" from the toolbox, and then click on the circle in the canvas window. Boom. Circle changes color. This works with more than just circles, but we'll get to that in a sec.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, play around with feather a bit.

Digging deeper

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the next chapter.

Documentation

Wiki

Search

Tools

Content of this Synfig Studio Documentation Wiki is available under the terms of Creative Commons Attribution-Share Alike 3.0 license.
By contributing here you agree that the same license will be applied to your writing. If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it to this wiki. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!