Synfig Studio :: Documentation - User contributions [en]

Sets Panel

2018-11-08T09:38:45Z

Paulyvalent: /* Introduction */

{{Title|Sets Panel}}
{{Category|Panels}}
{{TOCright}}
{{NewTerminology}}

{{l|Image:Set_icon.png|64px}}

images outdated!

=Introduction=
Suppose you want to treat several shapes in the same way, but they are scattered in your project and placed on different layers. Rather than develop each {{l | layer group}} and select them individually each time you want to change them, you can use sets.
{{l|Image:Set_Panel.png|none}}
To add some layers to a set select them in the {{l|Layers Panel}}, right click, and choose {{Literal|Add to Set}}. It will prompt you for a Set name. Type a name for a new, or existing set and click {{Literal|OK}}.

Now you can select that set and animate all those layers together (for instance, change all their {{l|Amount Parameter|amounts}}, or move their {{l|Origin Parameter|origins}}).

=Digging deeper=
==Action over Sets==
Current interaction with sets and its layers in Sets Panel can be described in following terms:

* Double click over a Set icon selects all its layers in the Layers Panel. '''It allows a multiple selection of scattered layers with just one double click'''. Notice that double click does not highlight the layers in the Sets Panel.
* Double click over a icon of a layer from a set, selects that layer on the Layers Panel and unselects all others.
* Double click holding {{Shortcut|ctrl}} key over a Set icon or layer icon from a set, adds the selection to the current one at the Layers Panel.
* Double click over a set or layer name allows to rename it.
* Clicking the checkbox on the left of layer icon will deactivate the layer in the Layers Panel.
* Clicking the checkbox near the set icon will deactivate all layers inside of this set.
* A layer in a set can be moved to any other set (empty or not).
* If the set is empty it can't be activated and won't be saved.
* Single left or right click over a Set makes it selected. You can use it to enable the {{Literal|Remove Set}} button.
* Single left click over layer in a set selects it. You can select multiple layers if you click holding {{Shortcut|ctrl}} or {{Shortcut|shift}} key, but the effect on subsequent commands only affect the layer that you right-click on.

==Action over Layers==
Single right click over a layer in a set pops up the context menu with the same elements as you have for each layer in the {{L|Layers Panel}}:
* {{l|Command:Select All Children}}: This menu entry appears only if the layer from the set is a Group layer. The behavior is the same as in the Layers Panel - all layers inside of the Group layer are selected.
* {{l|Command:Add Layers to Set}}: Displays a dialog to enter a Set name and moves the select layer to the new set. Only works for the layer below the cursor when multiple selection is done.
* {{l|Command:Remove Layers from a Set}}: Removes the selected layer from the set. Only one layer at a time can be removed. Even if multiple layers are selected only the layer below the cursor when right clicking is removed.
* {{l|Command:Duplicate layer}}: Works the same as duplicate layer from the Layers Panel and also add the duplicated layer to the current Set. It works partially because you cannot duplicate multiple layers as in the Layers Panel. It only acts over the layer you did the right click. The selection is ignored.
* {{l|Command:Group}}: It works the same as the {{l|Command:Group}} layers from the Layers Panel but only affects to the layer where the right click is done.
* {{l|Command:Remove Layer}}: It works the same as the {{l|Command:Remove Layers}} from the Layers Panel but only affects to the layer where the right click is done.
* {{l|Command:Set Layer Description}}: Displays a dialog for renaming the layer.
* {{l|Command:Raise Layer}} / {{l|Command:Lower Layer}}: Does the same than in the Layers Panel. It doesn't modify the position of the layer in the Set but the position in the Layers Panel hierarchy is modified as expected.

Notice, that a layer can only belong to one Set at a time. Adding a layer to a Set when it's already in previous set will remove it from the previous set.

==Sets can be nested==
You can make nested sets one of the following ways:

* by adding a layer to a set with a name containing dot as separator: "parent.child"
* by dragging a set inside other set.

The contents of the nested sets is selected when you double-click the parent set icon. Depending on what set level you click you can select more or less layers.

{{l|Image:groups_panel_nested_groups.png|center|thumb}}

For example making a double click on the 'All' Set will select Rotation and Image layers in once double click.

Regarding to the buttons:

* {{Literal|Add New Set}} button adds empty deactivated set.
* {{Literal|Remove Set}} button removes selected set. If the set contains other sets they are not recursively deleted, only the first child level of layers.

<u>Also Sets scope is the current edited Canvas</u>. That means that only the layers in a set that belong to the current Canvas being edited are show in the Sets Panel. It also means that Sets are File/Canvas dependent. It means that a layer can only belong to a set defined in its exported canvas scope. For example, if there are two canvases where B is the root one and A is a exported one hold by a Group Layer inside B, then a layer that belongs to exported canvas A can belong only to Sets defined at canvas A scope. Although you can select the layer from the outer root canvas (B) you cannot add it to a set defined at B scope. You can also have sets with the same name in different file/canvas scope. If a layer is dragged out from a pasted canvas and it belongs to a set, the set name is dragged out also.

{{l|Image:groups_panel_exported_canvas_group.png|center}}

----

Here are shown some examples of what can be done using sets for a complex file:

{| border = "2" align="center" style="" cellpadding="3" cellspacing="4"
|-
| '''Samples''' || '''Sets''' || '''Effects after double click on the highlighted Set'''
|-
|Sample1 || {{l|Image:Groups_sample1.png|center}} || {{l|Image:Groups_sample1_doubleclick_effect.png|center|thumb}}
|-
|
|-
|Sample2 || {{l|Image:Groups_sample2.png|center}} || {{l|Image:Groups_sample2_doubleclick_effect.png|center|thumb}}
|}

Sets Panel

2018-11-08T09:34:52Z

Paulyvalent: /* Introduction */

{{Title|Sets Panel}}
{{Category|Panels}}
{{TOCright}}
{{NewTerminology}}

{{l|Image:Set_icon.png|64px}}

