Synfig Studio :: Documentation - User contributions [en]

Doc:Creating Shapes/fr

2011-09-25T19:20:20Z

Marceld: /* Introduction */

{{Title|Créer des formes}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]
{{Navigation|Category:Manual|Doc:Flower Animation}}


== Introduction ==

Les primitives de base telles les cercles ou les rectangles sont toutes merveilleuses, mais plutôt rigides géométriquement parlant. Pourquoi ne créerions-nous pas des formes plus élaborées ? Pour le faire nous utiliserons l'outil BLine.

== L'outil BLine ==

Dans Synfig l'élément de description des formes est appelé BLine. C'est grossièrement analogue à ce que d'autres programmes intitulent "chemin" sauf qu'il s'agisse exclusivement de Spline hermites.

[[Image:Toolbox Reset Colors Button.png|right|frame|Reset Colors button in the Toolbox]] Avant de commencer avec le tutoriel de BLine ajoutons quelques élements complémentaires sur la façon de fonctionner de Synfig. Quand vous cliquerez sur l'outil Bline ({{l|BLine Tool}}), vous vous apercevrez que les sommets de l'objet en cours de sélection (si il en existe un) vont disparaître, mais que le calque correspondant restera sélectionné dans le Panneau des Calques ({{l|Layers Panel}}). C'est normal. Quoique vous fabriquiez avec l'outil BLine sera inséré au-dessus du calque en cours de sélection. Gardez en mémoire que si vous voulez insérer une forme quelque part, vous devrez sélectionner exactement où vous voulez l'insérer avant d'activer l'outils BLine — changer de sélection après-coup vous renverra automatiquement dans l'outil de transformations ( Transform Tool).

maintenant allez-y ! Cliquez sur le bouton {{Literal|Reset Colors}} dans l'angle inférieur gauche du widget de couleurs FG/BG (Premier plan/arrière plan) de la {{l|Toolbox|toolbox}}. Celà rétablira les couleurs par défaut noir et blanc. Paramétrez également {{l|New Layer Defaults#Default Line Width|default line width}} (épaisseur par défaut des lignes) vers quelque chose de bien assez fin — 10pt devrait faire l'affaire.

Lorsque vous activerez l'outil BLine, vous irez vérifier le Panneau d'option des outils (Tool Options Panel). Assurez-vous que seules les options {{Literal|Create Region BLine}}, {{Literal|Create Outline BLine}} et {{Literal|Link Origins}} soient cochées.

Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a BLine.

Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and select {{Literal|Delete Vertex}}. Want to split the tangents? Right click on the tangent and hit {{Literal|Split Tangents}}. Want to loop the BLine? Right click on the first vertex and select {{Literal|Loop BLine}}.

[[Image:Creating-shapes-2-bline-construction.png|center|frame]]

When you are finished placing vertices, you must exit construction mode in order to actually create the BLine layer(s); there are 2 ways to do this:
#Switch to another tool.
#Press the {{Literal|Create}} button at the bottom of the Tool Options Panel (it's the icon that looks like a gear).
For now, just go ahead and switch to the {{l|Transform Tool}}, because we are done with the BLine Tool.

[[Image:Creating-shapes-3-bline-region-outline.png|center|frame]]

== Editing BLines ==

Ok, we now have a nice pretty white region with a thick black outline. Since we checked {{Literal|Create Region BLine}} and {{Literal|Create Outline BLine}} in previous steps, you'll notice that there are two layers that we have created — the {{l|Outline Layer|Outline}} and the {{l|Region Layer|Region}} in the Layers Panel. Despite the fact that they are two separate layers, their vertices parameter has already been {{l|Linking|linked}} — so you can select either one and move its ducks around and the other one will also change.

If you want to manipulate the vertices ''after'' you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit {{Literal|Remove Item (smart)}}. Want to insert a point somewhere? Right click on the segment where you want to insert something and hit {{Literal|Insert item (smart)}}.

{{Note|Note|The only major difference between this normal editing mode and the construction mode is in how you split the tangents — in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex to which the tangents are attached. This could be considered a usability bug, and it will be resolved at some point.}}

This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane. As mentioned in the {{l|Doc:Adding Layers|previous tutorial}}, you can {{l|encapsulate|encapsulate}} layers into hierarchy.

One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the Outline Layer, the Region Layer has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press {{Shortcut|alt|5}} or click {{Literal|Toggle width ducks}} button at the top of the canvas window (the fifth one from the left). Repeat to hide them again. You can also see other things to mask via the {{l|Canvas Menu Caret}}: {{c|View|Show/Hide Ducks}}.

== Using tablet to draw shapes ==

