https://www.wiki.synfig.org/api.php?action=feedcontributions&user=Jcnouveau&feedformat=atomSynfig Studio :: Documentation - User contributions [en]2024-03-29T11:15:15ZUser contributionsMediaWiki 1.26.3https://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14291Doc:Adding Layers/fr2011-07-26T13:21:00Z<p>Jcnouveau: /* Using layers to modify other layers */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Application locale ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
<br />
== Using layers to modify other layers==<br />
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. <br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les deux cercles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
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}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14290Doc:Adding Layers/fr2011-07-25T20:45:48Z<p>Jcnouveau: /* Using layers to modify other layers */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Application locale ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
<br />
== Using layers to modify other layers==<br />
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. <br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les deux cercles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14289Doc:Adding Layers/fr2011-07-25T20:45:24Z<p>Jcnouveau: /* Using layers to modify other layers */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Application locale ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
<br />
== Using layers to modify other layers==<br />
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. <br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les desux cercles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14288Doc:Adding Layers/fr2011-07-25T20:43:59Z<p>Jcnouveau: /* Using layers to modify other layers */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Application locale ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
<br />
== Using layers to modify other layers==<br />
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. <br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14287Doc:Adding Layers/fr2011-07-25T20:35:36Z<p>Jcnouveau: /* Using layers to modify other layers */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Application locale ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
<br />
== Using layers to modify other layers==<br />
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. <br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14286Doc:Adding Layers/fr2011-07-25T20:27:13Z<p>Jcnouveau: /* Using locality */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Application locale ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14285Doc:Adding Layers/fr2011-07-25T13:17:51Z<p>Jcnouveau: /* Using locality */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Using locality ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14284Doc:Adding Layers/fr2011-07-25T13:15:42Z<p>Jcnouveau: /* Using locality */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Using locality ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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 &mdash; tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.<br />
In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14283Doc:Adding Layers/fr2011-07-25T13:09:08Z<p>Jcnouveau: /* Using locality */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Using locality ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
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. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14282Doc:Adding Layers/fr2011-07-25T12:47:35Z<p>Jcnouveau: /* Using locality */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Using locality ==<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14281Doc:Adding Layers/fr2011-07-25T12:40:28Z<p>Jcnouveau: /* Using locality */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Using locality ==<br />
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|Par dessus}} dans le menus déroulant.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14280Doc:Adding Layers/fr2011-07-25T12:33:31Z<p>Jcnouveau: /* Using locality */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Using locality ==<br />
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. . To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Main_Page/fr&diff=14279Main Page/fr2011-07-25T06:50:49Z<p>Jcnouveau: </p>
<hr />
<div>{{Title|Synfig Studio : Page Principale}}<br />
<br />
Cette page est en cours de traduction, soyez patient.<br />
<br />
Bienvenue sur le wiki de Synfig. Ce wiki est la documentation de base pour le Synfig Animation Studio, une programme d'animation et conception 2D. La documentation de ce wiki est divisée en trois sections principales: {{l|User Documentation}} (pour les utilisateurs du programme d'animation), {{l|Developer Documentation}} (pour les développeurs du code du programme) et {{l|Writer Documentation}} (pour ceux qui veulent garder le wiki mis à jour).<br />
<br />
Voici une liste de tous les éléments pour chaque catégorie de documents.<br />
<br />
* '''{{l|User Documentation}}'''<br />
** {{l|Category:Manual|Manuel}}. Le manuel est un parcous pas à pas à travers les principaux aspects de Synfig Studio et le cheminement pour faire des animations avec.<br />
** {{l|Category:Tutorials|Tutoriels}}. Chaque tutoriel est un guide indépendant qui illustre comment procéder pour accomplir une tâche particulière.<br />
** {{l|Category:Reference|Référence}}. C'est une liste exhaustive de tous leseaspects individuels de l'application Synfig (GUI et ligne de commande). Utilisez-le si vous voulez des détails sur un aspect particulier du programme.<br />
** {{l|Category:Glossary|Glossaire}}. Quelques parties de la documentation ont des concepts et des nommages spécifiques. Cherchez-les ici.<br />
* '''{{l|Developer Documentation}}'''<br />
* '''{{l|Writer Documentation}}'''<br />
<br />
== Projet: restructurer et mettre à jour les documentations ==<br />
'''à tous les lecteurs'''<br />
<br />
Un projet a été lancé pour restructurer et mettre à jour la documentation.<br />
Nous désirons garder tout fonctionnel pendant que nous travaillons dessus, mais parfois des morceaux peuvent manquer, les<br />
liens peuvent ne pas fonctionner etc. <br />
Aujourd'hui (mi Avril 2010) le plan indique 3 mois pour avoir tout terminé. <br />
<br />
S'il vous plait utilisez la page "Discussion" (selectionnez l'onglet en haut de chaque page wiki) et "edit" pour atirer notre attention sur les<br />
problème dans la page.<br />
Merci, Vous devez être un utilisateur engergistré sur le Wiki pour pouvoir le faire.<br />
<br />
If it is urgent or very disturbing also go to the Forum and add a hint by "post-reply" to this Topic [http://synfig.org/forums/viewtopic.php?f=25&t=1122&start=0&st=0&sk=t&sd=a]. We will work on those problems with priority. You need to be a registered user at the Forum to be able to do that.<br />
e.<br />
Merci pour votre support et votre patience.<br />
<br />
'''à tous les éditeurs et traducteurs'''<br />
<br />
S'il vous plait lisez les trucs à {{l|Writer Documentation}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14278Doc:Adding Layers/fr2011-07-24T21:17:04Z<p>Jcnouveau: /* Combiner les calques */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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.<br />
<br />
== Using locality ==<br />
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14277Doc:Adding Layers/fr2011-07-24T21:16:17Z<p>Jcnouveau: /* Combiner les calques */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
Vous pouvez utilisé ce calque comme les autres &mdash; 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 claques et vous êtes fortement encouragé à le faire.<br />
<br />
== Using locality ==<br />
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14276Doc:Adding Layers/fr2011-07-24T21:09:11Z<p>Jcnouveau: /* Combiner les calques */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
You can treat this layer like any other layer &mdash; move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.<br />
<br />
== Using locality ==<br />
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14275Doc:Adding Layers/fr2011-07-24T20:46:05Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{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}}<br />
<br />
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.<br />
<br />
In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Encapsulate}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Paste Canvas|Inline Canvas}} with an arrow in front. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers: the gradient and the rectangle.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
You can treat this layer like any other layer &mdash; move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.<br />
<br />
== Using locality ==<br />
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14274Doc:Adding Layers/fr2011-07-24T17:52:21Z<p>Jcnouveau: /* Combining layers */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combiner les calques ==<br />
<br />
Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.<br />
<br />
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.<br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
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.<br />
<br />
Pick the {{l|Gradient Tool|Gradient Tool}} from the {{l|Category:Toolbox|Toolbox}}, press the left mouse button on the canvas, drag to change the gradient direction and release the button when you are done. You should note that another layer was added in the {{l|Layers Panel}} called '''Gradient'''. This is nothing special. <br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{Note|Note|If you see no gradient but just a plain color, that means that you probably just clicked on the canvas without dragging your mouse. To fix that pick the {{l|Transform Tool|Transform Tool}}, click into the canvas to activate the gradient's ducks. You need to grab the one you see and move it a bit until a gradient appears.}}<br />
You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.<br />
<br />
In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Encapsulate}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Paste Canvas|Inline Canvas}} with an arrow in front. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers: the gradient and the rectangle.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
You can treat this layer like any other layer &mdash; move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.<br />
<br />
== Using locality ==<br />
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14273Doc:Adding Layers/fr2011-07-24T16:56:53Z<p>Jcnouveau: /* Introduction */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:<br />
<br />
# Chaque objets, éléments et effets ont leurs propres calques.<br />
# Vous pouvez organiser les calques par groupe hiérarchiques.<br />
# Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.<br />
<br />
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.<br />
<br />
== Combining layers ==<br />
<br />
So let's look at a simple example of how we can combine two layers to create a gradient effect on a rectangle.<br />
<br />
Create a new file with 0 duration. There's no need to bother with a timeline at this point. Next, create a simple rectangle with the Rectangle Tool. <br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
Pick the {{l|Gradient Tool|Gradient Tool}} from the {{l|Category:Toolbox|Toolbox}}, press the left mouse button on the canvas, drag to change the gradient direction and release the button when you are done. You should note that another layer was added in the {{l|Layers Panel}} called '''Gradient'''. This is nothing special. <br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{Note|Note|If you see no gradient but just a plain color, that means that you probably just clicked on the canvas without dragging your mouse. To fix that pick the {{l|Transform Tool|Transform Tool}}, click into the canvas to activate the gradient's ducks. You need to grab the one you see and move it a bit until a gradient appears.}}<br />
You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.<br />
<br />
In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Encapsulate}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Paste Canvas|Inline Canvas}} with an arrow in front. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers: the gradient and the rectangle.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
You can treat this layer like any other layer &mdash; move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.<br />
<br />
== Using locality ==<br />
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Adding_Layers/fr&diff=14272Doc:Adding Layers/fr2011-07-24T16:43:01Z<p>Jcnouveau: Created page with "<!-- Page info --> {{Title|Adding Layers}} {{Navigation|Category:Manual|Doc:Creating_Shapes}} Category:Manual Category:Tutorials Category:Tutorials Basic [[Category:U..."</p>
<hr />
<div><!-- Page info --><br />
{{Title|Adding Layers}}<br />
{{Navigation|Category:Manual|Doc:Creating_Shapes}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
== Introduction ==<br />
<br />
<!--In the {{l|Doc:Animation_Basics|previous tutorial}}, you made your first simple animation by changing the attributes of primitive objects, such as: position, color, and size. These simple types, however, are seldom sufficient to create advanced characters and objects. To do so, Synfig uses {{l|Layer|layers}}. They are similar to layers used in other drawing applications in that they are used to separate different elements of an image.--><br />
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.<br />
<br />
Cependant, les calques de Synfig sont différents les calques des autres logiciels sur, au mois, trois points:<br />
<br />
<br />
# Every object, element, and effect gets its own layer.<br />
# You can organize layers into hierarchical groups.<br />
# You can use upper layers to change the behavior (or look) of underlying layers.<br />
<br />
As you will see, layers are an extremely important aspect of Synfig, much more so than most graphics programs. Understanding the concept of layers is an important part in understanding how Synfig works.<br />
<br />
== Combining layers ==<br />
<br />
So let's look at a simple example of how we can combine two layers to create a gradient effect on a rectangle.<br />
<br />
Create a new file with 0 duration. There's no need to bother with a timeline at this point. Next, create a simple rectangle with the Rectangle Tool. <br />
<br />
[[Image:Adding-layers-tutorial-1.png|frame|center]]<br />
<br />
Pick the {{l|Gradient Tool|Gradient Tool}} from the {{l|Category:Toolbox|Toolbox}}, press the left mouse button on the canvas, drag to change the gradient direction and release the button when you are done. You should note that another layer was added in the {{l|Layers Panel}} called '''Gradient'''. This is nothing special. <br />
<br />
[[Image:Adding-layers-tutorial-2.png|frame|center]]<br />
<br />
{{Note|Note|If you see no gradient but just a plain color, that means that you probably just clicked on the canvas without dragging your mouse. To fix that pick the {{l|Transform Tool|Transform Tool}}, click into the canvas to activate the gradient's ducks. You need to grab the one you see and move it a bit until a gradient appears.}}<br />
You now have a gradient, but it is not what you wanted: it spreads across the whole canvas. The goal was to have a gradient in the rectangle. So, let's fix this now.<br />
<br />
In the {{l|Layers Panel}}, select both the gradient and the rectangle layer. Then, right-click and select {{Literal|Encapsulate}} from the menu. The view of your Layers Panel should change now, showing a small box called {{l|Paste Canvas|Inline Canvas}} with an arrow in front. By clicking on the arrow you can expand the inline canvas to see its contents, your previous two layers: the gradient and the rectangle.<br />
<br />
[[Image:Adding-layers-tutorial-3.png|frame|center]]<br />
<br />
You can treat this layer like any other layer &mdash; move it around, duplicate it, copy and paste it. If you want to change the name of it to something more descriptive, just select the layer in the layer tab and click on its label. Then you just edit it in place. You can do this for ANY layer, and are strongly encouraged to do so.<br />
<br />
== Using locality ==<br />
However, there is still a problem: the gradient still covers the whole canvas although we wanted it to be restricted on the rectangle. To do so, activate the gradient layer in the Layers Panel. Now go to the {{l|Params Panel}} (by default it resides in the bottom window), and search for the attribute called {{Literal|Blend Method}}. Double-click the entry and select {{Literal|Onto}} from the drop-down menu.<br />
<br />
[[Image:Adding-layers-tutorial-4.png|frame|center]]<br />
<br />
The gradient should now be restricted to the rectangle. Congratulations! You just made your first effect by interacting layers with Synfig.<br />
<br />
[[Image:Adding-layers-tutorial-5.png|frame|center]]<br />
<br />
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of ''scope'' as just demonstrated sets Synfig apart from other programs with layer hierarchies. The key point is that a layer can '''only''' modify the data that it gets from '''directly below''' it. In other words, if you were to throw a {{l|Blur Layer}} on top of the layers inside the {{l|Paste Canvas|inline canvas}} we created, it would just blur them &mdash; anything under the inline canvas would not be blurred! Let's try it.<br />
<br />
== Using layers to modify other layers==<br />
Make sure you have the Inline Canvas layer selected and create two red {{l|Circle Tool|circles}}. They will appear on top of the Inline Canvas. Select the Inline Canvas layer and use the {{Literal|Raise Layer}} button in the Layers Panel to place it on top of the circles.<br />
<br />
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]<br />
<br />
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.<br />
<br />
[[Image:Adding-layers-tutorial-7.png|center|frame]]<br />
<br />
Expand the inline canvas to show its contents, and select the top layer inside of it (should be the gradient layer). This is where we want to insert the new layer. Create another circle filled with a black color. The black circle layer will be created over the gradient layer inside the inline canvas.<br />
<br />
[[Image:Adding-layers-tutorial-8.png|center|frame]]<br />
<br />
Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is {{Literal|New Layer}}. Inside of the {{Literal|New Layer}} menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the {{Literal|Blur}} layer (so that would be {{c|New Layer|Blurs|Blur}}).<br />
<br />
[[Image:Adding-layers-tutorial-10-composite-blur.png|center|frame]]<br />
<br />
Well, it blurred... but something is not quite right &mdash; 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.<br />
<br />
{{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}}.}}<br />
[[Image:Adding-layers-tutorial-11.png|frame|center]]<br />
<br />
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!<br />
<br />
== Digging further... ==<br />
<br />
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.<br />
<br />
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}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fr&diff=14271Doc:Animation Basics/fr2011-07-24T15:46:08Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Animation Basics}}<br />
{{Navigation|Category:Manual|Doc:Adding Layers}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
=== Introduction ===<br />
<br />
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.<br />
<br />
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"<br />
<br />
# Un cercle à gauche.<br />
# Un cercle à droite.<br />
# Une cercle de retour à gauche.<br />
<br />
=== Préparation de l'ouvrage ===<br />
<br />
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.<br />
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.<br />
<br />
[[Image:File Properties Dialog - End Time.png|center|frame|Canvas Properties Dialog]]<br />
<br />
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, d'activer cette option augmente la vitesse de calcul, mais ce n'est pas ce dont nous avons besoin à présent.<br />
<br />
[[Image:synfig_tut_2.png|450px|center|thumb]]<br />
<br />
Nous avons besoin maintenant d'un cercle. Changez la couleur de remplissage pour du rouge et dessinez un cercle. S'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 prenant ce point vert pour lui faire bouger de place.<br />
<br />
[[Image:synfig_tut_3.png|450px|center|thumb]]<br />
<br />
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 parlé d'animation. Poursuivons pour voir ce qu'il en est.<br />
<br />
=== Ajouter un mouvement ===<br />
<br />
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 n'est 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érent endroit 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 se déplacera le curseur à la fin de la ligne-temps.<br />
<br />
<br />
{{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.}}<br />
A 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.<br />
<br />
[[Image:synfig_tut_4.png|450px|center|thumb]]<br />
<br />
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 familliés 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.<br />
<br />
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)}}.<br />
<br />
[[Image:Keyframes Panel.png|center|frame]]<br />
<br />
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.<br />
<br />
=== Comprendre la ligne-temps : les "f" (frame = image) et les "s" (seconde) ===<br />
<br />
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).<br />
<br />
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.<br />
<br />
Pour 5 secondes pleines et trois images, par exemple, la notation de la ligne-temps reportera "5s 3f".<br />
<br />
=== La liste des "images-clé" ===<br />
<br />
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.<br />
<br />
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.<br />
<br />
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'' !<br />
<br />
{{l|Image:synfig_tut_5.png|center|frame}}<br />
<br />
Merveilleux, n'est-ce pas, quand votre animation marche ! Cliquer à 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.<br />
<br />
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.<br />
<br />
[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]<br />
<br />
=== Rendu de votre animation ===<br />
<br />
Avant que vous puissiez visionner votre animation, vous devez "rendre" (faire calculer à la machine sa transformation en vidéo, image par image) votre ouvrage. Il y a deux manières pour ce faire : utiliser ce que vous venez d'utiliser : ''Synfif Studio'' ; ou bien passer par la ligne de commande nommé "synfig".<br />
<br />
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.<br />
<br />
[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]<br />
<br />
{{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.}}<br />
<br />
{{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}}.}}<br />
<br />
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 :<br />
<br />
synfig -t gif BasicKnightRider.sif<br />
<br />
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 apparaitre :<br />
<br />
BasicKnightRider.sif ==> BasicKnightRider.gif: DONE<br />
<br />
Voilà, c'est fait : vous pouvez visionner l'animation .gif en utilisant Firefox ou un des autres programmes énumérés plus avant.<br />
<br />
=== Conclusion ===<br />
<br />
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.<br />
<br />
{{Navigation|Category:Manual|Doc:Adding Layers}}</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Animation_Basics/fr&diff=14270Doc:Animation Basics/fr2011-07-24T15:29:56Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Animation Basics}}<br />
{{Navigation|Category:Manual|Doc:Adding Layers}}<br />
[[Category:Manual]]<br />
[[Category:Tutorials]]<br />
[[Category:Tutorials Basic]]<br />
[[Category:Updated]]<br />
<!-- Page info end --><br />
<br />
=== Introduction ===<br />
<br />
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.<br />
<br />
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"<br />
<br />
# Un cercle à gauche.<br />
# Un cercle à droite.<br />
# Une cercle de retour à gauche.<br />
<br />
=== Préparation de l'ouvrage ===<br />
<br />
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.<br />
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.<br />
<br />
[[Image:File Properties Dialog - End Time.png|center|frame|Canvas Properties Dialog]]<br />
<br />
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, d'activer cette option augmente la vitesse de calcul, mais ce n'est pas ce dont nous avons besoin à présent.<br />
<br />
[[Image:synfig_tut_2.png|450px|center|thumb]]<br />
<br />
Nous avons besoin maintenant d'un cercle. Changez la couleur de remplissage pour du rouge et dessinez un cercle. S'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 prenant ce point vert pour lui faire bouger de place.<br />
<br />
[[Image:synfig_tut_3.png|450px|center|thumb]]<br />
<br />
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 parlé d'animation. Poursuivons pour voir ce qu'il en est.<br />
<br />
=== Ajouter un mouvement ===<br />
<br />
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 n'est 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érent endroit 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 se déplacera le curseur à la fin de la ligne-temps.<br />
<br />
<br />
{{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.}}<br />
A 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.<br />
<br />
[[Image:synfig_tut_4.png|450px|center|thumb]]<br />
<br />
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 familliés 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.<br />
<br />
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)}}.<br />
<br />
[[Image:Keyframes Panel.png|center|frame]]<br />
<br />
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.<br />
<br />
=== Comprendre la ligne-temps : les "f" (frame = image) et les "s" (seconde) ===<br />
<br />
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).<br />
<br />
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.<br />
<br />
Pour 5 secondes pleines et trois images, par exemple, la notation de la ligne-temps reportera "5s 3f".<br />
<br />
=== La liste des "images-clé" ===<br />
<br />
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.<br />
<br />
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.<br />
<br />
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'' !<br />
<br />
{{l|Image:synfig_tut_5.png|center|frame}}<br />
<br />
Merveilleux, n'est-ce pas, quand votre animation marche ! Cliquer à 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.<br />
<br />
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.<br />
<br />
[[Image:TimetrackOriginWaypoints.png|thumb|center|450px]]<br />
<br />
=== Rendu de votre animation ===<br />
<br />
Avant que vous puissiez visionner votre animation, vous devez "rendre" (faire calculer à la machine sa transformation en vidéo, image par image) votre ouvrage. Il y a deux manières pour ce faire : utiliser ce que vous venez d'utiliser : ''Synfif Studio'' ; ou bien passer par la ligne de commande nommé "synfig".<br />
<br />
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.<br />
<br />
[[Image:synfig_tut_6.png|618px|thumb|center|Calling "Render" from menu in Synfig Studio]]<br />
<br />
{{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.}}<br />
<br />
{{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}}.}}<br />
<br />
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 :<br />
<br />
synfig -t gif BasicKnightRider.sif<br />
<br />
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 apparaitre :<br />
<br />
BasicKnightRider.sif ==> BasicKnightRider.gif: DONE<br />
<br />
Voilà, c'est fait : vous pouvez visionner l'animation .gif en utilisant Firefox ou un des autres programmes énumérés plus avant.<br />
<br />
=== Conclusion ===<br />
<br />
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.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Getting_Started/fr&diff=14269Doc:Getting Started/fr2011-07-24T15:18:40Z<p>Jcnouveau: /* Premiers Pas */</p>
<hr />
<div><!-- Page info --><br />
{{Title|Getting Started}}<br />
{{Navigation|Category:Manual|Doc:Animation_Basics}}<br />
{{Category|Manual}}<br />
{{Category|Tutorials}}<br />
{{Category|Tutorials Basic}}<br />
<!-- Page info end --><br />
<br />
<tt><br />
TRADUCTION EN COURS...... PATIENCE ! <br />
Vous pouvez aider à la finaliser ou à sa correction<br />
</tt><br />
<br />
<br />
== Introduction ==<br />
Lorsque vous démarrez Synfig Studio, les fenêtres suivantes apparaissent:<br />
<br />
[[Image:Interface.png|600px|thumb|center|border|La disposition par défaut de l'interface de Synfig Studio]]<br />
<br />
Les composants principaux sont:<br />
<br />
* {{l|toolbox|Toolbox}} &mdash; La '''boîte à outils''' est la fenêtre principale de Synfig Studio. Fermer cette fenêtre signifie quitter l'application. Elle présente le menu système, boutons, outils et autres trucs nécessaires à la création et à l'édition de votre travail graphique.<br />
<br />
* {{l|Canvas}} &mdash; Le '''canevas''' (ou toile) où vos illustrations et animations vont apparaître.<br />
<br />
* {{l|Category:Panels}} &mdash; Les '''panneaux''' contiennent des outils et des informations sur certains éléments de votre projet. Quelques panneaux vous permettront même de modifier ces éléments.<br />
<br />
{{Note|Note|Si votre interface de Synfig Studio se présentée différemment, l'arrangement montré dans la copie d'écran est heureusement assez facile à retrouver. Dans le menu {{Literal|Fichier}} de la boîte à outils, sélectionnez {{c|Panneaux|Rétablir la disposition d'origine des fenêtres}}.}}<br />
<br />
La fenêtre au centre est appelée {{L|Canvas Window|Fenêtre de Canevas}}. Chaque fois que vous démarrez Synfig Studio, une nouvelle fenêtre de canevas est ouverte. Cette fenêtre représente le {{l|Root Canvas|Canevas principal}}, ça ne vous en dit pas plus pour l'instant mais c'est normal &mdash; J'essaye juste de vous présenter les choses. Dans le coin en haut à gauche de la Fenêtre de Canevas, vous devriez voir un bouton and un {{l|Canvas Menu Caret|chevron (>)}}. Si vous cliquez sur ce bouton, le {{l|Canvas Menu Caret|menu de la fenêtre de canevas}} va apparaître. (De la même façon, ce menu apparaîtra également par un clic droit sur la zone de canevas là où il n'y a pas de {{l|layer|calque}} sous la position de la souris.) A présent, vous savez où se trouve le menu dans la Fenêtre de Canevas. Parfait.<br />
<br />
Les deux autres fenêtres (une en bas et une à droite) sont personnalisables {{l|dock dialogs|''dock dialogs''}}.<br />
Chaque ''dock dialog'' contient un jeu de {{L|panel|panneaux}}, disposés horizontalement or verticalement. Quelques panneaux partagent le même espace dans le ''dock dialog'' et vous pouvez passer de l'un à l'autre en cliquant sur leurs {{l|panel tab|onglets}}. Vous pouvez modifier le contenus des ''dock dialogs'' comme vous le voulez simplement en glissant l'onglet du panneau là où vous le voulez. Vous pouvez même créer un nouveau ''dock dialog'' en glissant un onglet en dehors de son ''dock dialog'' d'origine.<br />
<br />
Si jamais vous fermiez accidentellement un {{l|panel|panneau}} (en le glissant en dehors de sa dock ''dialog'' et en fermant la nouvelle qui vient d'être créée), pas de panique. Simplement allez dans la boite à outils, choisissez dans le menu {{c|Fichier|Panneaux}} et cliquez simplement sur le nom du panneau dont vous avez besoin.<br />
<br />
Il y a plein de {{l|panel|panneaux}} dans Synfig Studio. Si vous n'avez pas d'idée de ce qu'un panneau fait, placer simplement votre pointeur de souris pardessus l'icône de son onglet et une bulle d'information (tooltip) apparaîtra pour préciser le nom du panneau.<br />
<br />
Voici quelques uns des plus importants:<br />
<br />
* {{l|Layers Panel|Panneau de Calques}} &mdash; ce panneau vous montre la hiérarchie des calques pour le canevas actuellement sélectionné. Il vous permet également de manipuler ces calques.<br />
* {{l|Params Panel|Panneau de Paramètres}} &mdash; ce panneau vous montre les paramètres du calque actuellement sélectionné, (OU, si plusieurs calques sont sélectionnés, uniquement les paramètres qu'ils ont en commun).<br />
* {{l|Categorical Help#Synfig Dialogs|Panneau d'Options des Outils}} &mdash; ce panneau vous présente les options spécifiques à l'outil sélectionné.<br />
* {{l|Navigator|Navigateur}} &mdash; il vous présente une miniature du canevas actuellement sélectionné. Vous pouvez également y zoomer et déplacer la zone de focus avec ce panneau.<br />
* {{l|History Panel|Panneau d'Historique}} &mdash; il vous présente la pile d'historique de la composition courante. Vous pouvez également éditer les actions de cet historique.<br />
<br />
== Premiers Pas ==<br />
<br />
Créons quelque chose que nous pourrons travailler et peaufiner.<br />
<br />
<br />
Synfig Studio, comme la plupart de tous les autres programmes graphiques reconnus, dispose chaque élément individuel du {{l|canvas|canevas}} dans un {{l|layer|calques}}. Toutefois, il est différent des autres programmes par plusieurs aspects:<br />
<br />
[[Image:LayersPanel.png|right|frame|Panneau de Calques]]<br />
<br />
# Un calque individuel dans Synfig représente une seule "Primitive". I.e. une sélection seule, un contour d'une sélection, une image importée, etc... Cela vous permettra d'obtenir une grande flexibilité et un grand contrôle. Il n'est pas rare pour une composition d'avoir des centaines de calques (organisés de façon hiérarchisée pour la santé de l'artiste bien sûr).<br />
# Un calque peu non seulement rassembler les informations sur l'image concernée, mais aussi la déformer et/ou la modifier. Dans un sens, les calques de Synfig agissent comme les filtres dans Adobe Photoshop ou The Gimp. Par exemple, nous avons un {{l|Blur Layer|Calque Flou}}, {{l|Radial Blur Layer|Calque Flou Radial}}, {{l|Spherize Layer|Calque Sphère}}, {{l|Color Correct Layer|Calque de Correction des Couleurs}}, {{l|Bevel Layer|Calque ''Bevel''}}, etc...<br />
<br />
Chaque calque a un jeu de paramètres qui précisent comment il se comporte. Lorsque vous cliquez sur un calque (soit dans la fenêtre de canevas, soit dans le {{l|Layers Panel|Panneau de Calques.}}), vous verrez ses paramètres dans le {{l|Params Panel|Panneau des Paramètres}}.<br />
<br />
Synfig Studio a une fonction d'auto-récupération. Si le logiciel se crashe, même si le fichier courant n'a pas été sauvegardé, vous ne perdrez pas plus de 5 minutes de travail. Au redémarrage il va automatiquement proposer à l'utilisateur de récupérer les changements non sauvegardés. Malheureusement l'historique lui n'est pas encore récupéré.<br />
<br />
{{DevNotesBegin}}<br />
Une chose à noter: Synfig Studio est LENT, le rendant pratiquement inutilisable sur une machine de plus de 3 ans. La principale raison est que tous les calculs de couleur se font en virgule flottante -- parce que Synfig Studio a été développé en partant de zéro avec ''High-Dynamic-Range Imaging in mind''. CEPENDANT ça ne sera pas le cas toujours. <br />
Nous avons prévu de majeures ré-implémentations et optimisations qui devraient considérablement accroitre les performances de Synfig sur toutes les plateformes. Le but n'est pas une augmentation de 200% de la vitesse, mais d'au moins 2000%. Actuellement, il y a un travail en cours dans la branche de développement mettant en œuvre cette optimisation via OpenGL. Ce travail a déjà présenté des résultats très prometteurs, mais il n'est pas encore prêt à être utiliser.<br />
{{DevNotesEnd}}<br />
<br />
Maintenant, allez dans la boite à outils et cliquez sur l'{{l|Circle Tool|Outil Cercle}} (si vous ne savez pas duquel il s'agit, passez simplement la souris pardessus eux jusqu'à trouver celui qui affiche "Outil cercle").<br />
<br />
Lorsque vous cliquez sur l'outil cercle, vous avez remarqué que le {{l|Tool Options Panel|Panneau Options des Outils}} a changé. Mais nous y viendrons plus tard.<br />
<br />
{{Note|Note|Certains utilisateurs peuvent rencontrer les problèmes suivants: lorsque vous cliquez-déplacez sur le canevas en utilisant l'outil cercle, rien ne semble se passer et vous finissez pas créer des cercles gigantesques. Il s'agit d'un problème connu. Pour le corriger: allez dans le menu {{c|Fichier|Périphériques d'entrées}} et dé-sélectionnez tous les périphériques que vous y trouverez. Si sous avez un périphérique d'entrée étendue et que vous voulez utiliser la pression de son stylo alors activer-le. Tous les autres périphériques (comme les émulation du bouton de souris Macintosh et les souris USB) doivent être désactivés. Ainsi, Synfig devrait fonctionner correctement.}}<br />
<br />
Avec l'Outil Cercle sélectionné, vous pouvez maintenant créer des cercles dans la {{l|Canvas Window|fenêtre de canevas}}. Cela fonctionne comme vous deviez vous y attendre &mdash; cliquez sur le canevas, tirez pour changer la valeur du rayon et relâchez le bouton de la souris lorsque vous avez fini. Allez-y et créer deux cercles (ou plus si vous en avez envie). Si accidentellement vous relachiez le bouton de la souris avant de tirer, vous avez créé un cercle de rayon 0 et il est effectivement invisible! Pas d'inquiétude, on peux facilement corriger cela. Dans le panneau des paramètres, vous pouvez changer le paramètre de l'objet sélectionné. Si vous avez tout juste créé un cercle de rayon 0, il doit être l'objet actuellement sélectionné. Vous pouvez changer son rayon par une autre valeur, disons 10, et pourrez le modifier à votre convenance par la suite.<br />
<br />
A présent, revenez sur la boite à outils et cliquez sur l'{{l|Normal Tool|Outil Normal}} (le cercle bleu avec une flèche dessus). Puis cliquez sur l'un de vos cercles. Vous voyez alors une {{l|bounding box|boite englobante}} (qui est un peu inutile pour l'instant, mais je digresse), un point vert au centre et un point cyan sur le rayon? Ces points sont appelés ''{{l|duck|ducks}}''. Si vous voulez modifier le cercle, attrapez un ''duck'' et étirez-le. Facile!<br />
<br />
vous pouvez sélectionner un calque en cliquant dessus. Si vous voulez en sélectionner plus qu'un, appuyez sur la touche {{Shortcut|ctrl}} tout en cliquant &mdash; cela fonctionne à la fois dans la fenêtre de canevas et dans le {{l|Layers Panel|Panneau de calques}}. Essayez!<br />
<br />
Vous pouvez aussi sélectionner plusieurs ''ducks''. Vous pouvez le faire de plusieurs façons. vous maintenez enfoncé la touche {{Shortcut|ctrl}} et vous cliquez sur chaque ''ducks'' que vous voulez sélectionner, mais cela peut vite être lassant. Aussi, il y a une méthode bien plus rapide $mdash; créez juste une {{l|Selection|boite de sélection }} en cliquant avec la souris et en tirant sur la zone couvrant les ''ducks''que vous voulez sélectionner.<br />
<br />
Continuons, sélectionnez deux cercles et tous leurs ''ducks''. Avec plusieurs ''ducks'' sélectionnés, en déplacer un les déplacera tous. Ce comportement est dépendant de l'Outil Normal. Aussi, une meilleure description de cet outil aurait ou être "Outil Déplacement" ou "Outil de Translation". <br />
<br />
<br />
Les outils {{l|Rotate Tool|Rotation}} et {{l|Scale Tool|Dimension}} s'utilisent de façon globalement similaire à l'outil normal, excepté dans le cas où vous avez plusieurs ''ducks'' sélectionnés. Il est plus facile de faire l'essai que de lire sur ce sujet. Sélectionnez quelques cercles, sélectionnez tous leurs ''ducks'', et essayez d'utiliser les outils Rotation et Dimension.<br />
<br />
Retenez celà, les outils de manipulations des ''ducks'' ont des options. Si un outil particulier ne faisait pas ce que vous attendiez, regardez dans le {{l|Panneau de Options d'Outils}} pour voir s'il est configuré de la façon que vous voulez.<br />
<br />
== Lier ==<br />
<br />
A présent, essayons les {{l|linking|liaisons}}. Disons que nous voulons toujours avoir la même taille pour les deux cercles. Sélectionnez les deux cercles puis leur ''duck'' de rayon (les points cyans).<br />
<br />
Pour sélectionner plusieurs ''ducks'', soit tirez une zone de sélection autour d'eux, soit sélectionnez le premier puis maintenez appuyé la touche {{Shortcut|ctrl}} pendant que vous sélectionnez les autres. Une fois les deux ''docks'' de rayon sélectionnés, faites un clic droit sur l'un des ''ducks'' et un menu apparaîtra. Choisissez {{Literal|Lier}}. Boum. Les paramètres sont liés entre-eux. Pour preuve, sélectionnez juste l'un des cercles et modifiez son rayon &mdash; l'autre fera de même. Brillant, non ?<br />
<br />
Les liaisons représentent un concept fondamental de Synfig. Vous pouvez créer des liens pas uniquement entre des ''docks'', mais également entre des paramètres en sélectionnant plusieurs calques et par un clic droit sur le paramètre dans le tableau des paramètres et en sélectionnant {{Literal|Lier}}.<br />
<br />
{{Note|Digression|This is how {{l|Outline Layer|outlines}} are attached to their {{l|Region Layer|regions}} &mdash; but I'm getting ahead of myself. At the moment, the fundamental power and flexibility of linking in Synfig Core is beyond what Synfig Studio currently allows for. This will change in the future. Anyway, back on track...}}<br />
<br />
== Sélection des couleurs ==<br />
<br />
Disons que vous voulez que l'un des cercles soit d'une couleur différente. Si vous regardez dans la boite à outils, en-dessous des outils, vous verrez le sélecteur de couleur de trait/remplissage, le sélecteur d'épaisseur de trait et quelques autres trucs comme la méthode par défaut de mélange et de dégradé. Le composant de sélection de la couleur du trait ou du remplissage fonctionne comme on s'y attend &mdash; vous pouvez cliquer sur une couleur, et une modeste boite de dialogue de choix de couleur apparaîtra. A présent, vous pouvez changer le couleur relativement facilement. <br />
<br />
Mais parfois vous désirez juste choisir une couleur et continuer. C'est à cela que sert l'onglet palette editor. La fonctionalité n'est pas à 100% ( ie sauver et recharger des palettes personnalisées n'est pas encore implémenté), mais la palette par défaut est relativement décente. Cliquez sur l'onlget palette editor et jettez y un coup d'oeil &mdash; it's the one with the palette-ish looking icon. Clicking on colors with the left mouse button will immediately change the default outline color and clicking with the middle mouse button will change fill color.<br />
<br />
That's all great, but we still haven't changed the color of the circle. There are three ways to do this. The first is to select the circle layer you want to modify, go to the Params panel and double-click on the {{Literal|Color}} parameter. A color selector dialog will then show up, and you can just tweak away. But let's say you already selected your color as the default fill or outline color. Then you can right-click on the Color parameter in the Params panel and select {{Literal|Apply Fill Color}} or {{Literal|Apply Outline Color}} at you preference. Finally, you can just click on the {{Literal|Fill Tool}} from the toolbox, and then click on the circle in the canvas window. Boom. Circle changes color. This works with more than just circles, but we'll get to that in a sec.<br />
<br />
Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, play around with feather a bit.<br />
<br />
== Allons plus loin ==<br />
<br />
Bien sûr, vous avez jusque là seulement appris comment utiliser les fonctions basiques de Synfig Studio mais pas encore comment animer un dessin. Cela est présenté dans le {{l|Doc:Animation_Basics|chapitre suivant}}.</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Overview/fr&diff=14019Doc:Overview/fr2011-05-23T19:20:48Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Overview}}<br />
{{Navigation|Category:Manual|Doc:Getting Started}}<br />
[[Category:Manual]]<br />
[[Category:Unverified]]<br />
<!-- Page info end --><br />
Synfig Studio est un programme open source d'animation 2D vectorielle. Il a été conçu pour produire des animations de qualité films avec un minimum de personnes et de resources.<br />
<br />
Comme vous devez probablement le savoir, une animation est l'affichage rapide d'une séquence d'images dans le but de créer l'illusion du mouvement. Traditionnellement les animations 2D sont créées en dessinant chaque image individuellement. Ces images sont appelés des 'frame' et cette méthode est donc ainsi appelée 'animation frame-by-frame'. Pour créer une une illusion du mouvement assez bonne vous devez dessiner de très nombreuses frames, c'est<br />
pourquoi cette méthode requiert beaucoup de temps et de resources.<br />
<!-- TODO: Insert illustration of frame-by-frame animation here --><br />
<br />
<!-- Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:--><br />
Synfig Studio est conçu pour ne pas avoir à dessiner chaque frames séparément. Il a deux techniques pour le faire:<br />
<br />
* Morphing animation<br />
* Cutout animation<br />
<br />
<!--'''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of transition one shape is deformed into another and this transformation is usually defined by control points. In Synfig Studio images constructed from vector shapes and the morphing is done in automatic way. That allows to create animation by drawing only key positions at relatively wide time intervals. You can draw as many frames as he need to create basic sense of motion for the scene and Synfig Studio takes responsibility to create in-between frames.--><br />
Le '''Morphing''' est une technique qui prends deux images et crée une transition douce entre elles. Dans ce procédé une forme est déformée en une autre et cette transformation est habituellement définie par des points de contrôle. Dans Synfig Studio les images sont réalisées avec des formes vectorielles et le morphing et fait automatiquement. Cela permet de réaliser l'animation en plaçant les clés de positionnement dans un intervalle de temps relativement large. Vous pouvez créer toutes les frames nécessaires pour définir les pauses clés de l'animation et Synfig Studio prends en charge la réalisation des intervalles.<br />
<br />
<!-- TODO: Insert illustration of morphing animation here --><br />
<br />
<!--'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time. Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.--><br />
<br />
'''Le Cutout animation (l'animation de formes découpées)''' est réalisée en décomposant les objets en plusieurs parties et en appliquant des transformations simples à chacune d'elles (comme des translations, rotations ou modifications de tailles) à différents moments. Synfig Studio utilise ces données pour interpoler le mouvement entre les frames. L'animation de découpe peut être réalisée à partir d'images bitmap ou de formes vectorielles.<br />
<br />
<br />
<!-- TODO: Insert illustration of cutout animation here --><br />
<br />
<!--In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animation. This process is called "tweening". But tweening is not the only advantage of Synfig Studio.--><br />
Dans les deux cas, le rôle de Synfig Studio est de remplir l'espace entre deux frames déterminé (aussi appelée "Keyframes") et donner un mouvement animé fluide et continue. Cette technique est appelée "interpolation". Mais l'interpolation n'est pas le seul avantage de Synfig Studio.<br />
<br />
<!--Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.--><br />
Bien que Synfig Studio ne soit pas directement conçu pour dessiner l'animation image par image. Il peut être utiliser pour améliorer vos animations réalisée à la main images par image en films de qualités supérieure en convertissant les données bitmaps de chaque images en format vectoriel. Cette opération est appelée "traçage" et habituellement faite à la main en dessinant les formes vectorielles par dessus les images bitmap. Lors de cette étape de la réalisation vous pouvez appliquer de nombreux effets fascinants générer par Synfig Studio pour donner à votre animation un aspect professionnel.<br />
<br />
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --><br />
<br />
<!-- Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.--><br />
Que vous fassiez votre animation image par image ou pas, Synfig Studio vous laisse un contrôle souple sur les données réutilisables tels que les couleurs, caractéristiques de lignes, textures, images et bien d'autres choses comme les trajectoires d'animations et leurs actions. La réutilisation des données qui se répètent et permise par les liens. C'est une des puissante fonctionnalité de Synfig Studio, ce qui est particulièrement important pour les gros projets d'animation.<br />
<br />
<!-- Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.--><br />
Parmis les liens relationnels que vous pouvez définir entre les éléments de votre travail vous pouvez utiliser des ensembles de fonctions. Ainsi, vous pouvez réaliser des animations basées sur des lois prédéfinis et vous pouvez atteindre de niveau d'animation supérieur. <br />
<br />
<!-- TODO: Example illustration of parabolic shot --><br />
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --><br />
<br />
<!-- All those features of Synfig Studio are covered in detail in the chapters of this manual. --><br />
Toutes les fonctionnalités de Synfig Studio sont décrites en détails dans les chapitres de ce manuel.<br />
<br />
<br />
<!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --><br />
{{Navigation|Category:Manual|Doc:Getting Started}}</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Overview/fr&diff=14018Doc:Overview/fr2011-05-23T19:18:34Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Overview}}<br />
{{Navigation|Category:Manual|Doc:Getting Started}}<br />
[[Category:Manual]]<br />
[[Category:Unverified]]<br />
<!-- Page info end --><br />
Synfig Studio est un programme open source d'animation 2D vectorielle. Il a été conçu pour produire des animations de qualité films avec un minimum de personnes et de resources.<br />
<br />
Comme vous devez probablement le savoir, une animation est l'affichage rapide d'une séquence d'images dans le but de créer l'illusion du mouvement. Traditionnellement les animations 2D sont créées en dessinant chaque image individuellement. Ces images sont appelés des 'frame' et cette méthode est donc ainsi appelée 'animation frame-by-frame'. Pour créer une une illusion du mouvement assez bonne vous devez dessiner de très nombreuses frames, c'est<br />
pourquoi cette méthode requiert beaucoup de temps et de resources.<br />
<!-- TODO: Insert illustration of frame-by-frame animation here --><br />
<br />
<!-- Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:--><br />
Synfig Studio est conçu pour ne pas avoir à dessiner chaque frames séparément. Il a deux techniques pour le faire:<br />
<br />
* Morphing animation<br />
* Cutout animation<br />
<br />
<!--'''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of transition one shape is deformed into another and this transformation is usually defined by control points. In Synfig Studio images constructed from vector shapes and the morphing is done in automatic way. That allows to create animation by drawing only key positions at relatively wide time intervals. You can draw as many frames as he need to create basic sense of motion for the scene and Synfig Studio takes responsibility to create in-between frames.--><br />
Le '''Morphing''' est une technique qui prends deux images et crée une transition douce entre elles. Dans ce procédé une forme est déformée en une autre et cette transformation est habituellement définie par des points de contrôle. Dans Synfig Studio les images sont réalisées avec des formes vectorielles et le morphing et fait automatiquement. Cela permet de réaliser l'animation en plaçant les clés de positionnement dans un intervalle de temps relativement large. Vous pouvez créer toutes les frames nécessaires pour définir les pauses clés de l'animation et Synfig Studio prends en charge la réalisation des intervalles.<br />
<br />
<!-- TODO: Insert illustration of morphing animation here --><br />
<br />
<!--'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time. Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.--><br />
<br />
'''Le Cutout animation (l'animation de formes découpées)''' est réalisée en décomposant les objets en plusieurs parties et en appliquant des transformations simples à chacune d'elles (comme des translations, rotations ou modifications de tailles) à différents moments. Synfig Studio utilise ces données pour interpoler le mouvement entre les frames. L'animation de découpe peut être réalisée à partir d'images bitmap ou de formes vectorielles.<br />
<br />
<br />
<!-- TODO: Insert illustration of cutout animation here --><br />
<br />
<!--In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animation. This process is called "tweening". But tweening is not the only advantage of Synfig Studio.--><br />
Dans les deux cas, le rôle de Synfig Studio est de remplir l'espace entre deux frames déterminé (aussi appelée "Keyframes") et donner un mouvement animé fluide et continue. Cette technique est appelée "interpolation". Mais l'interpolation n'est pas le seul avantage de Synfig Studio.<br />
<br />
<!--Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.--><br />
Bien que Synfig Studio ne soit pas directement conçu pour dessiner l'animation image par image. Il peut être utiliser pour améliorer vos animations réalisée à la main images par image en films de qualités supérieure en convertissant les données bitmaps de chaque images en format vectoriel. Cette opération est appelée "traçage" et habituellement faite à la main en dessinant les formes vectorielles par dessus les images bitmap. Lors de cette étape de la réalisation vous pouvez appliquer de nombreux effets fascinants générer par Synfig Studio pour donner à votre animation un aspect professionnel.<br />
<br />
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --><br />
<br />
<!-- Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.--><br />
Que vous fassiez votre animation image par image ou pas, Synfig Studio vous laisse un contrôle souple sur les données réutilisables tel que les couleur, caractéristique de lignes, textures, images et bien d'autres choses comme les trajectoires d'animations et leurs actions. La réutilisation des données qui se répètent et permise par les liens. C'est une des puissante fonctionnalité de Synfig Studio, ce qui est particulièrement important pour les gros projets d'animation.<br />
<br />
<!-- Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.--><br />
Parmis les liens relationnels que vous pouvez définir entre les éléments de votre travail vous pouvez utiliser des ensembles de fonctions. Ainsi, vous pouvez réaliser des animations basées sur des lois prédéfinis et vous pouvez atteindre de niveau d'animation supérieur. <br />
<br />
<!-- TODO: Example illustration of parabolic shot --><br />
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --><br />
<br />
<!-- All those features of Synfig Studio are covered in detail in the chapters of this manual. --><br />
Toutes les fonctionnalités de Synfig Studio sont décrite en détails dans les chapitres de ce manuel.<br />
<br />
<br />
<!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --><br />
{{Navigation|Category:Manual|Doc:Getting Started}}</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Overview/fr&diff=14017Doc:Overview/fr2011-05-23T14:04:25Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Overview}}<br />
{{Navigation|Category:Manual|Doc:Getting Started}}<br />
[[Category:Manual]]<br />
[[Category:Unverified]]<br />
<!-- Page info end --><br />
Synfig Studio est un programme open source d'animation 2D vectorielle. Il a été conçu pour produire des animations de qualité films avec un minimum de personnes et de resources.<br />
<br />
Comme vous devez probablement le savoir, une animation est l'affichage rapide d'une séquence d'images dans le but de créer l'illusion du mouvement. Traditionnellement les animations 2D sont créées en dessinant chaque image individuellement. Ces images sont appelés des 'frame' et cette méthode est donc ainsi appelée 'animation frame-by-frame'. Pour créer une une illusion du mouvement assez bonne vous devez dessiner de très nombreuses frames, c'est<br />
pourquoi cette méthode requiert beaucoup de temps et de resources.<br />
<!-- TODO: Insert illustration of frame-by-frame animation here --><br />
<br />
<!-- Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:--><br />
Synfig Studio est conçu pour ne pas avoir à dessiner chaque frames séparément. Il a deux techniques pour le faire:<br />
<br />
* Morphing animation<br />
* Cutout animation<br />
<br />
<!--'''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of transition one shape is deformed into another and this transformation is usually defined by control points. In Synfig Studio images constructed from vector shapes and the morphing is done in automatic way. That allows to create animation by drawing only key positions at relatively wide time intervals. You can draw as many frames as he need to create basic sense of motion for the scene and Synfig Studio takes responsibility to create in-between frames.--><br />
Le '''Morphing''' est une technique qui prends deux images et crée une transition douce entre elles. Dans ce procédé une forme est déformée en une autre et cette transformation est habituellement définie par des points de contrôle. Dans Synfig Studio les images sont réalisées avec des formes vectorielles et le morphing et fait automatiquement. Cela permet de réaliser l'animation en plaçant les clés de positionnement dans un intervalle de temps relativement large. Vous pouvez créer toutes les frames nécessaires pour définir les pauses clés de l'animation et Synfig Studio prends en charge la réalisation des intervalles.<br />
<br />
<!-- TODO: Insert illustration of morphing animation here --><br />
<br />
<!--'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time. Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.--><br />
<br />
'''Cutout animation (l'animation de formes découpées)''' est réalisée en décomposant les objets en plusieurs parties et en appliquant des transformations simples à chacune d'elles (comme des translations, rotations ou modifications de tailles) à différents moments. Synfig Studio utilise ces données pour interpoler le mouvement entre les frames. L'animation de découpe peut être réalisée à partir d'images bitmap ou de formes vectorielles.<br />
<br />
<br />
<!-- TODO: Insert illustration of cutout animation here --><br />
<br />
In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animation. This process is called "tweening". But tweening is not the only advantage of Synfig Studio.<br />
<br />
Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.<br />
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --><br />
<br />
Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.<br />
<br />
Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.<br />
<!-- TODO: Example illustration of parabolic shot --><br />
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --><br />
<br />
All those features of Synfig Studio are covered in detail in the chapters of this manual.<br />
<br />
<br />
<!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --><br />
{{Navigation|Category:Manual|Doc:Getting Started}}</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Overview/fr&diff=14016Doc:Overview/fr2011-05-23T13:35:35Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Overview}}<br />
{{Navigation|Category:Manual|Doc:Getting Started}}<br />
[[Category:Manual]]<br />
[[Category:Unverified]]<br />
<!-- Page info end --><br />
Synfig Studio est un programme open source d'animation 2D vectorielle. Il a été conçu pour produire des animations de qualité films avec un minimum de personnes et de resources.<br />
<br />
Comme vous devez probablement le savoir, une animation est l'affichage rapide d'une séquence d'images dans le but de créer l'illusion du mouvement. Traditionnellement les animations 2D sont créées en dessinant chaque image individuellement. Ces images sont appelés des 'frame' et cette méthode est donc ainsi appelée 'animation frame-by-frame'. Pour créer une une illusion du mouvement assez bonne vous devez dessiner de très nombreuses frames, c'est<br />
pourquoi cette méthode requiert beaucoup de temps et de resources.<br />
<!-- TODO: Insert illustration of frame-by-frame animation here --><br />
<br />
<!-- Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:--><br />
Synfig Studio est conçu pour ne pas avoir à dessiner chaque frames séparément. Il a deux techniques pour le faire:<br />
<br />
* Morphing animation<br />
* Cutout animation<br />
<br />
<!--'''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of transition one shape is deformed into another and this transformation is usually defined by control points. In Synfig Studio images constructed from vector shapes and the morphing is done in automatic way. That allows to create animation by drawing only key positions at relatively wide time intervals. You can draw as many frames as he need to create basic sense of motion for the scene and Synfig Studio takes responsibility to create in-between frames.--><br />
Le '''Morphing''' est une technique qui prends deux images et crée une transition douce entre elles. Dans ce procédé une forme est déformée en une autre et cette transformation est habituellement définie par des points de contrôle. Dans Synfig Studio les images sont réalisées avec des formes vectorielles et le morphing et fait automatiquement. Cela permet de réaliser l'animation en plaçant les clés de positionnement dans un intervalle de temps relativement large. Vous pouvez créer toutes les frames nécessaires pour définir les pauses clés de l'animation et Synfig Studio prends en charge la réalisation des intervalles.<br />
<br />
<!-- TODO: Insert illustration of morphing animation here --><br />
<br />
'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time. Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.<br />
<!-- TODO: Insert illustration of cutout animation here --><br />
<br />
In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animation. This process is called "tweening". But tweening is not the only advantage of Synfig Studio.<br />
<br />
Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.<br />
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --><br />
<br />
Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.<br />
<br />
Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.<br />
<!-- TODO: Example illustration of parabolic shot --><br />
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --><br />
<br />
All those features of Synfig Studio are covered in detail in the chapters of this manual.<br />
<br />
<br />
<!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --><br />
{{Navigation|Category:Manual|Doc:Getting Started}}</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Overview/fr&diff=14015Doc:Overview/fr2011-05-23T13:33:02Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Overview}}<br />
{{Navigation|Category:Manual|Doc:Getting Started}}<br />
[[Category:Manual]]<br />
[[Category:Unverified]]<br />
<!-- Page info end --><br />
Synfig Studio est un programme open source d'animation 2D vectorielle. Il a été conçu pour produire des animations de qualité films avec un minimum de personnes et de resources.<br />
<br />
Comme vous devez probablement le savoir, une animation est l'affichage rapide d'une séquence d'images dans le but de créer l'illusion du mouvement. Traditionnellement les animations 2D sont créées en dessinant chaque image individuellement. Ces images sont appelés des 'frame' et cette méthode est donc ainsi appelée 'animation frame-by-frame'. Pour créer une une illusion du mouvement assez bonne vous devez dessiner de très nombreuses frames, c'est<br />
pourquoi cette méthode requiert beaucoup de temps et de resources.<br />
<!-- TODO: Insert illustration of frame-by-frame animation here --><br />
<br />
<!-- Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:--><br />
Synfig Studio est conçu pour ne pas avoir à dessiner chaque frames séparément. Il a deux techniques pour le faire:<br />
<br />
* Morphing animation<br />
* Cutout animation<br />
<br />
<!--'''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of transition one shape is deformed into another and this transformation is usually defined by control points. In Synfig Studio images constructed from vector shapes and the morphing is done in automatic way. That allows to create animation by drawing only key positions at relatively wide time intervals. You can draw as many frames as he need to create basic sense of motion for the scene and Synfig Studio takes responsibility to create in-between frames.--><br />
Le '''Morphing''' est une technique qui prends deux images et crée une transition douce entre elles. Dans ce procédé de transformation une forme est transformée en une autre et cette transformation est habituellement définie par des points de contrôle. Dans Synfig Studio les images sont réalisées avec des formes vectorielles et le morphing et fait automatiquement. Cela permet de réaliser l'animation en plaçant les clés de positionnement dans un intervalle de temps relativement large. Vous pouvez créer toutes les frames nécessaires pour définir les pauses clés de l'animation et Synfig Studio prends en charge la réalisation des intervalles.<br />
<br />
<!-- TODO: Insert illustration of morphing animation here --><br />
<br />
'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time. Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.<br />
<!-- TODO: Insert illustration of cutout animation here --><br />
<br />
In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animation. This process is called "tweening". But tweening is not the only advantage of Synfig Studio.<br />
<br />
Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.<br />
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --><br />
<br />
Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.<br />
<br />
Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.<br />
<!-- TODO: Example illustration of parabolic shot --><br />
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --><br />
<br />
All those features of Synfig Studio are covered in detail in the chapters of this manual.<br />
<br />
<br />
<!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --><br />
{{Navigation|Category:Manual|Doc:Getting Started}}</div>Jcnouveauhttps://www.wiki.synfig.org/index.php?title=Doc:Overview/fr&diff=14014Doc:Overview/fr2011-05-23T12:31:07Z<p>Jcnouveau: </p>
<hr />
<div><!-- Page info --><br />
{{Title|Overview}}<br />
{{Navigation|Category:Manual|Doc:Getting Started}}<br />
[[Category:Manual]]<br />
[[Category:Unverified]]<br />
<!-- Page info end --><br />
Synfig Studio est un programme open source d'animation 2D vectorielle. Il a été conçu pour produire des animations de qualité films avec un minimum de personnes et de resources.<br />
<br />
Comme vous devez probablement le savoir, une animation est l'affichage rapide d'une séquence d'images dans le but de créer l'illusion du mouvement. Traditionnellement les animations 2D sont créées en dessinant chaque image individuellement. Ces images sont appelés des 'frame' et cette méthode est donc ainsi appelée 'animation frame-by-frame'. Pour créer une une illusion du mouvement assez bonne vous devez dessiner de très nombreuses frames, c'est<br />
pourquoi cette méthode requiert beaucoup de temps et de resources.<br />
<!-- TODO: Insert illustration of frame-by-frame animation here --><br />
<br />
Synfig Studio est conçu pour ne pas avoir à dessiner chaque frames séparément. Il existe deux techniques pour cela : <br />
Synfig Studio is built to eliminate the need to draw each frame individually. There are two techniques for that:<br />
Synfig Studio est construit pour éliminier le besoin de dessiner chaque image individuellement. Il a deux techniques pour le faire:<br />
* Morphing animation<br />
* Cutout animation<br />
<br />
'''Morphing''' is a technique that takes two images and creates a smooth transition between them. In the process of transition one shape is deformed into another and this transformation is usually defined by control points. In Synfig Studio images constructed from vector shapes and the morphing is done in automatic way. That allows to create animation by drawing only key positions at relatively wide time intervals. You can draw as many frames as he need to create basic sense of motion for the scene and Synfig Studio takes responsibility to create in-between frames.<br />
<!-- TODO: Insert illustration of morphing animation here --><br />
<br />
'''Cutout animation''' is created by splitting objects into parts and applying some simple transformations to them (like translation, rotation or scale) at different moments of time. Synfig Studio uses those values to interpolate the motion for in-between frames. Cutout animation can be produced from bitmap images or vector graphics.<br />
<!-- TODO: Insert illustration of cutout animation here --><br />
<br />
In both cases the role of Synfig Studio is to fill the gaps between the drawn frames (also called "keyframes") and produce smooth and fluid animation. This process is called "tweening". But tweening is not the only advantage of Synfig Studio.<br />
<br />
Although Synfig Studio is not directly intended to draw animation frame-by-frame, it can be used to bring your hand-drawn frame-by-frame animation to the film-quality level by converting bitmap data of each frame into vector format. This process is called "tracing" and usually done by hand by constructing vector shapes on top of bitmap image. In the process of construction you can apply a lot of fascinating effects built into Synfig Studio to achieve a professional look for your animations.<br />
<!-- TODO: Illustration - bitmap image and same image traced in Synfig Studio --><br />
<br />
Whether you do frame-by frame animation or not, Synfig Studio gives you flexible control over the repeated data, such as colors, outline characteristics, textures, images and many more - even animation trajectories and their sets (actions). Reusing repeated data is achieved via linking. This is a power of Synfig Studio, which is especially important for big animation projects.<br />
<br />
Among the plain linking pieces of artwork data you can also define relations between them using a set of functions. That allows to create automatic animation based on the defined laws and bring whole animation process to the new level.<br />
<!-- TODO: Example illustration of parabolic shot --><br />
<!-- TODO: Write a few lines here that Synfig can be used to produce simple animations too --><br />
<br />
All those features of Synfig Studio are covered in detail in the chapters of this manual.<br />
<br />
<br />
<!-- TODO: About this manual/Structure of this manual: The purpose of first chapter is to give you overview of the animation creation process using Synfig Studio. Without diving deep into details it will guide you through the basic concepts and offer few exercises that help you to understand how this software works. --><br />
{{Navigation|Category:Manual|Doc:Getting Started}}</div>Jcnouveau