images outdated!

=Introduction=
Supposons que vous souhaitiez traiter de la même façon plusieurs formes, mais qu'elles soient dispersées dans votre projet et placées sur des calques différents. Plutôt que de développer chaque {{l | groupe de couches}} et de les sélectionner individuellement à chaque fois que vous souhaitez les modifier, vous pouvez utiliser des ensembles.
{{l|Image:Set_Panel.png|none}}
Pour ajouter des couches à un jeu, sélectionnez-les dans le {{l | Panneau de couches}}, cliquez avec le bouton droit de la souris et choisissez {{Literal | Ajouter au jeu}}. Il vous demandera un nom d'ensemble. Saisissez un nom pour un nouvel ensemble ou un ensemble existant, puis cliquez sur {{Literal | OK}}.

Vous pouvez maintenant sélectionner ce jeu et animer tous ces calques ensemble (par exemple, modifiez tous leurs {{l | Paramètres de montant | montants}}, ou déplacez leur {{l | Paramètre d'origine | origines}}).

=Digging deeper=
==Action over Sets==
Current interaction with sets and its layers in Sets Panel can be described in following terms:

* Double click over a Set icon selects all its layers in the Layers Panel. '''It allows a multiple selection of scattered layers with just one double click'''. Notice that double click does not highlight the layers in the Sets Panel.
* Double click over a icon of a layer from a set, selects that layer on the Layers Panel and unselects all others.
* Double click holding {{Shortcut|ctrl}} key over a Set icon or layer icon from a set, adds the selection to the current one at the Layers Panel.
* Double click over a set or layer name allows to rename it.
* Clicking the checkbox on the left of layer icon will deactivate the layer in the Layers Panel.
* Clicking the checkbox near the set icon will deactivate all layers inside of this set.
* A layer in a set can be moved to any other set (empty or not).
* If the set is empty it can't be activated and won't be saved.
* Single left or right click over a Set makes it selected. You can use it to enable the {{Literal|Remove Set}} button.
* Single left click over layer in a set selects it. You can select multiple layers if you click holding {{Shortcut|ctrl}} or {{Shortcut|shift}} key, but the effect on subsequent commands only affect the layer that you right-click on.

==Action over Layers==
Single right click over a layer in a set pops up the context menu with the same elements as you have for each layer in the {{L|Layers Panel}}:
* {{l|Command:Select All Children}}: This menu entry appears only if the layer from the set is a Group layer. The behavior is the same as in the Layers Panel - all layers inside of the Group layer are selected.
* {{l|Command:Add Layers to Set}}: Displays a dialog to enter a Set name and moves the select layer to the new set. Only works for the layer below the cursor when multiple selection is done.
* {{l|Command:Remove Layers from a Set}}: Removes the selected layer from the set. Only one layer at a time can be removed. Even if multiple layers are selected only the layer below the cursor when right clicking is removed.
* {{l|Command:Duplicate layer}}: Works the same as duplicate layer from the Layers Panel and also add the duplicated layer to the current Set. It works partially because you cannot duplicate multiple layers as in the Layers Panel. It only acts over the layer you did the right click. The selection is ignored.
* {{l|Command:Group}}: It works the same as the {{l|Command:Group}} layers from the Layers Panel but only affects to the layer where the right click is done.
* {{l|Command:Remove Layer}}: It works the same as the {{l|Command:Remove Layers}} from the Layers Panel but only affects to the layer where the right click is done.
* {{l|Command:Set Layer Description}}: Displays a dialog for renaming the layer.
* {{l|Command:Raise Layer}} / {{l|Command:Lower Layer}}: Does the same than in the Layers Panel. It doesn't modify the position of the layer in the Set but the position in the Layers Panel hierarchy is modified as expected.

Notice, that a layer can only belong to one Set at a time. Adding a layer to a Set when it's already in previous set will remove it from the previous set.

==Sets can be nested==
You can make nested sets one of the following ways:

* by adding a layer to a set with a name containing dot as separator: "parent.child"
* by dragging a set inside other set.

The contents of the nested sets is selected when you double-click the parent set icon. Depending on what set level you click you can select more or less layers.

{{l|Image:groups_panel_nested_groups.png|center|thumb}}

For example making a double click on the 'All' Set will select Rotation and Image layers in once double click.

Regarding to the buttons:

* {{Literal|Add New Set}} button adds empty deactivated set.
* {{Literal|Remove Set}} button removes selected set. If the set contains other sets they are not recursively deleted, only the first child level of layers.

<u>Also Sets scope is the current edited Canvas</u>. That means that only the layers in a set that belong to the current Canvas being edited are show in the Sets Panel. It also means that Sets are File/Canvas dependent. It means that a layer can only belong to a set defined in its exported canvas scope. For example, if there are two canvases where B is the root one and A is a exported one hold by a Group Layer inside B, then a layer that belongs to exported canvas A can belong only to Sets defined at canvas A scope. Although you can select the layer from the outer root canvas (B) you cannot add it to a set defined at B scope. You can also have sets with the same name in different file/canvas scope. If a layer is dragged out from a pasted canvas and it belongs to a set, the set name is dragged out also.

{{l|Image:groups_panel_exported_canvas_group.png|center}}

----

Here are shown some examples of what can be done using sets for a complex file:

{| border = "2" align="center" style="" cellpadding="3" cellspacing="4"
|-
| '''Samples''' || '''Sets''' || '''Effects after double click on the highlighted Set'''
|-
|Sample1 || {{l|Image:Groups_sample1.png|center}} || {{l|Image:Groups_sample1_doubleclick_effect.png|center|thumb}}
|-
|
|-
|Sample2 || {{l|Image:Groups_sample2.png|center}} || {{l|Image:Groups_sample2_doubleclick_effect.png|center|thumb}}
|}

Group Layer/fr

2018-11-05T05:15:54Z

Paulyvalent: /* Z Depth Range Transition */

{{Title|Calque Groupe}}
{{Category|Layers}}
{{Category|Other}}
{{NewTerminology}}

Cette page à besoin d'être traduite, soyez patient et/ou participez!

{{l|Image:Layer other group icon.png|64px}}
== A propos des Calques Groupes==
Le Calque Groupe est un calque particulier qui peut contenir d'autres calques. Il est créé par la commande {{l|Group}} contenu dans le menu contextuel du {{l|Layers Panel|Panneau Calques}} ou par {{l|Layer Menu|Menu de Calque}} dans le {{l|Canvas Menu Caret|Menu Chevron du Canevas}}. On peut l'utiliser pour grouper un ensemble de calques, mais également pour les décaler, les redimensionner ou les modifier en même temps que les calques qu'il contient.

Les "calques de groupe" peuvent également être créés par {{l|New Layer Menu|Menu de Nouveau Calque}}, en utilisant Nouveau Calque > Autre > Calque Groupe.

==Paramètres des Calques Groupes==
Les paramètres des Calques Groupes sont:

{|{{Parameters/fr}}

|-style="background:#"
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter}}
||0.000000
||nombre réel

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Quantité}}
||1.000000
||nombre réel