If you have a [http://en.wikipedia.org/wiki/Graphics_tablet graphic tablet] you can use Draw Tool to create BLines.

Synfig Studio supports pressure sensitivity, but you need to configure it first. Go to {{c|File|Input Devices...}} from toolbox menu. In the Input dialog find your tablet's stylus device and set its mode to {{Literal|Screen}}. Click {{Literal|Save}} and then {{Literal|Close}}.

Now grab your stylus, create a new file and click on the Draw Tool button in the toolbox. Set the default line width value to be big enough — say, 15pt — otherwise you will not notice any pressure sensitivity effect. Choose brown as the default fill color.

{{Note|Note|Steps above should be done with the stylus of your tablet, not the mouse. Synfig Studio remembers settings for each input device independently. That's why if you set those options with your mouse device they will not have any effect when you switch to stylus.}}
In the Tool Options Panel, make sure that you have the same options as shown on the screenshot below.

[[Image:DrawToolOptions.png|center|frame]]

Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.

[[Image:Creating-shapes-4-draw.png|center|frame]]

Point your stylus at the last duck of your new BLine and continue drawing to the right border of the canvas. When you finish, look at the Layers Panel again. There's still only one outline layer. Synfig Studio is smart enough to figure out that you don't need a new outline layer and properly extends the last one. You can extend the BLine from both ends, but if you start drawing from any other place of the canvas a new outline layer will be created. Though your first line will remain selected and nothing stops you from extending it later.

Back to our artwork. In the Tool Panel hit the button with the bucket icon to fill the outline we just created. A region layer will appear at the top of the layer we are working with. Select the outline layer and press the {{Literal|Raise Layer}} button in the layers panel to put the outline layer on top of the region.

[[Image:Creating-shapes-5-draw.png|center|frame]]

Extend a line from both sides down to the corners of the canvas to make the fill appear at the bottom. Great.

[[Image:Creating-shapes-6-draw.png|center|frame]]

Go ahead and add a few more lines on top of the filled area to give it a mountain-like look. If brown ducks are in your way, you can hide them by clicking the {{Literal|Toggle vertex ducks}} button at the top of the canvas window (the second one from the left).

[[Image:Creating-shapes-7-draw.png|center|frame]]

{{Note|Warning!|Don't use {{Shortcut|Alt|2}} shortcut to turn off visibility of vertex ducks while you using Draw Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

Draw tool is great for drawing complex shapes, but you end up with a bunch of ducks, which are hard to manipulate with the Transform Tool in the way we described above. There are two solutions here.

First, you can increase the {{Literal|Smooth}} value in the Tool Options Dialog while using Draw Tool. That will reduce the count of vertices produced at drawing time, but will make your shape less detailed.

Second, you can use Smooth Move Tool to deform an existing shape. Go for it and click the Smooth Move Tool button in the toolbox. The trick about this tool is that it affects ''selected ducks only''. Press and hold your left mouse button in an empty place of the canvas. Drag to create a selection box. Release the mouse button when you are done. Or just hit {{Shortcut|Ctrl|a}} to select all ducks. Now you can deform the selected segments of BLines. You can change the size of the influence area by tweaking {{Literal|Radius}} in the Tool Options Panel.

What about outline width? There is a Width Tool for that purpose. It is designed for increasing or decreasing the width of a line much like you would with a pencil on paper. Click the Width Tool button in the toolbox, move your stylus over the line you want to change, press and move the cursor back and forth along the line, like you are scratching something. The width of the outline will be increased at the places where you moved the cursor. If you want to decrease the width, just hold "Ctrl" while scratching. Easy!

If you don't want Width Ducks to be displayed, during usage of the Width Tool, just turn them off by pressing the {{Literal|Toggle width ducks}} button at the top of the canvas window.

{{Note|Warning!|Don't use {{Shortcut|Alt|5}} shortcut to turn off visibility of width ducks while you using Width Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

== Other ways to create BLines ==

Is that all? Not yet. You can use Circle, Rectangle, Star and Polygon tools to create BLines too. Just check the {{Literal|Create Outline BLine}} and {{Literal|Create Region BLine}} options in the Tool Options Panel when using those tools.

Creating geometric primitive as BLine gives you a better control over it's shape and look. For example, if you want a deformed star, then you can use the Star Tool to create it as outline and region BLines and then use the Transform Tool to deform it.

Now you are ready for the {{L|Doc:Flower Animation|last tutorial}} in this section. Hang on!

Doc:Creating Shapes/fr

2011-09-25T19:18:52Z

Marceld: /* L'outil BLine */

{{Title|Créer des formes}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]
{{Navigation|Category:Manual|Doc:Flower Animation}}


== Introduction ==

Les primitives de base telles les cercles ou les rectangles sont toutes merveilleuses, mais plutôt rigides géométriquement parlant. Pourquoi pas créer des formes plus élaborées ? Pour ce faire on utilise l'outil BLine.

== L'outil BLine ==

Dans Synfig l'élément de description des formes est appelé BLine. C'est grossièrement analogue à ce que d'autres programmes intitulent "chemin" sauf qu'il s'agisse exclusivement de Spline hermites.

[[Image:Toolbox Reset Colors Button.png|right|frame|Reset Colors button in the Toolbox]] Avant de commencer avec le tutoriel de BLine ajoutons quelques élements complémentaires sur la façon de fonctionner de Synfig. Quand vous cliquerez sur l'outil Bline ({{l|BLine Tool}}), vous vous apercevrez que les sommets de l'objet en cours de sélection (si il en existe un) vont disparaître, mais que le calque correspondant restera sélectionné dans le Panneau des Calques ({{l|Layers Panel}}). C'est normal. Quoique vous fabriquiez avec l'outil BLine sera inséré au-dessus du calque en cours de sélection. Gardez en mémoire que si vous voulez insérer une forme quelque part, vous devrez sélectionner exactement où vous voulez l'insérer avant d'activer l'outils BLine — changer de sélection après-coup vous renverra automatiquement dans l'outil de transformations ( Transform Tool).

maintenant allez-y ! Cliquez sur le bouton {{Literal|Reset Colors}} dans l'angle inférieur gauche du widget de couleurs FG/BG (Premier plan/arrière plan) de la {{l|Toolbox|toolbox}}. Celà rétablira les couleurs par défaut noir et blanc. Paramétrez également {{l|New Layer Defaults#Default Line Width|default line width}} (épaisseur par défaut des lignes) vers quelque chose de bien assez fin — 10pt devrait faire l'affaire.

Lorsque vous activerez l'outil BLine, vous irez vérifier le Panneau d'option des outils (Tool Options Panel). Assurez-vous que seules les options {{Literal|Create Region BLine}}, {{Literal|Create Outline BLine}} et {{Literal|Link Origins}} soient cochées.

Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a BLine.

Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and select {{Literal|Delete Vertex}}. Want to split the tangents? Right click on the tangent and hit {{Literal|Split Tangents}}. Want to loop the BLine? Right click on the first vertex and select {{Literal|Loop BLine}}.

[[Image:Creating-shapes-2-bline-construction.png|center|frame]]

When you are finished placing vertices, you must exit construction mode in order to actually create the BLine layer(s); there are 2 ways to do this:
#Switch to another tool.
#Press the {{Literal|Create}} button at the bottom of the Tool Options Panel (it's the icon that looks like a gear).
For now, just go ahead and switch to the {{l|Transform Tool}}, because we are done with the BLine Tool.

[[Image:Creating-shapes-3-bline-region-outline.png|center|frame]]

== Editing BLines ==

Ok, we now have a nice pretty white region with a thick black outline. Since we checked {{Literal|Create Region BLine}} and {{Literal|Create Outline BLine}} in previous steps, you'll notice that there are two layers that we have created — the {{l|Outline Layer|Outline}} and the {{l|Region Layer|Region}} in the Layers Panel. Despite the fact that they are two separate layers, their vertices parameter has already been {{l|Linking|linked}} — so you can select either one and move its ducks around and the other one will also change.

If you want to manipulate the vertices ''after'' you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit {{Literal|Remove Item (smart)}}. Want to insert a point somewhere? Right click on the segment where you want to insert something and hit {{Literal|Insert item (smart)}}.

{{Note|Note|The only major difference between this normal editing mode and the construction mode is in how you split the tangents — in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex to which the tangents are attached. This could be considered a usability bug, and it will be resolved at some point.}}

This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane. As mentioned in the {{l|Doc:Adding Layers|previous tutorial}}, you can {{l|encapsulate|encapsulate}} layers into hierarchy.

One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the Outline Layer, the Region Layer has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press {{Shortcut|alt|5}} or click {{Literal|Toggle width ducks}} button at the top of the canvas window (the fifth one from the left). Repeat to hide them again. You can also see other things to mask via the {{l|Canvas Menu Caret}}: {{c|View|Show/Hide Ducks}}.

== Using tablet to draw shapes ==

If you have a [http://en.wikipedia.org/wiki/Graphics_tablet graphic tablet] you can use Draw Tool to create BLines.

Synfig Studio supports pressure sensitivity, but you need to configure it first. Go to {{c|File|Input Devices...}} from toolbox menu. In the Input dialog find your tablet's stylus device and set its mode to {{Literal|Screen}}. Click {{Literal|Save}} and then {{Literal|Close}}.

Now grab your stylus, create a new file and click on the Draw Tool button in the toolbox. Set the default line width value to be big enough — say, 15pt — otherwise you will not notice any pressure sensitivity effect. Choose brown as the default fill color.

{{Note|Note|Steps above should be done with the stylus of your tablet, not the mouse. Synfig Studio remembers settings for each input device independently. That's why if you set those options with your mouse device they will not have any effect when you switch to stylus.}}
In the Tool Options Panel, make sure that you have the same options as shown on the screenshot below.

[[Image:DrawToolOptions.png|center|frame]]

Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.

[[Image:Creating-shapes-4-draw.png|center|frame]]

Point your stylus at the last duck of your new BLine and continue drawing to the right border of the canvas. When you finish, look at the Layers Panel again. There's still only one outline layer. Synfig Studio is smart enough to figure out that you don't need a new outline layer and properly extends the last one. You can extend the BLine from both ends, but if you start drawing from any other place of the canvas a new outline layer will be created. Though your first line will remain selected and nothing stops you from extending it later.

Back to our artwork. In the Tool Panel hit the button with the bucket icon to fill the outline we just created. A region layer will appear at the top of the layer we are working with. Select the outline layer and press the {{Literal|Raise Layer}} button in the layers panel to put the outline layer on top of the region.

[[Image:Creating-shapes-5-draw.png|center|frame]]

Extend a line from both sides down to the corners of the canvas to make the fill appear at the bottom. Great.

[[Image:Creating-shapes-6-draw.png|center|frame]]

Go ahead and add a few more lines on top of the filled area to give it a mountain-like look. If brown ducks are in your way, you can hide them by clicking the {{Literal|Toggle vertex ducks}} button at the top of the canvas window (the second one from the left).

[[Image:Creating-shapes-7-draw.png|center|frame]]

{{Note|Warning!|Don't use {{Shortcut|Alt|2}} shortcut to turn off visibility of vertex ducks while you using Draw Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

Draw tool is great for drawing complex shapes, but you end up with a bunch of ducks, which are hard to manipulate with the Transform Tool in the way we described above. There are two solutions here.

First, you can increase the {{Literal|Smooth}} value in the Tool Options Dialog while using Draw Tool. That will reduce the count of vertices produced at drawing time, but will make your shape less detailed.

Second, you can use Smooth Move Tool to deform an existing shape. Go for it and click the Smooth Move Tool button in the toolbox. The trick about this tool is that it affects ''selected ducks only''. Press and hold your left mouse button in an empty place of the canvas. Drag to create a selection box. Release the mouse button when you are done. Or just hit {{Shortcut|Ctrl|a}} to select all ducks. Now you can deform the selected segments of BLines. You can change the size of the influence area by tweaking {{Literal|Radius}} in the Tool Options Panel.

What about outline width? There is a Width Tool for that purpose. It is designed for increasing or decreasing the width of a line much like you would with a pencil on paper. Click the Width Tool button in the toolbox, move your stylus over the line you want to change, press and move the cursor back and forth along the line, like you are scratching something. The width of the outline will be increased at the places where you moved the cursor. If you want to decrease the width, just hold "Ctrl" while scratching. Easy!

If you don't want Width Ducks to be displayed, during usage of the Width Tool, just turn them off by pressing the {{Literal|Toggle width ducks}} button at the top of the canvas window.

{{Note|Warning!|Don't use {{Shortcut|Alt|5}} shortcut to turn off visibility of width ducks while you using Width Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

== Other ways to create BLines ==

Is that all? Not yet. You can use Circle, Rectangle, Star and Polygon tools to create BLines too. Just check the {{Literal|Create Outline BLine}} and {{Literal|Create Region BLine}} options in the Tool Options Panel when using those tools.

Creating geometric primitive as BLine gives you a better control over it's shape and look. For example, if you want a deformed star, then you can use the Star Tool to create it as outline and region BLines and then use the Transform Tool to deform it.

Now you are ready for the {{L|Doc:Flower Animation|last tutorial}} in this section. Hang on!

Doc:Creating Shapes/fr

2011-09-25T16:36:59Z

Marceld: /* L'outil BLine */

{{Title|Créer des formes}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]
{{Navigation|Category:Manual|Doc:Flower Animation}}


== Introduction ==

Les primitives de base telles les cercles ou les rectangles sont toutes merveilleuses, mais plutôt rigides géométriquement parlant. Pourquoi pas créer des formes plus élaborées ? Pour ce faire on utilise l'outil BLine.

== L'outil BLine ==

Dans Synfig l'élément de description des formes est appelé BLine. C'est grossièrement analogue à ce que d'autres programmes intitulent "chemin" sauf qu'il s'agisse exclusivement de Spline hermites.

[[Image:Toolbox Reset Colors Button.png|right|frame|Reset Colors button in the Toolbox]] Avant de commencer avec le tutoriel de BLine ajoutons quelques élements complémentaires sur la façon de fonctionner de Synfig. Quand vous cliquerez sur l'outil Bline ({{l|BLine Tool}}), vous vous apercevrez que les sommets de l'objet en cours de sélection (si il en existe un) vont disparaître, mais que le calque correspondant restera sélectionné dans le Panneau des Calques ({{l|Layers Panel}}). C'est normal. Quoique vous fabriquiez avec l'outil BLine sera inséré au-dessus du calque en cours de sélection. Gardez en mémoire que si vous voulez insérer une forme quelque part, vous devrez sélectionner exactement où vous voulez l'insérer avant d'activer l'outils BLine — changer de sélection après-coup vous renverra automatiquement dans l'outil de transformations ( Transform Tool).

Now, go ahead and click on the {{Literal|Reset Colors}} button in the lower left corner of the FG/BG color widget in the {{l|Toolbox|toolbox}}. This will reset us back to the default black and white. Also, set the {{l|New Layer Defaults#Default Line Width|default line width}} to something nice and thick — 10pt should do the trick.

After you switched to BLine tool, take a look at the Tool Options Panel. Make sure that only {{Literal|Create Region BLine}}, {{Literal|Create Outline BLine}} and {{Literal|Link Origins}} are checked.

Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a BLine.

Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and select {{Literal|Delete Vertex}}. Want to split the tangents? Right click on the tangent and hit {{Literal|Split Tangents}}. Want to loop the BLine? Right click on the first vertex and select {{Literal|Loop BLine}}.

[[Image:Creating-shapes-2-bline-construction.png|center|frame]]

When you are finished placing vertices, you must exit construction mode in order to actually create the BLine layer(s); there are 2 ways to do this:
#Switch to another tool.
#Press the {{Literal|Create}} button at the bottom of the Tool Options Panel (it's the icon that looks like a gear).
For now, just go ahead and switch to the {{l|Transform Tool}}, because we are done with the BLine Tool.

[[Image:Creating-shapes-3-bline-region-outline.png|center|frame]]

== Editing BLines ==

Ok, we now have a nice pretty white region with a thick black outline. Since we checked {{Literal|Create Region BLine}} and {{Literal|Create Outline BLine}} in previous steps, you'll notice that there are two layers that we have created — the {{l|Outline Layer|Outline}} and the {{l|Region Layer|Region}} in the Layers Panel. Despite the fact that they are two separate layers, their vertices parameter has already been {{l|Linking|linked}} — so you can select either one and move its ducks around and the other one will also change.

If you want to manipulate the vertices ''after'' you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit {{Literal|Remove Item (smart)}}. Want to insert a point somewhere? Right click on the segment where you want to insert something and hit {{Literal|Insert item (smart)}}.

{{Note|Note|The only major difference between this normal editing mode and the construction mode is in how you split the tangents — in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex to which the tangents are attached. This could be considered a usability bug, and it will be resolved at some point.}}

This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane. As mentioned in the {{l|Doc:Adding Layers|previous tutorial}}, you can {{l|encapsulate|encapsulate}} layers into hierarchy.

One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the Outline Layer, the Region Layer has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press {{Shortcut|alt|5}} or click {{Literal|Toggle width ducks}} button at the top of the canvas window (the fifth one from the left). Repeat to hide them again. You can also see other things to mask via the {{l|Canvas Menu Caret}}: {{c|View|Show/Hide Ducks}}.

== Using tablet to draw shapes ==

If you have a [http://en.wikipedia.org/wiki/Graphics_tablet graphic tablet] you can use Draw Tool to create BLines.

Synfig Studio supports pressure sensitivity, but you need to configure it first. Go to {{c|File|Input Devices...}} from toolbox menu. In the Input dialog find your tablet's stylus device and set its mode to {{Literal|Screen}}. Click {{Literal|Save}} and then {{Literal|Close}}.

Now grab your stylus, create a new file and click on the Draw Tool button in the toolbox. Set the default line width value to be big enough — say, 15pt — otherwise you will not notice any pressure sensitivity effect. Choose brown as the default fill color.

{{Note|Note|Steps above should be done with the stylus of your tablet, not the mouse. Synfig Studio remembers settings for each input device independently. That's why if you set those options with your mouse device they will not have any effect when you switch to stylus.}}
In the Tool Options Panel, make sure that you have the same options as shown on the screenshot below.

[[Image:DrawToolOptions.png|center|frame]]

Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.

[[Image:Creating-shapes-4-draw.png|center|frame]]

Point your stylus at the last duck of your new BLine and continue drawing to the right border of the canvas. When you finish, look at the Layers Panel again. There's still only one outline layer. Synfig Studio is smart enough to figure out that you don't need a new outline layer and properly extends the last one. You can extend the BLine from both ends, but if you start drawing from any other place of the canvas a new outline layer will be created. Though your first line will remain selected and nothing stops you from extending it later.

Back to our artwork. In the Tool Panel hit the button with the bucket icon to fill the outline we just created. A region layer will appear at the top of the layer we are working with. Select the outline layer and press the {{Literal|Raise Layer}} button in the layers panel to put the outline layer on top of the region.

[[Image:Creating-shapes-5-draw.png|center|frame]]

Extend a line from both sides down to the corners of the canvas to make the fill appear at the bottom. Great.

[[Image:Creating-shapes-6-draw.png|center|frame]]

Go ahead and add a few more lines on top of the filled area to give it a mountain-like look. If brown ducks are in your way, you can hide them by clicking the {{Literal|Toggle vertex ducks}} button at the top of the canvas window (the second one from the left).

[[Image:Creating-shapes-7-draw.png|center|frame]]

{{Note|Warning!|Don't use {{Shortcut|Alt|2}} shortcut to turn off visibility of vertex ducks while you using Draw Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

Draw tool is great for drawing complex shapes, but you end up with a bunch of ducks, which are hard to manipulate with the Transform Tool in the way we described above. There are two solutions here.

First, you can increase the {{Literal|Smooth}} value in the Tool Options Dialog while using Draw Tool. That will reduce the count of vertices produced at drawing time, but will make your shape less detailed.

Second, you can use Smooth Move Tool to deform an existing shape. Go for it and click the Smooth Move Tool button in the toolbox. The trick about this tool is that it affects ''selected ducks only''. Press and hold your left mouse button in an empty place of the canvas. Drag to create a selection box. Release the mouse button when you are done. Or just hit {{Shortcut|Ctrl|a}} to select all ducks. Now you can deform the selected segments of BLines. You can change the size of the influence area by tweaking {{Literal|Radius}} in the Tool Options Panel.

What about outline width? There is a Width Tool for that purpose. It is designed for increasing or decreasing the width of a line much like you would with a pencil on paper. Click the Width Tool button in the toolbox, move your stylus over the line you want to change, press and move the cursor back and forth along the line, like you are scratching something. The width of the outline will be increased at the places where you moved the cursor. If you want to decrease the width, just hold "Ctrl" while scratching. Easy!

If you don't want Width Ducks to be displayed, during usage of the Width Tool, just turn them off by pressing the {{Literal|Toggle width ducks}} button at the top of the canvas window.

{{Note|Warning!|Don't use {{Shortcut|Alt|5}} shortcut to turn off visibility of width ducks while you using Width Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

== Other ways to create BLines ==

Is that all? Not yet. You can use Circle, Rectangle, Star and Polygon tools to create BLines too. Just check the {{Literal|Create Outline BLine}} and {{Literal|Create Region BLine}} options in the Tool Options Panel when using those tools.

Creating geometric primitive as BLine gives you a better control over it's shape and look. For example, if you want a deformed star, then you can use the Star Tool to create it as outline and region BLines and then use the Transform Tool to deform it.

Now you are ready for the {{L|Doc:Flower Animation|last tutorial}} in this section. Hang on!

Doc:Creating Shapes/fr

2011-09-25T16:19:42Z

Marceld: Created page with " {{Title|Créer des formes}} Category:Manual Category:Tutorials Category:Tutorials Basic Category:Updated {{Navigation|Category:Manual|Doc:Flowe..."

{{Title|Créer des formes}}
[[Category:Manual]]
[[Category:Tutorials]]
[[Category:Tutorials Basic]]
[[Category:Updated]]
{{Navigation|Category:Manual|Doc:Flower Animation}}


== Introduction ==

Les primitives de base telles les cercles ou les rectangles sont toutes merveilleuses, mais plutôt rigides géométriquement parlant. Pourquoi pas créer des formes plus élaborées ? Pour ce faire on utilise l'outil BLine.

== L'outil BLine ==

In Synfig, the construct for describing shapes is called a BLine. This is roughly analogous to a "path" in other programs, except that it is strictly a hermite spline.

[[Image:Toolbox Reset Colors Button.png|right|frame|Reset Colors button in the Toolbox]] Before we start with the BLine tutorial, let's look at some additional notes on how Synfig works. When you click on the {{l|BLine Tool}}, you will see that the vertices from your currently selected object (if there was one) will disappear, but the layer(s) will still remain selected in the {{l|Layers Panel}}. This is normal. Anything you create with the BLine Tool will be inserted above the currently selected layer. Keep in mind that if you want to insert a shape somewhere, you should select where you want to insert it before you go into the BLine Tool — changing the selection afterward will automatically swap you back to the Transform Tool.

Now, go ahead and click on the {{Literal|Reset Colors}} button in the lower left corner of the FG/BG color widget in the {{l|Toolbox|toolbox}}. This will reset us back to the default black and white. Also, set the {{l|New Layer Defaults#Default Line Width|default line width}} to something nice and thick — 10pt should do the trick.

After you switched to BLine tool, take a look at the Tool Options Panel. Make sure that only {{Literal|Create Region BLine}}, {{Literal|Create Outline BLine}} and {{Literal|Link Origins}} are checked.

Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a BLine.

Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and select {{Literal|Delete Vertex}}. Want to split the tangents? Right click on the tangent and hit {{Literal|Split Tangents}}. Want to loop the BLine? Right click on the first vertex and select {{Literal|Loop BLine}}.

[[Image:Creating-shapes-2-bline-construction.png|center|frame]]

When you are finished placing vertices, you must exit construction mode in order to actually create the BLine layer(s); there are 2 ways to do this:
#Switch to another tool.
#Press the {{Literal|Create}} button at the bottom of the Tool Options Panel (it's the icon that looks like a gear).
For now, just go ahead and switch to the {{l|Transform Tool}}, because we are done with the BLine Tool.

[[Image:Creating-shapes-3-bline-region-outline.png|center|frame]]

== Editing BLines ==

Ok, we now have a nice pretty white region with a thick black outline. Since we checked {{Literal|Create Region BLine}} and {{Literal|Create Outline BLine}} in previous steps, you'll notice that there are two layers that we have created — the {{l|Outline Layer|Outline}} and the {{l|Region Layer|Region}} in the Layers Panel. Despite the fact that they are two separate layers, their vertices parameter has already been {{l|Linking|linked}} — so you can select either one and move its ducks around and the other one will also change.

If you want to manipulate the vertices ''after'' you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit {{Literal|Remove Item (smart)}}. Want to insert a point somewhere? Right click on the segment where you want to insert something and hit {{Literal|Insert item (smart)}}.

{{Note|Note|The only major difference between this normal editing mode and the construction mode is in how you split the tangents — in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex to which the tangents are attached. This could be considered a usability bug, and it will be resolved at some point.}}

This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane. As mentioned in the {{l|Doc:Adding Layers|previous tutorial}}, you can {{l|encapsulate|encapsulate}} layers into hierarchy.

One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the Outline Layer, the Region Layer has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press {{Shortcut|alt|5}} or click {{Literal|Toggle width ducks}} button at the top of the canvas window (the fifth one from the left). Repeat to hide them again. You can also see other things to mask via the {{l|Canvas Menu Caret}}: {{c|View|Show/Hide Ducks}}.

== Using tablet to draw shapes ==

If you have a [http://en.wikipedia.org/wiki/Graphics_tablet graphic tablet] you can use Draw Tool to create BLines.

Synfig Studio supports pressure sensitivity, but you need to configure it first. Go to {{c|File|Input Devices...}} from toolbox menu. In the Input dialog find your tablet's stylus device and set its mode to {{Literal|Screen}}. Click {{Literal|Save}} and then {{Literal|Close}}.

Now grab your stylus, create a new file and click on the Draw Tool button in the toolbox. Set the default line width value to be big enough — say, 15pt — otherwise you will not notice any pressure sensitivity effect. Choose brown as the default fill color.

{{Note|Note|Steps above should be done with the stylus of your tablet, not the mouse. Synfig Studio remembers settings for each input device independently. That's why if you set those options with your mouse device they will not have any effect when you switch to stylus.}}
In the Tool Options Panel, make sure that you have the same options as shown on the screenshot below.

[[Image:DrawToolOptions.png|center|frame]]

Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.

[[Image:Creating-shapes-4-draw.png|center|frame]]

Point your stylus at the last duck of your new BLine and continue drawing to the right border of the canvas. When you finish, look at the Layers Panel again. There's still only one outline layer. Synfig Studio is smart enough to figure out that you don't need a new outline layer and properly extends the last one. You can extend the BLine from both ends, but if you start drawing from any other place of the canvas a new outline layer will be created. Though your first line will remain selected and nothing stops you from extending it later.

Back to our artwork. In the Tool Panel hit the button with the bucket icon to fill the outline we just created. A region layer will appear at the top of the layer we are working with. Select the outline layer and press the {{Literal|Raise Layer}} button in the layers panel to put the outline layer on top of the region.

[[Image:Creating-shapes-5-draw.png|center|frame]]

Extend a line from both sides down to the corners of the canvas to make the fill appear at the bottom. Great.

[[Image:Creating-shapes-6-draw.png|center|frame]]

Go ahead and add a few more lines on top of the filled area to give it a mountain-like look. If brown ducks are in your way, you can hide them by clicking the {{Literal|Toggle vertex ducks}} button at the top of the canvas window (the second one from the left).

[[Image:Creating-shapes-7-draw.png|center|frame]]

{{Note|Warning!|Don't use {{Shortcut|Alt|2}} shortcut to turn off visibility of vertex ducks while you using Draw Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

Draw tool is great for drawing complex shapes, but you end up with a bunch of ducks, which are hard to manipulate with the Transform Tool in the way we described above. There are two solutions here.

First, you can increase the {{Literal|Smooth}} value in the Tool Options Dialog while using Draw Tool. That will reduce the count of vertices produced at drawing time, but will make your shape less detailed.

Second, you can use Smooth Move Tool to deform an existing shape. Go for it and click the Smooth Move Tool button in the toolbox. The trick about this tool is that it affects ''selected ducks only''. Press and hold your left mouse button in an empty place of the canvas. Drag to create a selection box. Release the mouse button when you are done. Or just hit {{Shortcut|Ctrl|a}} to select all ducks. Now you can deform the selected segments of BLines. You can change the size of the influence area by tweaking {{Literal|Radius}} in the Tool Options Panel.

What about outline width? There is a Width Tool for that purpose. It is designed for increasing or decreasing the width of a line much like you would with a pencil on paper. Click the Width Tool button in the toolbox, move your stylus over the line you want to change, press and move the cursor back and forth along the line, like you are scratching something. The width of the outline will be increased at the places where you moved the cursor. If you want to decrease the width, just hold "Ctrl" while scratching. Easy!

If you don't want Width Ducks to be displayed, during usage of the Width Tool, just turn them off by pressing the {{Literal|Toggle width ducks}} button at the top of the canvas window.

{{Note|Warning!|Don't use {{Shortcut|Alt|5}} shortcut to turn off visibility of width ducks while you using Width Tool. There's a bug that will cause Synfig Studio to hang.}}
{{DevNotesBegin}}
This bug is fixed in the upcoming release (0.63.00).
{{DevNotesEnd}}

== Other ways to create BLines ==

Is that all? Not yet. You can use Circle, Rectangle, Star and Polygon tools to create BLines too. Just check the {{Literal|Create Outline BLine}} and {{Literal|Create Region BLine}} options in the Tool Options Panel when using those tools.

Creating geometric primitive as BLine gives you a better control over it's shape and look. For example, if you want a deformed star, then you can use the Star Tool to create it as outline and region BLines and then use the Transform Tool to deform it.

Now you are ready for the {{L|Doc:Flower Animation|last tutorial}} in this section. Hang on!

Doc:Adding Layers/fr

2011-09-25T15:19:31Z

Marceld:

{{Title|Ajouter des Calques}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cours précédent}}, vous avez fait votre première animation en changeant les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont toutefois insuffisantes pour réaliser des animations perfectionnées d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels, sur trois points au moins :

# Chaque objet, élément et effet a son propre calque.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas nécessité d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la souris sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé a été ajouté dans le {{l|Layers Panel|panneau des calques}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur unie cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la souris. Pour corriger cela, cliquez sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparaît et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a du changer maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utiliser ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors la modifier. Vous pouvez faire cela pour chaque calque et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangle. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menu déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitations ! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilité d'utilisation de Synfig Studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gèrent les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de flou}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créé, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaître au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre calque de sous canevas (avec le rectangle et le dégradé) est devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque supérieur de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer|Nouveau Calque}}. Dans le menu {{Literal|New Layer|Nouveau calque}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du flou ; allons dans la catégorie "Blurs" et sélectionnons le calque {{Literal|Blur|Flou (Blur)}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Bon : ça a flouté...mais quelque chose cloche — la bordure extérieure des contenus du calque en cours est restée nette. Celà s'explique par l'utilisation de la méthode de mélange par défaut {{Literal|Composite}} dans les flous (Vous pouvez paramétrer le mélange par défaut utilisé par les nouveaux calques via la section {{l|New Layer Defaults}} de la boîte à outils à l'option {{l|New Layer Defaults#Default Blend Method|default blend method}} ). Ce dont nous avons besoin ici c'est de la méthode de mélange {{Literal|Straight}}. Sélectionnez juste le calque de flou et changez-en dans le panneau de paramétrage la méthode de mélange (Blend Method) vers {{Literal|Straight}}.

{{Note|Note| Dans la version {{Literal|0.62.02}} de Synfig, la méthode de mélange pour les nouveau calques de flou est {{Literal|Straight}} si la méthode de mélange par défaut de la boîte à outils est réglée sur {{Literal|By Layer Default}}.}}

[[Image:Adding-layers-tutorial-11.png|frame|center]]

OK. Maintenant nous avons tous les contenus de notre calque inline floutés, sauf tout ce qui est en dessous qui reste net !

== Pour aller plus loin... ==

Si vous jetez un oeil au menu principal de Synfig à {{c|Layer|New Layer}} (Nouveau Calque) vous remarquerez qu'il existe un large choix de possibilités pour créer des calques, telle que {c|Transform|Rotate}} par exemple.
Vous pourrez l'utiliser pour attribuer de nouvelles propriétés à vos objets. Et comme pour les propriétés de base dans le tutoriel précédent ({{L|Doc:Animation Basics|previous animation tutorial}}) vous pourrez les changer sur certaines {{L|Keyframe|keyframes}}. Synfig se chargera d'interpoler les étapes intermédiaires.

Par exemple vous pourrez créer une forme ({{L|Doc:Creating Shapes|shape}}) et lui superposer un {{L|Rotate Layer}} (Calque de Rotation). Combinez-le avec les acquis du dernier tutoriel ({{L|Doc:Animation Basics|last tutorial}}) et vous pouvez créer un effet de rotation. Cette technique est utilisée pour la création de {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fr

2011-09-25T15:17:13Z

Marceld: /* Digging further... */

{{Title|Adding Layers}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cours précédent}}, vous avez fait votre première animation en changeant les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont toutefois insuffisantes pour réaliser des animations perfectionnées d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels, sur trois points au moins :

# Chaque objet, élément et effet a son propre calque.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas nécessité d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la souris sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé a été ajouté dans le {{l|Layers Panel|panneau des calques}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur unie cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la souris. Pour corriger cela, cliquez sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparaît et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a du changer maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utiliser ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors la modifier. Vous pouvez faire cela pour chaque calque et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangle. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menu déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitations ! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilité d'utilisation de Synfig Studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gèrent les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de flou}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créé, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaître au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre calque de sous canevas (avec le rectangle et le dégradé) est devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque supérieur de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer|Nouveau Calque}}. Dans le menu {{Literal|New Layer|Nouveau calque}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du flou ; allons dans la catégorie "Blurs" et sélectionnons le calque {{Literal|Blur|Flou (Blur)}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Bon : ça a flouté...mais quelque chose cloche — la bordure extérieure des contenus du calque en cours est restée nette. Celà s'explique par l'utilisation de la méthode de mélange par défaut {{Literal|Composite}} dans les flous (Vous pouvez paramétrer le mélange par défaut utilisé par les nouveaux calques via la section {{l|New Layer Defaults}} de la boîte à outils à l'option {{l|New Layer Defaults#Default Blend Method|default blend method}} ). Ce dont nous avons besoin ici c'est de la méthode de mélange {{Literal|Straight}}. Sélectionnez juste le calque de flou et changez-en dans le panneau de paramétrage la méthode de mélange (Blend Method) vers {{Literal|Straight}}.

{{Note|Note| Dans la version {{Literal|0.62.02}} de Synfig, la méthode de mélange pour les nouveau calques de flou est {{Literal|Straight}} si la méthode de mélange par défaut de la boîte à outils est réglée sur {{Literal|By Layer Default}}.}}

[[Image:Adding-layers-tutorial-11.png|frame|center]]

OK. Maintenant nous avons tous les contenus de notre calque inline floutés, sauf tout ce qui est en dessous qui reste net !

== Pour aller plus loin... ==

Si vous jetez un oeil au menu principal de Synfig à {{c|Layer|New Layer}} (Nouveau Calque) vous remarquerez qu'il existe un large choix de possibilités pour créer des calques, telle que {c|Transform|Rotate}} par exemple.
Vous pourrez l'utiliser pour attribuer de nouvelles propriétés à vos objets. Et comme pour les propriétés de base dans le tutoriel précédent ({{L|Doc:Animation Basics|previous animation tutorial}}) vous pourrez les changer sur certaines {{L|Keyframe|keyframes}}. Synfig se chargera d'interpoler les étapes intermédiaires.

Par exemple vous pourrez créer une forme ({{L|Doc:Creating Shapes|shape}}) et lui superposer un {{L|Rotate Layer}} (Calque de Rotation). Combinez-le avec les acquis du dernier tutoriel ({{L|Doc:Animation Basics|last tutorial}}) et vous pouvez créer un effet de rotation. Cette technique est utilisée pour la création de {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fr

2011-09-25T14:57:54Z

Marceld: /* Utiliser des calques pour modifier d'autres calques */

{{Title|Adding Layers}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cours précédent}}, vous avez fait votre première animation en changeant les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont toutefois insuffisantes pour réaliser des animations perfectionnées d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels, sur trois points au moins :

# Chaque objet, élément et effet a son propre calque.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas nécessité d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la souris sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé a été ajouté dans le {{l|Layers Panel|panneau des calques}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur unie cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la souris. Pour corriger cela, cliquez sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparaît et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a du changer maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utiliser ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors la modifier. Vous pouvez faire cela pour chaque calque et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangle. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menu déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitations ! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilité d'utilisation de Synfig Studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gèrent les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de flou}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créé, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaître au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre calque de sous canevas (avec le rectangle et le dégradé) est devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque supérieur de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer|Nouveau Calque}}. Dans le menu {{Literal|New Layer|Nouveau calque}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du flou ; allons dans la catégorie "Blurs" et sélectionnons le calque {{Literal|Blur|Flou (Blur)}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Bon : ça a flouté...mais quelque chose cloche — la bordure extérieure des contenus du calque en cours est restée nette. Celà s'explique par l'utilisation de la méthode de mélange par défaut {{Literal|Composite}} dans les flous (Vous pouvez paramétrer le mélange par défaut utilisé par les nouveaux calques via la section {{l|New Layer Defaults}} de la boîte à outils à l'option {{l|New Layer Defaults#Default Blend Method|default blend method}} ). Ce dont nous avons besoin ici c'est de la méthode de mélange {{Literal|Straight}}. Sélectionnez juste le calque de flou et changez-en dans le panneau de paramétrage la méthode de mélange (Blend Method) vers {{Literal|Straight}}.

{{Note|Note| Dans la version {{Literal|0.62.02}} de Synfig, la méthode de mélange pour les nouveau calques de flou est {{Literal|Straight}} si la méthode de mélange par défaut de la boîte à outils est réglée sur {{Literal|By Layer Default}}.}}

[[Image:Adding-layers-tutorial-11.png|frame|center]]

OK. Maintenant nous avons tous les contenus de notre calque inline floutés, sauf tout ce qui est en dessous qui reste net !

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fr

2011-09-25T14:39:27Z

Marceld: /* Application locale */

{{Title|Adding Layers}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cours précédent}}, vous avez fait votre première animation en changeant les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont toutefois insuffisantes pour réaliser des animations perfectionnées d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels, sur trois points au moins :

# Chaque objet, élément et effet a son propre calque.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas nécessité d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la souris sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé a été ajouté dans le {{l|Layers Panel|panneau des calques}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur unie cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la souris. Pour corriger cela, cliquez sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparaît et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a du changer maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utiliser ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors la modifier. Vous pouvez faire cela pour chaque calque et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangle. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menu déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitations ! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilité d'utilisation de Synfig Studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gèrent les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de flou}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créé, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaitre au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque en haut de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer}}. Dans le menu {{Literal|New Layer}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du floue, allon dans la catégorie Blurs est sélectionnons le calque {{Literal|Blur}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of the contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|In the Synfig version {{Literal|0.62.02}}, the blend method for newly created blur layers is {{Literal|Straight}} if the default blend method in the Toolbox is set to {{Literal|By Layer Default}}.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fr

2011-09-25T14:36:29Z

Marceld: /* Combiner les calques */

{{Title|Adding Layers}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cours précédent}}, vous avez fait votre première animation en changeant les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont toutefois insuffisantes pour réaliser des animations perfectionnées d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels, sur trois points au moins :

# Chaque objet, élément et effet a son propre calque.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas nécessité d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la souris sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé a été ajouté dans le {{l|Layers Panel|panneau des calques}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur unie cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la souris. Pour corriger cela, cliquez sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparaît et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a du changer maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utiliser ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors la modifier. Vous pouvez faire cela pour chaque calque et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangel. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menus déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitation! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilitée d'utilisation de Synfig studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gères les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de floue}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créer, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaitre au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque en haut de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer}}. Dans le menu {{Literal|New Layer}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du floue, allon dans la catégorie Blurs est sélectionnons le calque {{Literal|Blur}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of the contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|In the Synfig version {{Literal|0.62.02}}, the blend method for newly created blur layers is {{Literal|Straight}} if the default blend method in the Toolbox is set to {{Literal|By Layer Default}}.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fr

2011-09-25T14:32:50Z

Marceld: /* Introduction */

{{Title|Adding Layers}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cours précédent}}, vous avez fait votre première animation en changeant les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont toutefois insuffisantes pour réaliser des animations perfectionnées d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels, sur trois points au moins :

# Chaque objet, élément et effet a son propre calque.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas nécessité d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la souris sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé à été ajouté dans le {{l|Layers Panel}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur unie cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la souris. Pour corriger cela, cliquez sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparaît et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a du changer maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utiliser ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors la modifier. Vous pouvez faire cela pour chaque calque et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangel. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menus déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitation! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilitée d'utilisation de Synfig studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gères les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de floue}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créer, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaitre au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque en haut de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer}}. Dans le menu {{Literal|New Layer}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du floue, allon dans la catégorie Blurs est sélectionnons le calque {{Literal|Blur}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of the contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|In the Synfig version {{Literal|0.62.02}}, the blend method for newly created blur layers is {{Literal|Straight}} if the default blend method in the Toolbox is set to {{Literal|By Layer Default}}.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fr

2011-09-25T14:30:37Z

Marceld: /* Combiner les calques */

{{Title|Adding Layers}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cour précédent}}, vous avez fait votre première animation en changent les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont, toutefois, insuffisantes pour réaliser des animations perfectionnés d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:

# Chaque objets, éléments et effets ont leurs propres calques.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas nécessité d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la souris sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé à été ajouté dans le {{l|Layers Panel}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur unie cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la souris. Pour corriger cela, cliquez sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparaît et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a du changer maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utiliser ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors la modifier. Vous pouvez faire cela pour chaque calque et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangel. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menus déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitation! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilitée d'utilisation de Synfig studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gères les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de floue}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créer, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaitre au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque en haut de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer}}. Dans le menu {{Literal|New Layer}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du floue, allon dans la catégorie Blurs est sélectionnons le calque {{Literal|Blur}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of the contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|In the Synfig version {{Literal|0.62.02}}, the blend method for newly created blur layers is {{Literal|Straight}} if the default blend method in the Toolbox is set to {{Literal|By Layer Default}}.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Adding Layers/fr

2011-09-25T14:26:16Z

Marceld: /* Using layers to modify other layers */

{{Title|Adding Layers}}
{{Navigation|Category:Manual|Doc:Creating_Shapes}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


== Introduction ==


Dans le {{l|Doc:Animation_Basics|cour précédent}}, vous avez fait votre première animation en changent les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont, toutefois, insuffisantes pour réaliser des animations perfectionnés d'objets ou de personnages. Pour faire cela, Synfig utilise les {{l|Layer|calques}}. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:

# Chaque objets, éléments et effets ont leurs propres calques.
# Vous pouvez organiser les calques par groupe hiérarchiques.
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

== Combiner les calques ==

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas de nécessitée d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

[[Image:Adding-layers-tutorial-1.png|frame|center]]

Sélectionnez l'{{l|Gradient Tool|outil dégradé}} dans la {{l|Category:Toolbox|Boite à outils}}. Pressez le bouton gauche de la sourie sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé à été ajouté dans le {{l|Layers Panel}} appelé '''Gradient'''. Rien d'étonnant.

[[Image:Adding-layers-tutorial-2.png|frame|center]]

{{Note|Note|Si vous ne voyez pas de dégradé mais juste une couleur uni. Cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la sourie. pour corriger cela, cliquer sur l'{{l|Normal Tool|outil Normal}}, cliquez dans le canevas pour activer les {{l|Duck|ducks}} (poignées) du dégradé. Vous devez juste faire glisser celui qui apparait et le déplacer jusqu'à ce qu'un dégradé apparaisse}}

Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le {{l|Layers Panel|panneau des calques}}, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez {{Literal|Encapsuler}} dans le menu. La représentation de vos calques a due changé maintenant, montrant une petite capsule appelé {{l|Paste Canvas|Sous canevas}} avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

[[Image:Adding-layers-tutorial-3.png|frame|center]]

Vous pouvez utilisé ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors là modifier. Vous pouvez faire cela pour chaque calques et vous êtes fortement encouragé à le faire.

== Application locale ==
Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangel. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le {{l|Params Panel|panneau des paramètres}} (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé {{Literal|Blend Method}}. Double cliquez dessus et choisissez {{Literal|Onto}} dans le menus déroulant.

[[Image:Adding-layers-tutorial-4.png|frame|center]]

Le dégradé devrait maintenant être limité au rectangle. Félicitation! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

[[Image:Adding-layers-tutorial-5.png|frame|center]]

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilitée d'utilisation de Synfig studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de ''sous ensembles'' montre la particularité de Synfig par rapport aux autres programmes qui gères les hiérarchies de calques. L'aspect important est que le calque peut '''seulement''' modifier les données qui se trouvent '''directement en dessous''' de lui. En d'autres termes, si vous placez un {{l|Blur Layer|calque de floue}} en haut des calques qui se trouvent dans le {{l|Paste Canvas|sous canevas}} que vous avez créer, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

== Utiliser des calques pour modifier d'autres calques ==
Vérifiez que vous avez sélectionné le sous canevas et créez deux {{l|Circle Tool|cercles}} rouges. Il vont apparaitre au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de {{Literal|remontée du calque}} pour placer celui-ci au dessus des cercles.

[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]

Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les deux cercles.

[[Image:Adding-layers-tutorial-7.png|center|frame]]

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque en haut de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

[[Image:Adding-layers-tutorial-8.png|center|frame]]

Maintenant, faite un clic droit sur le calque du cercle noir dans le panneau des calques et un menu popup apparait. Le premier item dans de menu est {{Literal|New Layer}}. Dans le menu {{Literal|New Layer}}, vous allez voir plusieurs catégories de calques que vous pouvez créer, celui que que nous voulons est celui du floue, allon dans la catégorie Blurs est sélectionnons le calque {{Literal|Blur}} (ce qui se résume à {{c|New Layer|Blurs|Blur}}).

[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]

Well, it blurred... but something is not quite right — the outside edge of the contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to {{Literal|Composite}} (you can change the {{l|New Layer Defaults#Default Blend Method|default blend method}} for new layers from the {{l|New Layer Defaults}} section of the Toolbox). What we want is a blend method of {{Literal|Straight}}. Just select the blur layer, and change the Blend Method to {{Literal|Straight}} in the Params Panel.

{{Note|Note|In the Synfig version {{Literal|0.62.02}}, the blend method for newly created blur layers is {{Literal|Straight}} if the default blend method in the Toolbox is set to {{Literal|By Layer Default}}.}}
[[Image:Adding-layers-tutorial-11.png|frame|center]]

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

== Digging further... ==

If you care to look into Synfig's main menu under {{c|Layer|New Layer}} you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like {{c|Transform|Rotate}} for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the {{L|Doc:Animation Basics|previous animation tutorial}}, you can change them to be different on certain {{L|Keyframe|keyframes}}. Synfig will take care of interpolating the steps in between.

For example, you could create a {{L|Doc:Creating Shapes|shape}} and add a {{L|Rotate Layer}} over it. Combine this with the lesson learned in the {{L|Doc:Animation Basics|last tutorial}} and you can create a rotating effect. This technique is used for creation of {{L|Doc:Cut-out Animation}}.

Doc:Animation Basics/fr

2011-09-25T13:45:35Z

Marceld:

{{Title|Animation Basics}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]


=== Introduction ===

Avec Synfig Studio, créer une animation est vraiment facile. Il s'agit essentiellement de modifier une forme : il ne vous reste plus qu'à créer l'étape initiale et la dernière étape de l'évolution de cette forme et ''Synfig'' s'occupe de calculer les étapes intermédiaires.

Prenons un exemple simple : un phare en mouvement tel que celui de la voiture de Knight Rider. En gros, il s'agit de faire bouger un cercle de gauche à droite et retour. En d'autres mots, vous avez besoin de créer trois "étapes" ou "stades"

# Un cercle à gauche.
# Un cercle à droite.
# Une cercle de retour à gauche.

=== Préparation de l'ouvrage ===

Commençons. Ouvrez ''Synfig Studio''. Un nouvel fichier est automatiquement ouvert au démarrage. En cliquant sur la partie monochrome du cadre du canevas (clic droit entre les règles horizontales et la trame proprement dit) apparaît le menu "caret" ; sélectionnez "Edit -> Propriétés". Une fenêtre des propriétés de la trame va s'ouvrir.
Donnez un nom et une description à votre trame (ou canevas) et ensuite cliquez sur "Appliquer" (dans l'immédiat, ne cliquez pas sur "OK" - nous n'en avons pas fini avec la fenêtre des propriétés). Se mettre sur la table "Time" et assurez-vous d'avoir édité "End Time". Changez "5 s" par "2 s" - ce qui donnera à votre animation une durée de 2 secondes.

[[Image:File Properties Dialog - End Time.png|center|frame|Canvas Properties Dialog]]

Maintenant, cliquez sur "OK" et créez un rectangle noir tout simple qui vous servira d'arrière plan. Il n'est pas utile qu'il recouvre l'ensemble du canevas. A ce moment là, cliquez sur le rectangle "Low Res" en haut de la fenêtre de trame pour désactiver le mode de visionnage basse résolution - ce qui donnera un rendu plus précis à votre image. En règle générale, activer cette option augmente la vitesse de calcul, mais ce n'est pas ce dont nous avons besoin à présent.

[[Image:synfig_tut_2.png|450px|center|thumb]]

Nous avons besoin maintenant d'un cercle. Changez la couleur de remplissage pour du rouge et dessinez un cercle. Si il n'est pas parfait, cela n'a pas d'importance. Vous pouvez le modifier. Activez la case "Outils de transformation" (Transformation Tools) et cliquez sur le cercle. Apparaît une sorte de mode d'édition qu'il est facile de déceler par un petit point vert au milieu de l'image et au rectangle qui l'entoure. Vous pouvez déplacer ce cercle en le prenant par ce point vert pour le faire changer de place.

[[Image:synfig_tut_3.png|450px|center|thumb]]

Dans ces manipulations, vous avez vu les premières étapes pour dessiner un objet et le déplacer, mais il ne s'agit évidemment pas encore à proprement parler d'animation. Poursuivons pour voir ce qu'il en est.

=== Ajouter un mouvement ===

Vous avez au commencement, introduit une valeur de 2 secondes dans la fenêtre de dialogue des Propriétés. Du fait que la longueur de votre animation ne soit pas égale à zéro, votre fenêtre de trame (ou canevas) sur laquelle vous travaillez, présente en bas un curseur de défilement de couleur grise. Vous pouvez cliquer dessus et un petit indicateur orange apparaîtra pour montrer votre position dans le temps. Essayer de cliquer en différents endroits de la ligne-temps et observez que le champ d'entrée à gauche du curseur se modifie en des valeurs telles que "12f", "1s 15f" et en pressant {{Shortcut|enter}}, l'indicateur orange se déplacera au milieu de la ligne-temps et en entrant "2s", il déplacera le curseur à la fin de la ligne-temps.

{{Note|Note|Remarquez qu'à "2s", l'indicateur orange n'est pas visible du fait que, situé à la limite visible de la ligne-temps, il est positionné en dehors du champ de vision.}}
À ce point de l'ouvrage, vous noterez qu'aucun changement ne s'opère. Activez {{Literal|Animate Editing Mode}} en cliquant le bouton vert situé à droite de la ligne-temps grise (si vous avez la version 0.62.02, vous noterez l'apparition d'une marque verte). La trame montrera alors un contour rouge : il vous rappelle que les changements que vous avez opérés modifient dorénavant votre animation.

[[Image:synfig_tut_4.png|450px|center|thumb]]

Jusqu'à maintenant, nous avons introduit trois "étapes" ou "stades" à l'animation. C'est ce qui est nommé "{{l|Keyframe|keyframes}}" ou "image-clé" (Au cas où vous seriez un familier de l'encodage vidéo, il s'agit d'autre chose). Une "image-clé" (keyframe) est une image située à un moment donné du déroulement de l'animation où un événement particulier se passe pour vos objets.

Allez sur la fenêtre Keyframes, cliquez dans la petite table dotée d'une petite icône au bas de la fenêtre faite pour éditer les images-clé. Pressez maintenant le bouton doté du signe "+" et vous devriez obtenir une nouvelle entrée dans la liste d'affichage{{Literal|0f, 0f, (JMP)}}.

[[Image:Keyframes Panel.png|center|frame]]

Pointez maintenant sur la marque "1s" de la ligne-temps. Le petit indicateur orange se reporte à cet endroit. Ajoutez alors une autre "image-clé" en cliquant le petit signe "+". Recommencez le processus en positionnant le curseur-temps à "2s" qui est la fin de votre animation. Vous devriez maintenant avoir trois "images-clé" dans la liste.

=== Comprendre la ligne-temps : les "f" (frame = image) et les "s" (seconde) ===

A présent, vous avez dû penser à ce que signifient ces mystérieux pointeurs "1s, 10f". Ils indiquent un point particulier de la ligne-temps, précisément en terme de secondes (s) et d'images (f).

Par défaut, chaque seconde est divisée en 24 images à la manière du mètre qui est subdivisé en 100 centimètres. Le marquage des images commence à zéro (0) et va jusqu'à 23 après quoi commence une nouvelle seconde où la marque d'image commence à 0.

Pour 5 secondes pleines et trois images, par exemple, la notation de la ligne-temps reportera "5s 3f".

=== La liste des "images-clé" ===

La liste des images-clé (Keyframe list) est moins facile d'approche. Elle énumère le {{Literal|Time}} qui, de fait, est le moment de départ ; la {{Literal|Length}} qui semble aller de soi : la longueur ; le {{Literal|Jump}} dont nous allons parler tout de suite ; et la {{Literal|Description}} qui parle d'elle-même aussi.

Maintenant nous allons porter notre attention sur les entrées nommées {{Literal|(JMP)}}. En fait, elles sont des liens, exactement à la manière des liens web : en cliquant dessus, le curseur de votre ligne-temps se positionne exactement à cet endroit.

Vous pouvez l'utiliser pour éditer votre image à un moment donné de l'animation. Par exemple, vous pouvez sauter à la première seconde et bouger le cercle rouge à droite. Et voilà ! Vous avez procédé à votre premier mouvement, vous avez créé votre première animation avec ''Synfig'' !

{{l|Image:synfig_tut_5.png|center|frame}}

Merveilleux, n'est-ce pas, quand votre animation marche ! Cliquez à loisir sur un point de la ligne-temps et vous remarquerez que le cercle rouge (le phare) se place à une nouvelle position que vous n'aviez pas spécifié ! Que s'est-il passé ? ''Synfig'' a interpolé ce que vous vouliez faire - en l'occurrence : bouger le cercle - et a dessiné toutes les images intermédiaires situées entre les étapes. Chaque dessin a produit une image de votre animation et le cercle apparaît comme en mouvement.

Remarquez que vous êtes dispensé d'aller à la dernière image "2s" et de faire se mouvoir en retour votre cercle vers la gauche. Keyframes agit de sorte que ''Synfig'' se souvienne des étapes initialement positionnées dans le déroulement du temps de l'animation. C'est la raison pour laquelle lorsque vous modifiez la position du cercle à "1s", rien ne bouge à "2s" ou à "0s". En revenant à la fenêtre des paramètres (Params Panel) et en observant le TimeTrack Panel, vous noterez que trois points verts apparaissent sur la droite du paramètre {{Literal|Origin}}. Ces derniers sont nommés {{L|Waypoints}} (points d'étapes) et sont utilisés pour indiquer le changement des valeurs de ces paramètres temporels.

[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]

=== Rendu de votre animation ===

Avant que vous puissiez visionner votre animation, vous devez faire un "rendu" (faire calculer à la machine sa transformation en vidéo, image par image) de votre ouvrage. Il y a deux manières pour ce faire : utiliser ce que vous venez d'utiliser : ''Synfig Studio'' ; ou bien passer par la ligne de commande nommé "synfig".

Procédons à la première. Quittez le mode "animation" en cliquant sur le bouton rouge du mode édition de la ligne-temps et sauvegardez votre fichier en lui donnant un nom, par exemple : "BasicKnightRider.sifz". Allez ensuite dans le menu de la fenêtre "trame" ou "canevas" (le bouton "caret" au coin supérieur droit) et sélectionnez {{c|File|Render}}. Au même endroit où vous avez sauvegardé "BasicKnightRider.sifz", modifiez le nom du fichier par "BasicKnightRider.gif" en choisissant l'option de format "gif" au lieu de "Auto" et cliquez ensuite sur "Render". En fonction de la vitesse de votre processeur, cela peut demander un moment avant que la barre de statut des images, située en bas de la fenêtre, finisse par afficher "File rendered successfully" : votre fichier a été correctement rendu.

[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]

{{Note|Note|Le bouton "Magic++" (si présent) produit des fichiers "gif" bien meilleurs que le seul bouton "gif" du fait qu'il peut optimiser la palette pour chaque image.}}

{{Note|Note|Vous avez aussi la possibilité de pré-voir votre animation. Pressez le bouton de menu "caret" situé au coin supérieur gauche de la fenêtre de trame et choisissez {{c|File|Preview}}.}}

Si, pour votre animation, vous préférez mieux utiliser la ligne de commande à la place du menu de rendu, ouvrez alors une fenêtre de terminal et faites {{c|Start|Run}}, tapez {{Literal|cmd}} and pressez {{Shortcut|enter}}), modifiez le répertoire où vous avez mis votre fichier et tapez quelque-chose comme ceci :

synfig -t gif BasicKnightRider.sif

Un bref message, sans importance pour l'instant, apparaît. En fonction de la vitesse de votre processeur, cela peut prendre un moment avant de voir une ligne telle que celle-ci apparaître :

BasicKnightRider.sif ==> BasicKnightRider.gif: DONE

Voilà, c'est fait : vous pouvez visionner l'animation .gif en utilisant Firefox ou un des autres programmes énumérés plus avant.

=== Conclusion ===

Il est bien évident que le positionnement d'un objet n'est pas la seule chose qui puisse être faite avec ''Synfig Studio'', bien d'autres possibilités y sont incluses telles que dimension, contour, couleur, etc. ''Synfig'' propose plusieurs fichiers de démonstration qui permettent de creuser plus profondément dans ses possibilités.

{{Navigation|Category:Manual|Doc:Adding Layers}}