|-style="background:#"
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method Parameter|Mode de Fusion}}
||Composite
||nombre entier

|-style="background:#eeeeee"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Origin Parameter|Origine}}
||0.000000u,0.000000u
||vecteur

|-style="background:#"
||{{l|Image:Type canvas icon 0.63.06.png|16px}} {{l|Canvas|Canevas}}
||<Aucune Image Sélectionnée>
||canevas

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Zoom Parameter|Zoom}}
||0.000000
||nombre réel

|-style="background:#"
||{{l|Image:Type_time_icon.png|16px}} {{l|Time Offset Parameter|Décalage temporel}}
||Of
||temps

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} {{l|Children Lock|Verrou Enfants}}
|| {{Bool|}}
||booléen (statique)

|-style="background:#"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Focus Point|Point Focal}}
||0.000000u,0.000000u
||vecteur

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Outline Grow|Croissance des Contours}}
||0.000000
||vecteur

|-
|}

=== Transformation Parameter ===
'Le paramètre "Transformation" est un paramètre composite. Il contient un décalage, un angle de rotation, un angle d'inclinaison et une valeur d'échelle pour le groupe. Le paramètre "Transformation" est déjà converti en composite lors de la création de Calque Groupe et expose ainsi directement les sous-paramètres Offset, Rotation, Skew et Scale.

Voir aussi Widget de transformation de groupe

=== Paramètre Canevas ===
{{l|Image:Type canvas icon 0.63.06.png|64px}}

Ce paramètre est {{Literal|<Groupe>}} par défaut si le Calque Groupe a été créé en regroupant les autres calques, ou {{Literal|Sans image sélectionnée}} s'il a été créé du {{l|New Layer Menu}}. Ce paramètre vous permet de sélectionner un autre canevas.

Le paramètre de Canevas présente un menu déroulant des canevas exportés, ainsi qu'une entrée supplémentaire {{Literal|Autre...}}. En sélectionnant {{Literal|Autre...}}, un champ de saisie de texte s'affiche afin de saisir le nom du canevas à utiliser. Le nom tapé doit avoir le format suivant (où <nowiki>[ ]</nowiki> indique une partie optionnelle, ( ) est pour le regroupement, et * signifie «0 ou plusieurs fois»)

<nowiki> [[nom_de_fichier]#][:]</nowiki>''id''(:''id'')*

Dans sa forme la plus simple, c'est juste un «Identifiant», c'est à dire, le nom exporté de l'un des canevas enfant du canevas actuel.

Les autres possibilités sont:
* Si un «#» est présent, la partie devant le «#» est interprétée comme le nom d'un fichier .sif externe à utiliser.
* Si «#» est le premier caractère de la chaîne (c'est à dire, le nom du fichier est vide) alors le «#» est ignoré, et le canevas actuel est utilisée à la place
* Si un «:» apparaît devant le premier «identifiant», cela indique de commencer à la racine du canevas actuel
* chaque :identifiant suivant descend dans l'enfant spécifié

Exemples:
* '''/usr/share/doc/synfig/examples/business_card.sifz#:IndividualCard''' -- donne le chemin d'accès absolu vers un fichier .sifz, et indique d'utiliser le canevas exporté du canevas racine ayant pour nom «IndividualCard»
* '''../../examples/business_card.sifz#:IndividualCard''' --le même, mais avec un chemin relatif vers le fichier .sifz
* '''#:sy:head:eyes:left''' -- regarder dans la composition actuelle et à partir de la racine, naviguer dans l'arbre du canevas. Trouver un canevas enfant du canevas racine appelé «sy», regarder dans «sy» pour un canevas enfant appelé «head» et ainsi de suite.
* ''':sy:head:eyes:left''' -- exactement comme ci-dessus. Un nom de fichier vide est identique à ne pas utiliser le «#» du tous.
* ''' eyes:left''' -- sans un «:» devant le premier «identifiant», cela commence au canevas actuel (probablement le groupe en question est dans le sous-canevas «head», qui est dans le canevas de la racine «sy»)

=== Paramètre Croissance des Contours ===
Ce paramètre permet de contrôler l'épaisseur de toutes les calques de contour à l'intérieur. Assignation de valeur positive à ce paramètre rend tous les contours enfant rendus plus épais, alors qu'un valeur négative, les fait paraître plus mince. Cette fonctionnalité est très utile pour le réglage des contours en oeuvre complexe, et il permet également de réaliser des effets sympas comme largeur de contour réguliers à n'importe quel niveau de zoom.
Remarque : Le paramètre Croissance des Contours ne peut pas être appliqué pour les calques de groupes exportés et importés (externes).
{{l|Image:Paste-canvas-outline-grow-param.png}}

===Z Range parameters===

====Z Depth Range Enabled====
Lorsque cette case est cochée, seuls les calques de la plage numerique sont visibles et les calques visibles sont signalés en gras dans le {{l | Layers_Panel}}

====Z Depth Range Position====
Starting z_depth position where layers are visible
====Z Depth Range Depth====
Depth where layers are visibles in z_depth range
'''====Z Depth Range Transition===='''
Z_Depth area where layers inside are partially visible.

Example of Z Range use : voir lien page anglais

'''===Speed===''' (vitesse!)
Modifie les calques animés enfants du groupe de vélocités (pas le "calque de groupe" lui-même)

Réglez-le sur zéro, cela arrêterait l'animation. Une valeur de 1 exécute l'animation à une vitesse normale et une valeur de deux, une double vitesse. Moins un inverse l'animation.

==See Also==
{{l|Switch_Group_Layer}}

Group Layer/fr

2018-11-05T05:11:24Z

Paulyvalent: /* Speed */

{{Title|Calque Groupe}}
{{Category|Layers}}
{{Category|Other}}
{{NewTerminology}}

Cette page à besoin d'être traduite, soyez patient et/ou participez!

{{l|Image:Layer other group icon.png|64px}}
== A propos des Calques Groupes==
Le Calque Groupe est un calque particulier qui peut contenir d'autres calques. Il est créé par la commande {{l|Group}} contenu dans le menu contextuel du {{l|Layers Panel|Panneau Calques}} ou par {{l|Layer Menu|Menu de Calque}} dans le {{l|Canvas Menu Caret|Menu Chevron du Canevas}}. On peut l'utiliser pour grouper un ensemble de calques, mais également pour les décaler, les redimensionner ou les modifier en même temps que les calques qu'il contient.

Les "calques de groupe" peuvent également être créés par {{l|New Layer Menu|Menu de Nouveau Calque}}, en utilisant Nouveau Calque > Autre > Calque Groupe.

==Paramètres des Calques Groupes==
Les paramètres des Calques Groupes sont:

{|{{Parameters/fr}}

|-style="background:#"
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter}}
||0.000000
||nombre réel

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Quantité}}
||1.000000
||nombre réel

|-style="background:#"
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method Parameter|Mode de Fusion}}
||Composite
||nombre entier

|-style="background:#eeeeee"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Origin Parameter|Origine}}
||0.000000u,0.000000u
||vecteur

|-style="background:#"
||{{l|Image:Type canvas icon 0.63.06.png|16px}} {{l|Canvas|Canevas}}
||<Aucune Image Sélectionnée>
||canevas

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Zoom Parameter|Zoom}}
||0.000000
||nombre réel

|-style="background:#"
||{{l|Image:Type_time_icon.png|16px}} {{l|Time Offset Parameter|Décalage temporel}}
||Of
||temps

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} {{l|Children Lock|Verrou Enfants}}
|| {{Bool|}}
||booléen (statique)

|-style="background:#"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Focus Point|Point Focal}}
||0.000000u,0.000000u
||vecteur

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Outline Grow|Croissance des Contours}}
||0.000000
||vecteur

|-
|}

=== Transformation Parameter ===
'Le paramètre "Transformation" est un paramètre composite. Il contient un décalage, un angle de rotation, un angle d'inclinaison et une valeur d'échelle pour le groupe. Le paramètre "Transformation" est déjà converti en composite lors de la création de Calque Groupe et expose ainsi directement les sous-paramètres Offset, Rotation, Skew et Scale.

Voir aussi Widget de transformation de groupe

=== Paramètre Canevas ===
{{l|Image:Type canvas icon 0.63.06.png|64px}}

Ce paramètre est {{Literal|<Groupe>}} par défaut si le Calque Groupe a été créé en regroupant les autres calques, ou {{Literal|Sans image sélectionnée}} s'il a été créé du {{l|New Layer Menu}}. Ce paramètre vous permet de sélectionner un autre canevas.

Le paramètre de Canevas présente un menu déroulant des canevas exportés, ainsi qu'une entrée supplémentaire {{Literal|Autre...}}. En sélectionnant {{Literal|Autre...}}, un champ de saisie de texte s'affiche afin de saisir le nom du canevas à utiliser. Le nom tapé doit avoir le format suivant (où <nowiki>[ ]</nowiki> indique une partie optionnelle, ( ) est pour le regroupement, et * signifie «0 ou plusieurs fois»)

<nowiki> [[nom_de_fichier]#][:]</nowiki>''id''(:''id'')*

Dans sa forme la plus simple, c'est juste un «Identifiant», c'est à dire, le nom exporté de l'un des canevas enfant du canevas actuel.

Les autres possibilités sont:
* Si un «#» est présent, la partie devant le «#» est interprétée comme le nom d'un fichier .sif externe à utiliser.
* Si «#» est le premier caractère de la chaîne (c'est à dire, le nom du fichier est vide) alors le «#» est ignoré, et le canevas actuel est utilisée à la place
* Si un «:» apparaît devant le premier «identifiant», cela indique de commencer à la racine du canevas actuel
* chaque :identifiant suivant descend dans l'enfant spécifié

Exemples:
* '''/usr/share/doc/synfig/examples/business_card.sifz#:IndividualCard''' -- donne le chemin d'accès absolu vers un fichier .sifz, et indique d'utiliser le canevas exporté du canevas racine ayant pour nom «IndividualCard»
* '''../../examples/business_card.sifz#:IndividualCard''' --le même, mais avec un chemin relatif vers le fichier .sifz
* '''#:sy:head:eyes:left''' -- regarder dans la composition actuelle et à partir de la racine, naviguer dans l'arbre du canevas. Trouver un canevas enfant du canevas racine appelé «sy», regarder dans «sy» pour un canevas enfant appelé «head» et ainsi de suite.
* ''':sy:head:eyes:left''' -- exactement comme ci-dessus. Un nom de fichier vide est identique à ne pas utiliser le «#» du tous.
* ''' eyes:left''' -- sans un «:» devant le premier «identifiant», cela commence au canevas actuel (probablement le groupe en question est dans le sous-canevas «head», qui est dans le canevas de la racine «sy»)

=== Paramètre Croissance des Contours ===
Ce paramètre permet de contrôler l'épaisseur de toutes les calques de contour à l'intérieur. Assignation de valeur positive à ce paramètre rend tous les contours enfant rendus plus épais, alors qu'un valeur négative, les fait paraître plus mince. Cette fonctionnalité est très utile pour le réglage des contours en oeuvre complexe, et il permet également de réaliser des effets sympas comme largeur de contour réguliers à n'importe quel niveau de zoom.
Remarque : Le paramètre Croissance des Contours ne peut pas être appliqué pour les calques de groupes exportés et importés (externes).
{{l|Image:Paste-canvas-outline-grow-param.png}}

===Z Range parameters===

====Z Depth Range Enabled====
Lorsque cette case est cochée, seuls les calques de la plage numerique sont visibles et les calques visibles sont signalés en gras dans le {{l | Layers_Panel}}

====Z Depth Range Position====
Starting z_depth position where layers are visible
====Z Depth Range Depth====
Depth where layers are visibles in z_depth range
====Z Depth Range Transition====
Z_Depth area where layers inside are partially visible.

Example of Z Range use : voir lien page anglais

===Speed===(vitesse!)
Modifie les calques animés enfants du groupe de vélocités (pas le "calque de groupe" lui-même)

Réglez-le sur zéro, cela arrêterait l'animation. Une valeur de 1 exécute l'animation à une vitesse normale et une valeur de deux, une double vitesse. Moins un inverse l'animation.

==See Also==
{{l|Switch_Group_Layer}}

Group Layer/fr

2018-11-04T20:08:08Z

Paulyvalent: /* Z Depth Range Enabled */

{{Title|Calque Groupe}}
{{Category|Layers}}
{{Category|Other}}
{{NewTerminology}}

Cette page à besoin d'être traduite, soyez patient et/ou participez!

{{l|Image:Layer other group icon.png|64px}}
== A propos des Calques Groupes==
Le Calque Groupe est un calque particulier qui peut contenir d'autres calques. Il est créé par la commande {{l|Group}} contenu dans le menu contextuel du {{l|Layers Panel|Panneau Calques}} ou par {{l|Layer Menu|Menu de Calque}} dans le {{l|Canvas Menu Caret|Menu Chevron du Canevas}}. On peut l'utiliser pour grouper un ensemble de calques, mais également pour les décaler, les redimensionner ou les modifier en même temps que les calques qu'il contient.

Les "calques de groupe" peuvent également être créés par {{l|New Layer Menu|Menu de Nouveau Calque}}, en utilisant Nouveau Calque > Autre > Calque Groupe.

==Paramètres des Calques Groupes==
Les paramètres des Calques Groupes sont:

{|{{Parameters/fr}}

|-style="background:#"
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter}}
||0.000000
||nombre réel

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Quantité}}
||1.000000
||nombre réel

|-style="background:#"
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method Parameter|Mode de Fusion}}
||Composite
||nombre entier

|-style="background:#eeeeee"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Origin Parameter|Origine}}
||0.000000u,0.000000u
||vecteur

|-style="background:#"
||{{l|Image:Type canvas icon 0.63.06.png|16px}} {{l|Canvas|Canevas}}
||<Aucune Image Sélectionnée>
||canevas

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Zoom Parameter|Zoom}}
||0.000000
||nombre réel

|-style="background:#"
||{{l|Image:Type_time_icon.png|16px}} {{l|Time Offset Parameter|Décalage temporel}}
||Of
||temps

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} {{l|Children Lock|Verrou Enfants}}
|| {{Bool|}}
||booléen (statique)

|-style="background:#"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Focus Point|Point Focal}}
||0.000000u,0.000000u
||vecteur

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Outline Grow|Croissance des Contours}}
||0.000000
||vecteur

|-
|}

=== Transformation Parameter ===
'Le paramètre "Transformation" est un paramètre composite. Il contient un décalage, un angle de rotation, un angle d'inclinaison et une valeur d'échelle pour le groupe. Le paramètre "Transformation" est déjà converti en composite lors de la création de Calque Groupe et expose ainsi directement les sous-paramètres Offset, Rotation, Skew et Scale.

Voir aussi Widget de transformation de groupe

=== Paramètre Canevas ===
{{l|Image:Type canvas icon 0.63.06.png|64px}}

Ce paramètre est {{Literal|<Groupe>}} par défaut si le Calque Groupe a été créé en regroupant les autres calques, ou {{Literal|Sans image sélectionnée}} s'il a été créé du {{l|New Layer Menu}}. Ce paramètre vous permet de sélectionner un autre canevas.

Le paramètre de Canevas présente un menu déroulant des canevas exportés, ainsi qu'une entrée supplémentaire {{Literal|Autre...}}. En sélectionnant {{Literal|Autre...}}, un champ de saisie de texte s'affiche afin de saisir le nom du canevas à utiliser. Le nom tapé doit avoir le format suivant (où <nowiki>[ ]</nowiki> indique une partie optionnelle, ( ) est pour le regroupement, et * signifie «0 ou plusieurs fois»)

<nowiki> [[nom_de_fichier]#][:]</nowiki>''id''(:''id'')*

Dans sa forme la plus simple, c'est juste un «Identifiant», c'est à dire, le nom exporté de l'un des canevas enfant du canevas actuel.

Les autres possibilités sont:
* Si un «#» est présent, la partie devant le «#» est interprétée comme le nom d'un fichier .sif externe à utiliser.
* Si «#» est le premier caractère de la chaîne (c'est à dire, le nom du fichier est vide) alors le «#» est ignoré, et le canevas actuel est utilisée à la place
* Si un «:» apparaît devant le premier «identifiant», cela indique de commencer à la racine du canevas actuel
* chaque :identifiant suivant descend dans l'enfant spécifié

Exemples:
* '''/usr/share/doc/synfig/examples/business_card.sifz#:IndividualCard''' -- donne le chemin d'accès absolu vers un fichier .sifz, et indique d'utiliser le canevas exporté du canevas racine ayant pour nom «IndividualCard»
* '''../../examples/business_card.sifz#:IndividualCard''' --le même, mais avec un chemin relatif vers le fichier .sifz
* '''#:sy:head:eyes:left''' -- regarder dans la composition actuelle et à partir de la racine, naviguer dans l'arbre du canevas. Trouver un canevas enfant du canevas racine appelé «sy», regarder dans «sy» pour un canevas enfant appelé «head» et ainsi de suite.
* ''':sy:head:eyes:left''' -- exactement comme ci-dessus. Un nom de fichier vide est identique à ne pas utiliser le «#» du tous.
* ''' eyes:left''' -- sans un «:» devant le premier «identifiant», cela commence au canevas actuel (probablement le groupe en question est dans le sous-canevas «head», qui est dans le canevas de la racine «sy»)

=== Paramètre Croissance des Contours ===
Ce paramètre permet de contrôler l'épaisseur de toutes les calques de contour à l'intérieur. Assignation de valeur positive à ce paramètre rend tous les contours enfant rendus plus épais, alors qu'un valeur négative, les fait paraître plus mince. Cette fonctionnalité est très utile pour le réglage des contours en oeuvre complexe, et il permet également de réaliser des effets sympas comme largeur de contour réguliers à n'importe quel niveau de zoom.
Remarque : Le paramètre Croissance des Contours ne peut pas être appliqué pour les calques de groupes exportés et importés (externes).
{{l|Image:Paste-canvas-outline-grow-param.png}}

===Z Range parameters===

====Z Depth Range Enabled====
Lorsque cette case est cochée, seuls les calques de la plage numerique sont visibles et les calques visibles sont signalés en gras dans le {{l | Layers_Panel}}

====Z Depth Range Position====
Starting z_depth position where layers are visible
====Z Depth Range Depth====
Depth where layers are visibles in z_depth range
====Z Depth Range Transition====
Z_Depth area where layers inside are partially visible.

Example of Z Range use : voir lien page anglais

===Speed===
Alters the velocity group's child animated layers (not the {{literal|Group Layer}} itself)

Set it to zero, it would stop the animation. A value of one makes the animation run at normal speed and a value of two makes it run double speed. Minus one reverses the animation.

==See Also==
{{l|Switch_Group_Layer}}

Group Layer/fr

2018-11-04T19:58:14Z

Paulyvalent: /* Transformation Parameter */

{{Title|Calque Groupe}}
{{Category|Layers}}
{{Category|Other}}
{{NewTerminology}}

Cette page à besoin d'être traduite, soyez patient et/ou participez!

{{l|Image:Layer other group icon.png|64px}}
== A propos des Calques Groupes==
Le Calque Groupe est un calque particulier qui peut contenir d'autres calques. Il est créé par la commande {{l|Group}} contenu dans le menu contextuel du {{l|Layers Panel|Panneau Calques}} ou par {{l|Layer Menu|Menu de Calque}} dans le {{l|Canvas Menu Caret|Menu Chevron du Canevas}}. On peut l'utiliser pour grouper un ensemble de calques, mais également pour les décaler, les redimensionner ou les modifier en même temps que les calques qu'il contient.

Les "calques de groupe" peuvent également être créés par {{l|New Layer Menu|Menu de Nouveau Calque}}, en utilisant Nouveau Calque > Autre > Calque Groupe.

==Paramètres des Calques Groupes==
Les paramètres des Calques Groupes sont:

{|{{Parameters/fr}}

|-style="background:#"
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter}}
||0.000000
||nombre réel

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Quantité}}
||1.000000
||nombre réel

|-style="background:#"
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method Parameter|Mode de Fusion}}
||Composite
||nombre entier

|-style="background:#eeeeee"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Origin Parameter|Origine}}
||0.000000u,0.000000u
||vecteur

|-style="background:#"
||{{l|Image:Type canvas icon 0.63.06.png|16px}} {{l|Canvas|Canevas}}
||<Aucune Image Sélectionnée>
||canevas

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Zoom Parameter|Zoom}}
||0.000000
||nombre réel

|-style="background:#"
||{{l|Image:Type_time_icon.png|16px}} {{l|Time Offset Parameter|Décalage temporel}}
||Of
||temps

|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} {{l|Children Lock|Verrou Enfants}}
|| {{Bool|}}
||booléen (statique)

|-style="background:#"
||{{l|Image:Type_vector_icon.png|16px}} {{l|Focus Point|Point Focal}}
||0.000000u,0.000000u
||vecteur

|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Outline Grow|Croissance des Contours}}
||0.000000
||vecteur

|-
|}

=== Transformation Parameter ===
'Le paramètre "Transformation" est un paramètre composite. Il contient un décalage, un angle de rotation, un angle d'inclinaison et une valeur d'échelle pour le groupe. Le paramètre "Transformation" est déjà converti en composite lors de la création de Calque Groupe et expose ainsi directement les sous-paramètres Offset, Rotation, Skew et Scale.

Voir aussi Widget de transformation de groupe

=== Paramètre Canevas ===
{{l|Image:Type canvas icon 0.63.06.png|64px}}

Ce paramètre est {{Literal|<Groupe>}} par défaut si le Calque Groupe a été créé en regroupant les autres calques, ou {{Literal|Sans image sélectionnée}} s'il a été créé du {{l|New Layer Menu}}. Ce paramètre vous permet de sélectionner un autre canevas.

Le paramètre de Canevas présente un menu déroulant des canevas exportés, ainsi qu'une entrée supplémentaire {{Literal|Autre...}}. En sélectionnant {{Literal|Autre...}}, un champ de saisie de texte s'affiche afin de saisir le nom du canevas à utiliser. Le nom tapé doit avoir le format suivant (où <nowiki>[ ]</nowiki> indique une partie optionnelle, ( ) est pour le regroupement, et * signifie «0 ou plusieurs fois»)

<nowiki> [[nom_de_fichier]#][:]</nowiki>''id''(:''id'')*

Dans sa forme la plus simple, c'est juste un «Identifiant», c'est à dire, le nom exporté de l'un des canevas enfant du canevas actuel.

Les autres possibilités sont:
* Si un «#» est présent, la partie devant le «#» est interprétée comme le nom d'un fichier .sif externe à utiliser.
* Si «#» est le premier caractère de la chaîne (c'est à dire, le nom du fichier est vide) alors le «#» est ignoré, et le canevas actuel est utilisée à la place
* Si un «:» apparaît devant le premier «identifiant», cela indique de commencer à la racine du canevas actuel
* chaque :identifiant suivant descend dans l'enfant spécifié

Exemples:
* '''/usr/share/doc/synfig/examples/business_card.sifz#:IndividualCard''' -- donne le chemin d'accès absolu vers un fichier .sifz, et indique d'utiliser le canevas exporté du canevas racine ayant pour nom «IndividualCard»
* '''../../examples/business_card.sifz#:IndividualCard''' --le même, mais avec un chemin relatif vers le fichier .sifz
* '''#:sy:head:eyes:left''' -- regarder dans la composition actuelle et à partir de la racine, naviguer dans l'arbre du canevas. Trouver un canevas enfant du canevas racine appelé «sy», regarder dans «sy» pour un canevas enfant appelé «head» et ainsi de suite.
* ''':sy:head:eyes:left''' -- exactement comme ci-dessus. Un nom de fichier vide est identique à ne pas utiliser le «#» du tous.
* ''' eyes:left''' -- sans un «:» devant le premier «identifiant», cela commence au canevas actuel (probablement le groupe en question est dans le sous-canevas «head», qui est dans le canevas de la racine «sy»)

=== Paramètre Croissance des Contours ===
Ce paramètre permet de contrôler l'épaisseur de toutes les calques de contour à l'intérieur. Assignation de valeur positive à ce paramètre rend tous les contours enfant rendus plus épais, alors qu'un valeur négative, les fait paraître plus mince. Cette fonctionnalité est très utile pour le réglage des contours en oeuvre complexe, et il permet également de réaliser des effets sympas comme largeur de contour réguliers à n'importe quel niveau de zoom.
Remarque : Le paramètre Croissance des Contours ne peut pas être appliqué pour les calques de groupes exportés et importés (externes).
{{l|Image:Paste-canvas-outline-grow-param.png}}

===Z Range parameters===

====Z Depth Range Enabled====
When checked, only layers inside range are visible and the visible layers are signaled with bolded font in the {{l|Layers_Panel}}
====Z Depth Range Position====
Starting z_depth position where layers are visible
====Z Depth Range Depth====
Depth where layers are visibles in z_depth range
====Z Depth Range Transition====
Z_Depth area where layers inside are partially visible.

Example of Z Range use : voir lien page anglais

===Speed===
Alters the velocity group's child animated layers (not the {{literal|Group Layer}} itself)

Set it to zero, it would stop the animation. A value of one makes the animation run at normal speed and a value of two makes it run double speed. Minus one reverses the animation.

==See Also==
{{l|Switch_Group_Layer}}

Doc:Animation Basics/fr

2018-11-04T18:25:33Z

Paulyvalent:

{{Title|Bases de l'Animation}}
{{Navigation|Category:Manual|Doc:Adding Layers}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
[[Category:Updated]]

{{NewTerminology}}



Cette page à besoin d'être traduite, soyez patient et/ou participez!

== 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.
# Un cercle de retour à gauche.

== Préparation de l'ouvrage ==

Commençons. Ouvrez ''Synfig Studio''. Un nouveau 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 le canevas proprement dit) apparaît le {{l|Canvas Menu Caret|menu {{Literal|Chevron}} }}; sélectionnez {{c|Canevas|Propriétés}}. La {{l|Canvas_Properties_Dialog|boîte de dialogue propriétés du canevas}} apparait.
Donnez un nom et une description à votre canevas et ensuite cliquez sur {{Literal|Appliquer}} (dans l'immédiat, ne cliquez pas sur {{Literal|OK}} - nous n'en avons pas fini avec la fenêtre des propriétés). Allez dans l'onglet {{Literal|Temps}} et assurez-vous d'avoir édité {{Literal|Heure de Fin}}. Changez "5 s" par "2 s" - ce qui donnera à votre animation une durée de 2 secondes.

{{Note|'' 'Bon à savoir' '': Synfig et la représentation de l'heure | Synfig Studio peut afficher l'heure dans différents formats (horodatage). Vous pouvez configurer l'horodatage dans Préférences. Si l'heure de fin n'est pas affichée en secondes, accédez à {{c | Edition | Préférences | Divers}} et modifiez l'horodatage en: (HHh MMm SSs) FFf. Plus d'informations sur l'horodatage et ses paramètres peuvent être trouvés{{l|Preferences_Dialog#Time_Stamp|ici!}}.
}}

[[File:Properties Dialog - End Time 1.0.png|center|frame|Boîte de dialogue propriétés du canevas]]

Maintenant, cliquez sur {{Literal|OK}}, sélectionnez l'{{l|Rectangle Tool}} 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.



[[File:Animation Basics tutorial 2 0.63.06.png|450px|center|thumb]]

Nous avons besoin maintenant d'un cercle. Changez la couleur de remplissage pour rouge, sélectionnez l'{{l|Circle Tool}} et dessinez un cercle. Si il n'est pas parfait, cela n'a pas d'importance. Vous pouvez le modifier. Sélectionnez l'{{l|Transform Tool}} et cliquez sur le cercle. Apparaît un mode d'édition qu'il est facile de déceler par un petit point vert au milieu de l'image et au fin rectangle blanc qui l'entoure. Vous pouvez déplacer ce cercle en le prenant par ce point vert (l'''Origine'').

[[File:Animation Basics tutorial 3 0.63.06.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. Comme la durée de votre animation n'est pas nulle, la fenêtre canevas sur laquelle vous travaillez, présente en bas un curseur de défilement de couleur grise, l' {{l|Timebar}}. 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". Vous pouvez également saisir directement une valeur dans ce champs. Par exemple saisissez "1s" puis validez avec {{Shortcut|enter}}, l'indicateur orange se déplacera au milieu de la ligne-temps. 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. Revenez à "0s" et activez {{l|Animate Editing Mode}} en cliquant le bouton vert situé à droite de la ligne-temps grise. Le canevas montrera alors un contour rouge : il indique que les changements que vous allez opérer modifient dorénavant votre animation.

En mode édition d'animation, chacun des changements de vos objets produira un {{l|Waypoint|Point de Passage}} qui associe le changement au temps actuel. Comme vous allez le voir, Synfig est capable de créer des transitions lissées entre les points de passage et vous pouvez même choisir la manière dont les changements intermédiaires vont ce produire. Vous trouverez probablement cela utile d'associer certains ou tous vos points de passage à des {{l|Keyframe}}.

[[File:Animation Basics tutorial 4 1.0.png|450px|center|thumb]]

Précédemment nous avons introduit trois "étapes" ou "stades" à l'animation. C'est ce qui sera 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é" est une image située à un moment donné du déroulement de l'animation où un événement particulier se passe pour vos objets.

{{note|Image clé par défaut à 0f|Lors de la création d'un nouveau projet, une {{literal|image clé}} est déjà positionné à 0f. Si pour une raison quelconque vous n'avez pas cette image clé par défaut, allez sur le {{l|Keyframes_Panel}} — cliquez sur l'onglet dotée d'une petite icône clé au bas de la fenêtre — 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, (Saut)}}.
}}

[[File:Keyframes Panel 1.0.png|center|frame|Panneau Images-clé et Panneau Axe de Temps]]

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.

[[File:Keyframes Panel 2 1.0.png|center|frame]]

== 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 l'Axe de Temps reportera "5s 3f".

== Le panneau images-clé ==

Le {{l|Keyframes Panel|panneau des images-clé}} est moins facile d'approche. Il énumère le {{Literal|Temps}} qui, de fait, est le moment de départ ; la {{Literal|Longueur}} qui semble aller de soi ; le {{Literal|Saut}} dont nous allons parler tout de suite ; et la {{Literal|Description}} qui parle aussi d'elle-même.

Maintenant portons notre attention sur les entrées nommées {{Literal|(Saut)}}. En fait, ce 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 "1s" et bouger le cercle rouge à droite. Et voilà ! Vous avez effectué votre premier mouvement, vous avez créé votre première animation avec Synfig !

[[File:Animation Basics tutorial 5 1.0.png|thumb|center|frame|Fenêtre Canevas, Panneau Image Clé et Axe de Temps|450px]]

Vous vous demandez ou est votre animation ? Cliquez à loisir sur un point de l'Axe 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 clé "2s" et de faire se mouvoir en retour votre cercle vers la gauche. Les images clés permettent à ''Synfig'' de se souvenir 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 au {{l|Parameters Panel}} et en observant le {{l|Timetrack Panel}}, vous noterez que trois diamants oranges (ou points verts suivant l'interpolation par défaut) apparaissent sur la droite du paramètre {{Literal|Origine}}. Ces derniers sont nommés {{L|Waypoints}} et sont utilisés pour indiquer les changements de valeur dans le temps des paramètres, comme la position ou la couleur, de l'objet.

[[File:TimetrackOriginWaypoints 1.0.png|center|frame|Panneau Paramètres et Axe de Temps avec des Points de Passages verts]]

== 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".

Faisons cela de la première manière. Quittez le {{l|Animate Editing Mode}} 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 "canevas" (le bouton {{l|Canvas Menu Caret}} au coin supérieur gauche) et sélectionnez {{c|Fichier|Rendu}}. Au même endroit où vous avez sauvegardé "BasicKnightRider.sifz", modifiez le nom du fichier par "BasicKnightRider.gif" en choisissant l'option de format {{Literal|gif}} au lieu de {{Literal|Auto}} et cliquez ensuite sur {{Literal|Rendu}}. 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 "Fichier rendu avec succès" : votre fichier a été correctement rendu.

[[File:Animation Basics tutorial 6 1.0.png|center|frame|L'Icône du Rendu]]

[[File:Animation Basics tutorial 7 1.0.png|center|frame|Paramètres de Rendu]]

{{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.}}
Ouvrez BasicKnightRider.gif dans Firefox ou une autre application pouvant lire les gifs animés. Remarquez que Firefox vas la rejouer indéfiniment ce qui rendra votre courte animation relativement longue. Si donc vous voyez un cercle rouge ce déplaçant de gauche à droite et revenir, félicitations ! Vous avez créer votre première animation !

{{Note|Note|Vous avez aussi la possibilité de pré-visualiser votre animation. Pressez le bouton de {{l|Canvas Menu Caret|menu {{Literal|Chevron}} }} situé au coin supérieur gauche de la fenêtre du canevas et choisissez {{c|Fichier|Aperçu}}.}}

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, (dans windows faites {{c|Démarrer|Exécuter}}, tapez {{Literal|cmd}} et pressez {{Shortcut|Entrer}}), et déplacer vous dans le répertoire où se trouve 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 autre programme comme expliqué précédemment.
[[File:rider.gif|center|frame|L'Animation !]]

== Conclusion ==

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

Maintenant, continuons avec le chapitre suivant : {{l|Doc:Adding Layers/fr|Ajouter des Calques}}

Vous pouvez télécharger le projet utilisé : [[File:BasicKnightRider.sifz]]

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