Créer des formes

From Synfig Studio :: Documentation
Jump to: navigation, search
(ARELIRE! Editer les Blines -Paragraphe3- Traduction)
m (update bloc manual)
 
(26 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
{{Category|Tutorials}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials Basic}}
 
{{Category|Tutorials Basic}}
 +
{{Category|Unverified}}
 
{{Category|Updated}}
 
{{Category|Updated}}
 
{{Navigation|Category:Manual|Doc:Flower Animation}}
 
{{Navigation|Category:Manual|Doc:Flower Animation}}
<!-- Page info end -->
 
  
          Cette page a besoin d'être traduite, soyez patient et/ou participez!
+
{{NewTerminology}}
 +
 
 +
<!-- Page info end -->
  
 
== Introduction ==
 
== Introduction ==
  
Les primitives de base telles les cercles ou les rectangles sont toutes merveilleuses, mais plutôt rigides géométriquement parlant. Pourquoi ne créerions-nous pas des formes plus élaborées ? Pour le faire nous utiliserons l'outil BLine.
+
Les {{l|Primitive_Layer|primitives}} de base telles les {{l|Circle Layer|cercles}} ou les {{l|Rectangle Layer|rectangles}}, avec lesquelles nous avons appris à travailler {{l|Doc:Adding_Layers|précédemment}}, sont toutes merveilleuses mais plutôt rigides géométriquement parlant. Pourquoi ne créerions-nous pas des formes plus élaborées ? Pour ce faire nous allons utiliser l'{{l|Spline Tool}}.
  
== L'outil BLine ==
+
== L'Outil Spline ==
  
Dans Synfig l'élément de description des formes est appelé BLine. C'est grossièrement analogue à ce que d'autres programmes intitulent "chemin" sauf qu'il s'agisse exclusivement de Spline hermites.  
+
Dans Synfig l'élément de description des formes est appelé Spline. C'est grossièrement analogue à ce que d'autres programmes nomment "chemin" sauf qu'il s'agisse exclusivement de [https://fr.wikipedia.org/wiki/Spline_cubique_d'Hermite Spline cubique d'Hermite].  
  
[[Image:Toolbox Reset Colors Button.png|right|frame|Bouton "Réinitialiser les couleurs" dans la boite à outils]] Avant de commencer avec le tutoriel de BLine ajoutons quelques élements complémentaires sur la façon de fonctionner de Synfig. Quand vous cliquerez sur l'outil Bline ('''en''' {{l|BLine Tool}}), vous vous apercevrez que les sommets de l'objet en cours de sélection (si il en existe un) vont disparaître, mais que le calque correspondant restera sélectionné dans le Panneau des Calques ('''en''' {{l|Layers Panel}}). C'est normal. Quoique vous fabriquiez avec l'outil BLine sera inséré au-dessus du calque en cours de sélection. Gardez en mémoire que si vous voulez insérer une forme quelque part, vous devrez sélectionner exactement où vous voulez l'insérer avant d'activer l'outils BLine &mdash; changer de sélection après-coup vous renverra automatiquement dans l'outil de transformations ('''en''' {{l|Transform Tool|Outil de transformation}}).  
+
[[File:Toolbox Reset Colors Button_1_0.png|right|frame|Bouton "Réinitialiser les couleurs" dans la boite à outils]] Avant de commencer avec le tutoriel {{l|Doc:Creating Shapes}} ajoutons quelques éléments complémentaires sur la façon de fonctionner de Synfig. Quand vous cliquerez sur l'{{l|Spline Tool|Outil Spline}}, vous vous apercevrez que les poignées de l'objet en cours de sélection (si il en existe un) disparaîtront, mais que le calque correspondant restera sélectionné dans le {{l|Layers Panel|Panneau des Calques}}. C'est normal. Ce que vous allez dessiner avec l'Outil Spline sera inséré au-dessus du calque en cours de sélection. Gardez en mémoire que si vous voulez insérer une forme quelque part, vous devrez sélectionner exactement où vous voulez l'insérer avant d'activer l'Outil Spline &mdash; changer de sélection après-coup vous renverra automatiquement dans l'{{l|Transform Tool|Outil de transformation}}.
  
Maintenant allez-y ! Cliquez sur le bouton {{Literal|Réinitialiser les couleurs}} dans l'angle inférieur gauche du widget de couleurs FG/BG (Premier plan/arrière plan) de la '''(en)''' {{l|Toolbox|boite à outils}}. Celà rétablira les couleurs par défaut noir et blanc. Paramétrez également '''(en)''' {{l|New Layer Defaults#Default Line Width|épaisseur par défaut des lignes}} vers quelque chose de bien assez fin &mdash; 10pt devrait faire l'affaire.
+
Maintenant allez-y ! Cliquez sur le bouton {{Literal|Réinitialiser les couleurs}} dans l'angle inférieur gauche du widget de couleurs Premier plan/Arrière plan de la {{l|Toolbox|boite à outils}}. Celà rétablira les couleurs par défaut noir et blanc. Paramétrez également la {{l|Spline_Tool#Options|taille du pinceau}} vers quelque chose de bien assez fin &mdash; 10px devrait faire l'affaire.
  
Lorsque vous activerez l'outil BLine, vous irez vérifier le '''(en)''' {{l|Tool Options Panel|panneau d'options des outils}}. Assurez-vous que seules les options {{Literal|Créer une région (BLine)}}, {{Literal|Créer un contour (BLine)}} et {{Literal|Lier les origines}} soient cochées.   
+
Lorsque vous activerez l'Outil Spline, vous irez vérifier le {{l|Tool Options Panel|panneau d'options des outils}}. Assurez-vous que seule les options {{Literal|Créer une Région}}, {{Literal|Créer un Contour}} et {{Literal|Lier les origines}} soient cochées.   
  
Si vous cliquez avec votre souris sur le calque vous positionnerez des vertexs (ou noeuds, ou sommets). Pendant que vous placez un vertex (sans relâcher) vous pouvez déplacer ses tangentes en déplaçant la souris. Répétez cela plusieurs fois et vous construisez un Vertices : une liste de points BLine.
+
Si vous cliquez avec votre souris sur le calque vous positionnerez des vertexs (ou noeuds, ou sommets). Pendant que vous placez un vertex (sans relâcher) vous pouvez déplacer ses tangentes en déplaçant la souris. Répétez cela plusieurs fois, vous construisez une Spline.
  
Il faut garder cependant à l'esprit que si durant cette construction vous n'aimez pas l'endroit ou vous avez positionné un vertex il n'y a rien qui vous permet de le déplacer. Si vous voulez supprimer un vertex, cliquez droit (sans relâcher) sur le vertex et sélectionnez {{Literal|Supprimer le Vertex}}. Vous voulez séparer les tangentes ? Cliquez droit (sans relâcher) sur le vertex et sélectionnez {{Literal|Séparer les tangentes}}. Vous voulez fermer la BLine ? Cliquez droit (sans relâcher) sur le vertex et sélectionnez {{Literal|Fermer la BLine}}.
+
Il faut garder cependant à l'esprit que si durant cette construction vous n'aimez pas l'endroit ou vous avez positionné un vertex il n'y a rien qui vous permet de le déplacer. Si vous voulez supprimer un vertex, cliquez droit (sans relâcher) sur le vertex et sélectionnez {{Literal|Supprimer l'Elément Intelligent}}. Vous voulez séparer les tangentes ? Cliquez droit (sans relâcher) sur le vertex et sélectionnez {{Literal|Séparer les tangentes}}. Vous voulez fermer la Spline ? Cliquez droit (sans relâcher) sur le vertex et sélectionnez {{Literal|Boucler}}.
  
 
[[Image:Creating-shapes-2-bline-construction.png|center|frame]]
 
[[Image:Creating-shapes-2-bline-construction.png|center|frame]]
  
Lorsque vous avez terminer de placer les vertexs, nous devons sortir du mode de construction pour créer le calque(s) BLine; Il y a deux manières de procéder:
+
Lorsque vous avez terminer de placer les vertexs, nous devons sortir du mode de construction pour créer le calque(s) Spline; Il y a deux manières de procéder:
 
#Changer d'outil.
 
#Changer d'outil.
#Cliquez le bouton {{Literal|Créé une BLine et/ou une Région}} dans le bas du panneau d'options des outils (c'est l'icone qui ressemble à un trois engrenages)
+
#Cliquez le bouton {{Literal|Créé une Spline et/ou une Région}} dans le bas du panneau d'options des outils (c'est l'icone qui ressemble à un trois engrenages)
  
Pour le moment, continuons, changez d'outil pour '''en''' l'{{l|Transform Tool|Outil de transformation}}, nous en avons finit avec l'outil BLine.
+
Pour le moment, continuons, changez d'outil pour l'{{l|Transform Tool|Outil Transformation}}, nous en avons finit avec l'outil Spline.
  
 
[[Image:Creating-shapes-3-bline-region-outline.png|center|frame]]
 
[[Image:Creating-shapes-3-bline-region-outline.png|center|frame]]
  
== Editer les BLines ==
+
== Editer les Splines ==
Ok, nous avons une mignonne et plutôt pale région avec un épais contour noir. Puisque nous avons coché {{Literal|Créer une région (BLine)}} et {{Literal|Créer un contour (BLine)}} dans les étapes précédentes, vous devriez remarquer qu'il y a deux calques créé &mdash; le ('''en''') {{l|Outline Layer|Contour}} ainsi que ('''en''') {{l|Region Layer|Région}} dans le panneau Calque. Bien que dans les faits vous avez deux calques différent, les paramètres de leurs vertexs ont été ('''en''') {{l|Linking|liés}} &mdash; vous pouvez donc sélectionner indifféremment l'un ou l'autre calque et déplacer ses ducks, l'autre devrait aussi se déplacer.
+
Ok, nous avons une mignonne et plutôt pale région avec un épais contour noir. Puisque nous avons coché {{Literal|Créer une région}} et {{Literal|Créer un contour}} dans les étapes précédentes, vous devriez remarquer qu'il y a deux calques créé &mdash; le {{l|Outline Layer|Contour}} ainsi que la {{l|Region Layer|Région}} dans le Panneau Calque. Bien que dans les faits vous avez deux calques différent, les paramètres de leurs vertexs ont été {{l|Linking|liés}} &mdash; vous pouvez donc sélectionner indifféremment l'un ou l'autre calque et déplacer ses poignées, l'autre devrait aussi se déplacer.
  
Si vous voulez manipuler le vertices ''après'' que vous ayez créé les calques, c'est très simple. Cliquez simplement sur un calques et déplacer le vertex ou ses tangentes. Si vous voulez supprimer un vertex, cliquez droit dessus et sélectionner {{Literal|Supprimer l'élément (Intelligent)}}.
+
Si vous voulez manipuler le vertices ''après'' que vous ayez créé les calques, c'est très simple. Cliquez simplement sur un calque et déplacer le vertex ou ses tangentes. Si vous voulez supprimer un vertex, cliquez droit dessus et sélectionner {{Literal|Supprimer l'élément (Intelligent)}}.  Vous voulez ajouter un vertex, cliquez droit sur le segment à l'emplacement désiré et sélectionner {{Literal|Insérer un élément}}.
  
{{Note|Note|L'unique et majeure différence entre ce mode d'édition normal et le mode de construction, c'est comment vous pouvez séparer les tangentes &mdash; dans le mode de construction vous cliquez droit directement sur la tangente. Dans le mode normal d'édition des poignées ({{l|duck|ducks}}), vous pouvez cliquez droit sur le vertex auquel les tangentes sont attachés. Cela peut être considéré comme un dysfonctionnement d'usage et seras résolu un jour.}}
+
Cela peut sembler être une pagaille de calques. Et oui, si vous n'utilisez pas le logiciel correctement, c'est exactement ce que vous obtiendrez. Mais il y a une manière plus sensé de procéder. Comme il est indiqué dans le {{l|Doc:Adding Layers|tutoriel précédent}}, vous pouvez {{l|Group|grouper}} les calques de manière hiérarchique.
  
Cela peut sembler être une pagaille de calques. Et oui, si vous n'utilisez pas le logiciel correctement, c'est exactement ce que vous obtiendrez. Mais il y a une manière plus sensé de procéder. Comme il est indiqué dans le  {{l|Doc:Adding Layers|tutoriel précédent}}, vous pouvez ('''en''') {{l|encapsulate|encapusler}} les calques de manière hiérarchique.
+
Une chose rapide à mentionner avant d'en finir. Vous pouvez changer la largeur du contour de chaque vertex. Vous faites cela en sélectionnant le calque contour (NOTE: vous devez sélectionner le calque Contour, le calque Région ne possède pas d'informations de largeur) et ajuster les poignées de largeur. Par défaut celles ci sont masquées. Pour les faire apparaitre, pressez {{Shortcut|alt|5}} ou cliquez sur le bouton {{Literal|Basculer les poignées}} dans la partie supérieur de la fenêtre canevas (le cinquième bouton en partant de la gauche). Un nouveau clique pour les cacher. Vous pouvez également trouver d'autres choses à masquer via le {{l|Canvas Menu Caret}} : {{c|Affichage|Montrer/Cacher les Poignées}}.
  
Une chose rapide à mentionner avant d'en finir. Vous pouvez changer la largeur du contour de chaque vertex. Vous faites cela en sélectionnant le calque contour (NOTE: vous devez sélectionner le calque Contour, le calque Région ne possède pas d'informations de largeur) et ajuster avec les poignées de largeur. Par défaut celles ci sont masquées. Pour les faire apparaitre, pressez {{Shortcut|alt|5}} ou cliquez sur le bouton {{Literal|Basculer les poignées}} dans la partie supérieur de la fenêtre canevas (le cinquième bouton en partant de la gauche). Répétez pour les cacher. Vous pouvez également voir d'autres choses à masquer via le  {{l|Canvas Menu Caret}}: {{c|Affichage|Afficher/Masquer les poignées}}.
+
== Utiliser une tablette pour dessiner des formes ==
  
== Using tablet to draw shapes ==
+
Si vous avez une [http://fr.wikipedia.org/wiki/Tablette_graphique tablette graphique], vous pouvez utiliser l'Outil Calligraphie pour créer des Splines.
  
If you have a [http://en.wikipedia.org/wiki/Graphics_tablet graphic tablet] you can use Draw Tool to create BLines.
+
Synfig Studio gère la pression, mais vous devez d'abords le configurer. Allez à {{c|Fichier|Périphériques d'entrée...}} depuis le menu de la Boite à Outils. Dans la boite de dialogue {{Literal|Entrée}} selectionnez le stylet de votre tablette graphique et paramétrez son {{Literal|Mode}} sur {{Literal|Écran}}. Cliquez {{Literal|Enregistrer}} et ensuite {{Literal|Fermer}}.
  
Synfig Studio supports pressure sensitivity, but you need to configure it first. Go to {{c|File|Input Devices...}} from toolbox menu. In the Input dialog find your tablet's stylus device and set its mode to {{Literal|Screen}}. Click {{Literal|Save}} and then {{Literal|Close}}.
+
Maintenant, prenez votre stylet, créer un nouveau fichier et cliquez sur le bouton de l'Outil Calligraphie dans la boite à outils. Positionnez l'épaisseur par défaut de la ligne à une valeur relativement grande &mdash; disons, 15px &mdash; sinon vous ne noterez aucun effet de sensibilité à la pression. Choisissez marron comme {{l|New_Layer_Defaults#Brush_Colors|couleur de remplissage}}.
  
Now grab your stylus, create a new file and click on the Draw Tool button in the toolbox. Set the default line width value to be big enough &mdash; say, 15pt &mdash; otherwise you will not notice any pressure sensitivity effect. Choose brown as the default fill color.
+
{{Note|Note|Les étapes précédentes doivent être réalisées avec le stylet de votre tablette, pas avec la souris. Synfig Studio enregistre indépendamment les paramètres pour chaque périphériques d'entrées. C'est pour cela que si vous paramétrez ces options avec la souris cela n'aura aucun effet lorsque vous utiliserez votre stylet.}}
  
{{Note|Note|Steps above should be done with the stylus of your tablet, not the mouse. Synfig Studio remembers settings for each input device independently. That's why if you set those options with your mouse device they will not have any effect when you switch to stylus.}}
+
Dans le panneau Options des outils, assurez vous que vous avez les mêmes options que dans la copie d'écran suivante.
In the Tool Options Panel, make sure that you have the same options as shown on the screenshot below.
+
  
[[Image:DrawToolOptions.png|center|frame]]
+
[[File:DrawToolOptions.png|center|frame]]
  
Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.
+
Maintenant dessinons quelque chose comme un fond montagneux galbé. Démarrer en dessinant une ligne depuis la bordure gauche vers la moitié du canevas. Tentez de varier la pression sur votre stylet pendant que vous êtes en train de dessinez. Arrêtez près du centre du canevas. C'est votre première ligne. Vous pouvez noter le nouveau calque de contour qui à été créé dans le Panneau des Calques.
  
 
[[Image:Creating-shapes-4-draw.png|center|frame]]
 
[[Image:Creating-shapes-4-draw.png|center|frame]]
  
Point your stylus at the last duck of your new BLine and continue drawing to the right border of the canvas. When you finish, look at the Layers Panel again. There's still only one outline layer. Synfig Studio is smart enough to figure out that you don't need a new outline layer and properly extends the last one. You can extend the BLine from both ends, but if you start drawing from any other place of the canvas a new outline layer will be created. Though your first line will remain selected and nothing stops you from extending it later.
+
Positionnez votre stylet sur la dernière poignée de votre nouvelle Spline et continuez en dessinant jusqu'à la bordure droite de votre canevas. Lorsque vous avez terminé, regardez à nouveau le panneau des calques. Il n'y a toujours qu'un seul calque de contour. Synfig Studio et suffisamment intelligent pour se rendre compte que nous n'avez pas besoin d'un nouveau calque de contour et prolonge le dernier. Nous pouvez prolonger la Spline depuis chacune des extrémités, mais si vous commencez à dessiner depuis n'importe qu'elle autre endroit du canevas, une nouveau calque de contour sera créé. Cependant votre première Spline restera active et rien ne vous empêchera de la prolonger plus tard.
  
Back to our artwork. In the Tool Panel hit the button with the bucket icon to fill the outline we just created. A region layer will appear at the top of the layer we are working with. Select the outline layer and press the {{Literal|Raise Layer}} button in the layers panel to put the outline layer on top of the region.
+
Revenons a votre œuvre. Dans la Boîte à Outils cliquez sur le bouton sceau afin de remplir le contour que vous venez juste de créer. Un calque Région apparait au dessus des calques sur lesquelles nous étions en trains de travailler. Sélectionnez le calque Contour et cliquez sur le bouton {{Literal|Monter le Calque}} dans le Panneau de Calque pour placer le Calque Contour au dessus de la Région.
  
 
[[Image:Creating-shapes-5-draw.png|center|frame]]
 
[[Image:Creating-shapes-5-draw.png|center|frame]]
  
Extend a line from both sides down to the corners of the canvas to make the fill appear at the bottom. Great.
+
Étendre la ligne depuis chacune des extrémités vers les coins inférieur du canevas pour remplir la partie basse. Fantastique.
  
 
[[Image:Creating-shapes-6-draw.png|center|frame]]
 
[[Image:Creating-shapes-6-draw.png|center|frame]]
  
Go ahead and add a few more lines on top of the filled area to give it a mountain-like look. If brown ducks are in your way, you can hide them by clicking the {{Literal|Toggle vertex ducks}} button at the top of the canvas window (the second one from the left).
+
Continuons et ajoutons quelques lignes supplémentaire au dessus de la région rempli pour donner un air de montagne. Si les poignées marrons sont sur votre chemin, vous poussez les cacher en cliquant sur le bouton {{Literal|Basculer les poignées de vertex}} dans le haut de la fenêtre canevas (le deuxième en partant de la gauche).
  
 
[[Image:Creating-shapes-7-draw.png|center|frame]]
 
[[Image:Creating-shapes-7-draw.png|center|frame]]
  
{{Note|Warning!|Don't use {{Shortcut|Alt|2}} shortcut to turn off visibility of vertex ducks while you using Draw Tool. There's a bug that will cause Synfig Studio to hang.}}
+
L'outil Calligraphie est formidable pour dessiner des formes complexes, mais vous finirez avec un paquet de poignées, ce qui est difficile à manipuler avec l'Outil de transformation avec la manière décrite précédemment. Vous avez deux solutions.
{{DevNotesBegin}}
+
This bug is fixed in the upcoming release (0.63.00).
+
{{DevNotesEnd}}
+
  
Draw tool is great for drawing complex shapes, but you end up with a bunch of ducks, which are hard to manipulate with the Transform Tool in the way we described above. There are two solutions here.
+
Premièrement, vous pouvez augmenter la valeur {{Literal|Adoucissement}} de la Spline dans la boite de dialogue Options des outils. Cela réduira le nombre de vertex créé au moment du dessin, mais votre forme sera moins détaillée.  
  
First, you can increase the {{Literal|Smooth}} value in the Tool Options Dialog while using Draw Tool. That will reduce the count of vertices produced at drawing time, but will make your shape less detailed.  
+
Deuxièmement, vous pouvez utiliser l'Outil Déplacement Lissé pour déformer une forme existante. Allons-y et cliquez sur le bouton Outil déplacement lissé dans la boite à outils. Le truc a propos de cette outil est qu'il n'affecte ''uniquement les poignées sélectionnées''. Cliquez sans relâcher le bouton gauche de la souris dans une partie vide du canevas. Déplacer la souris pour créer une boite de sélection. Relâcher le bouton de la souris lorsque vous aurez terminé. Ou alors simplement faites {{Shortcut|Ctrl|a}} pour sélectionner toute les poignées. Maintenant vous pouvez déformer les portions de Splines sélectionnés. Vous pouvez changer la zone d'influence en modifiant le {{Literal|Rayon}} dans la Panneau Options des Outils.
  
Second, you can use Smooth Move Tool to deform an existing shape. Go for it and click the Smooth Move Tool button in the toolbox. The trick about this tool is that it affects ''selected ducks only''. Press and hold your left mouse button in an empty place of the canvas. Drag to create a selection box. Release the mouse button when you are done. Or just hit {{Shortcut|Ctrl|a}} to select all ducks. Now you can deform the selected segments of BLines. You can change the size of the influence area by tweaking {{Literal|Radius}} in the Tool Options Panel.
+
Quand est-il de l'épaisseur du contour? Il y a un Outil Épaisseur pour cela. Il est conçu pour augmenter ou diminuer l'épaisseur de la ligne sensiblement a ce que vous pourriez faire avec un crayon sur une feuille de papier. Cliquez sur Outil Épaisseur dans la Boite à Outils, déplacer votre stylet au dessus de la ligne que vous voulez changer, pressez et déplacer le curseur de part et d'autre le long de la ligne, comme si vous grattiez quelque chose. L'épaisseur du contour seras augmentée jusqu'à la position au vous aurez placé le curseur. Si vous voulez diminuer l'épaisseur, cliquez simplement sur la touche "Ctrl" lorsque vous grattez. Facile!
  
What about outline width? There is a Width Tool for that purpose. It is designed for increasing or decreasing the width of a line much like you would with a pencil on paper. Click the Width Tool button in the toolbox, move your stylus over the line you want to change, press and move the cursor back and forth along the line, like you are scratching something. The width of the outline will be increased at the places where you moved the cursor. If you want to decrease the width, just hold "Ctrl" while scratching. Easy!
+
Si vous ne souhaitez pas que les poignées d'épaisseur soit affichées durant l'utilisation de l'outil épaisseur, cacher les en cliquant sur le bouton {{Literal|Basculer les poignées de largeur}} dans le haut de la fenêtre canevas.
  
If you don't want Width Ducks to be displayed, during usage of the Width Tool, just turn them off by pressing the {{Literal|Toggle width ducks}} button at the top of the canvas window.
+
== D'autres façons de créer des Splines ==
  
{{Note|Warning!|Don't use {{Shortcut|Alt|5}} shortcut to turn off visibility of width ducks while you using Width Tool. There's a bug that will cause Synfig Studio to hang.}}
+
Est ce que c'est tout? Pas encore. Vous pouvez également utiliser l'outil Cercle, Rectangle, Étoile et Polygone pour créer des Splines. Vérifier les options {{Literal|Créer un Contour}} et {{Literal|Créer une Région}} dans le panneau Options des Outils lorsque vous utilisez ces outils.
{{DevNotesBegin}}
+
This bug is fixed in the upcoming release (0.63.00).
+
{{DevNotesEnd}}
+
  
== Other ways to create BLines ==
+
Créer des formes géométriques en Spline vous donne un meilleur contrôle sur ces formes et leur apparence. Par exemple, si vous désirez une étoile difforme, vous pouvez utiliser l'Outil Étoile pour la créer avec des Splines de Contour et de Région puis ensuite utilisez l'Outil de Transformation pour la déformer.
  
Is that all? Not yet. You can use Circle, Rectangle, Star and Polygon tools to create BLines too. Just check the {{Literal|Create Outline BLine}} and {{Literal|Create Region BLine}} options in the Tool Options Panel when using those tools.  
+
Maintenant vous êtes prêt pour le {{L|Doc:Flower Animation|dernier tutoriel}} de cette section. Allons-y!
  
Creating geometric primitive as BLine gives you a better control over it's shape and look. For example, if you want a deformed star, then you can use the Star Tool to create it as outline and region BLines and then use the Transform Tool to deform it.
+
== Liens ==
  
Now you are ready for the {{L|Doc:Flower Animation|last tutorial}} in this section. Hang on!
+
Une vidéo sur ce sujet est disponible [https://youtu.be/FBnBE9t3Jd8 ici]
 +
 
 +
 
 +
{{Navigation|Category:Manual|Doc:Flower Animation}}

Latest revision as of 18:05, 31 July 2019

Languages Language: 

English • español • français • italiano • português • română • русский • 中文(中国大陆)‎


Navigation Navigation:  <<Manuel>>


Introduction

Les primitives de base telles les cercles ou les rectangles, avec lesquelles nous avons appris à travailler précédemment, sont toutes merveilleuses mais plutôt rigides géométriquement parlant. Pourquoi ne créerions-nous pas des formes plus élaborées ? Pour ce faire nous allons utiliser l'Outil Spline.

L'Outil Spline

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

Bouton "Réinitialiser les couleurs" dans la boite à outils
Avant de commencer avec le tutoriel Créer des formes ajoutons quelques éléments complémentaires sur la façon de fonctionner de Synfig. Quand vous cliquerez sur l'Outil Spline, vous vous apercevrez que les poignées de l'objet en cours de sélection (si il en existe un) disparaîtront, mais que le calque correspondant restera sélectionné dans le Panneau des Calques. C'est normal. Ce que vous allez dessiner avec l'Outil Spline sera inséré au-dessus du calque en cours de sélection. Gardez en mémoire que si vous voulez insérer une forme quelque part, vous devrez sélectionner exactement où vous voulez l'insérer avant d'activer l'Outil Spline — changer de sélection après-coup vous renverra automatiquement dans l'Outil de transformation.

Maintenant allez-y ! Cliquez sur le bouton "Réinitialiser les couleurs" dans l'angle inférieur gauche du widget de couleurs Premier plan/Arrière plan de la boite à outils. Celà rétablira les couleurs par défaut noir et blanc. Paramétrez également la taille du pinceau vers quelque chose de bien assez fin — 10px devrait faire l'affaire.

Lorsque vous activerez l'Outil Spline, vous irez vérifier le panneau d'options des outils. Assurez-vous que seule les options "Créer une Région", "Créer un Contour" et "Lier les origines" soient cochées.

Si vous cliquez avec votre souris sur le calque vous positionnerez des vertexs (ou noeuds, ou sommets). Pendant que vous placez un vertex (sans relâcher) vous pouvez déplacer ses tangentes en déplaçant la souris. Répétez cela plusieurs fois, vous construisez une Spline.

Il faut garder cependant à l'esprit que si durant cette construction vous n'aimez pas l'endroit ou vous avez positionné un vertex il n'y a rien qui vous permet de le déplacer. Si vous voulez supprimer un vertex, cliquez droit (sans relâcher) sur le vertex et sélectionnez "Supprimer l'Elément Intelligent". Vous voulez séparer les tangentes ? Cliquez droit (sans relâcher) sur le vertex et sélectionnez "Séparer les tangentes". Vous voulez fermer la Spline ? Cliquez droit (sans relâcher) sur le vertex et sélectionnez "Boucler".

Creating-shapes-2-bline-construction.png

Lorsque vous avez terminer de placer les vertexs, nous devons sortir du mode de construction pour créer le calque(s) Spline; Il y a deux manières de procéder:

  1. Changer d'outil.
  2. Cliquez le bouton "Créé une Spline et/ou une Région" dans le bas du panneau d'options des outils (c'est l'icone qui ressemble à un trois engrenages)

Pour le moment, continuons, changez d'outil pour l'Outil Transformation, nous en avons finit avec l'outil Spline.

Creating-shapes-3-bline-region-outline.png

Editer les Splines

Ok, nous avons une mignonne et plutôt pale région avec un épais contour noir. Puisque nous avons coché "Créer une région" et "Créer un contour" dans les étapes précédentes, vous devriez remarquer qu'il y a deux calques créé — le Contour ainsi que la Région dans le Panneau Calque. Bien que dans les faits vous avez deux calques différent, les paramètres de leurs vertexs ont été liés — vous pouvez donc sélectionner indifféremment l'un ou l'autre calque et déplacer ses poignées, l'autre devrait aussi se déplacer.

Si vous voulez manipuler le vertices après que vous ayez créé les calques, c'est très simple. Cliquez simplement sur un calque et déplacer le vertex ou ses tangentes. Si vous voulez supprimer un vertex, cliquez droit dessus et sélectionner "Supprimer l'élément (Intelligent)". Vous voulez ajouter un vertex, cliquez droit sur le segment à l'emplacement désiré et sélectionner "Insérer un élément".

Cela peut sembler être une pagaille de calques. Et oui, si vous n'utilisez pas le logiciel correctement, c'est exactement ce que vous obtiendrez. Mais il y a une manière plus sensé de procéder. Comme il est indiqué dans le tutoriel précédent, vous pouvez grouper les calques de manière hiérarchique.

Une chose rapide à mentionner avant d'en finir. Vous pouvez changer la largeur du contour de chaque vertex. Vous faites cela en sélectionnant le calque contour (NOTE: vous devez sélectionner le calque Contour, le calque Région ne possède pas d'informations de largeur) et ajuster les poignées de largeur. Par défaut celles ci sont masquées. Pour les faire apparaitre, pressez Alt5 ou cliquez sur le bouton "Basculer les poignées" dans la partie supérieur de la fenêtre canevas (le cinquième bouton en partant de la gauche). Un nouveau clique pour les cacher. Vous pouvez également trouver d'autres choses à masquer via le Menu chevron du Caneva : "Affichage → Montrer/Cacher les Poignées".

Utiliser une tablette pour dessiner des formes

Si vous avez une tablette graphique, vous pouvez utiliser l'Outil Calligraphie pour créer des Splines.

Synfig Studio gère la pression, mais vous devez d'abords le configurer. Allez à "Fichier → Périphériques d'entrée..." depuis le menu de la Boite à Outils. Dans la boite de dialogue "Entrée" selectionnez le stylet de votre tablette graphique et paramétrez son "Mode" sur "Écran". Cliquez "Enregistrer" et ensuite "Fermer".

Maintenant, prenez votre stylet, créer un nouveau fichier et cliquez sur le bouton de l'Outil Calligraphie dans la boite à outils. Positionnez l'épaisseur par défaut de la ligne à une valeur relativement grande — disons, 15px — sinon vous ne noterez aucun effet de sensibilité à la pression. Choisissez marron comme couleur de remplissage.

Note

Les étapes précédentes doivent être réalisées avec le stylet de votre tablette, pas avec la souris. Synfig Studio enregistre indépendamment les paramètres pour chaque périphériques d'entrées. C'est pour cela que si vous paramétrez ces options avec la souris cela n'aura aucun effet lorsque vous utiliserez votre stylet.
note end


Dans le panneau Options des outils, assurez vous que vous avez les mêmes options que dans la copie d'écran suivante.

DrawToolOptions.png

Maintenant dessinons quelque chose comme un fond montagneux galbé. Démarrer en dessinant une ligne depuis la bordure gauche vers la moitié du canevas. Tentez de varier la pression sur votre stylet pendant que vous êtes en train de dessinez. Arrêtez près du centre du canevas. C'est votre première ligne. Vous pouvez noter le nouveau calque de contour qui à été créé dans le Panneau des Calques.

Creating-shapes-4-draw.png

Positionnez votre stylet sur la dernière poignée de votre nouvelle Spline et continuez en dessinant jusqu'à la bordure droite de votre canevas. Lorsque vous avez terminé, regardez à nouveau le panneau des calques. Il n'y a toujours qu'un seul calque de contour. Synfig Studio et suffisamment intelligent pour se rendre compte que nous n'avez pas besoin d'un nouveau calque de contour et prolonge le dernier. Nous pouvez prolonger la Spline depuis chacune des extrémités, mais si vous commencez à dessiner depuis n'importe qu'elle autre endroit du canevas, une nouveau calque de contour sera créé. Cependant votre première Spline restera active et rien ne vous empêchera de la prolonger plus tard.

Revenons a votre œuvre. Dans la Boîte à Outils cliquez sur le bouton sceau afin de remplir le contour que vous venez juste de créer. Un calque Région apparait au dessus des calques sur lesquelles nous étions en trains de travailler. Sélectionnez le calque Contour et cliquez sur le bouton "Monter le Calque" dans le Panneau de Calque pour placer le Calque Contour au dessus de la Région.

Creating-shapes-5-draw.png

Étendre la ligne depuis chacune des extrémités vers les coins inférieur du canevas pour remplir la partie basse. Fantastique.

Creating-shapes-6-draw.png

Continuons et ajoutons quelques lignes supplémentaire au dessus de la région rempli pour donner un air de montagne. Si les poignées marrons sont sur votre chemin, vous poussez les cacher en cliquant sur le bouton "Basculer les poignées de vertex" dans le haut de la fenêtre canevas (le deuxième en partant de la gauche).

Creating-shapes-7-draw.png

L'outil Calligraphie est formidable pour dessiner des formes complexes, mais vous finirez avec un paquet de poignées, ce qui est difficile à manipuler avec l'Outil de transformation avec la manière décrite précédemment. Vous avez deux solutions.

Premièrement, vous pouvez augmenter la valeur "Adoucissement" de la Spline dans la boite de dialogue Options des outils. Cela réduira le nombre de vertex créé au moment du dessin, mais votre forme sera moins détaillée.

Deuxièmement, vous pouvez utiliser l'Outil Déplacement Lissé pour déformer une forme existante. Allons-y et cliquez sur le bouton Outil déplacement lissé dans la boite à outils. Le truc a propos de cette outil est qu'il n'affecte uniquement les poignées sélectionnées. Cliquez sans relâcher le bouton gauche de la souris dans une partie vide du canevas. Déplacer la souris pour créer une boite de sélection. Relâcher le bouton de la souris lorsque vous aurez terminé. Ou alors simplement faites CtrlA pour sélectionner toute les poignées. Maintenant vous pouvez déformer les portions de Splines sélectionnés. Vous pouvez changer la zone d'influence en modifiant le "Rayon" dans la Panneau Options des Outils.

Quand est-il de l'épaisseur du contour? Il y a un Outil Épaisseur pour cela. Il est conçu pour augmenter ou diminuer l'épaisseur de la ligne sensiblement a ce que vous pourriez faire avec un crayon sur une feuille de papier. Cliquez sur Outil Épaisseur dans la Boite à Outils, déplacer votre stylet au dessus de la ligne que vous voulez changer, pressez et déplacer le curseur de part et d'autre le long de la ligne, comme si vous grattiez quelque chose. L'épaisseur du contour seras augmentée jusqu'à la position au vous aurez placé le curseur. Si vous voulez diminuer l'épaisseur, cliquez simplement sur la touche "Ctrl" lorsque vous grattez. Facile!

Si vous ne souhaitez pas que les poignées d'épaisseur soit affichées durant l'utilisation de l'outil épaisseur, cacher les en cliquant sur le bouton "Basculer les poignées de largeur" dans le haut de la fenêtre canevas.

D'autres façons de créer des Splines

Est ce que c'est tout? Pas encore. Vous pouvez également utiliser l'outil Cercle, Rectangle, Étoile et Polygone pour créer des Splines. Vérifier les options "Créer un Contour" et "Créer une Région" dans le panneau Options des Outils lorsque vous utilisez ces outils.

Créer des formes géométriques en Spline vous donne un meilleur contrôle sur ces formes et leur apparence. Par exemple, si vous désirez une étoile difforme, vous pouvez utiliser l'Outil Étoile pour la créer avec des Splines de Contour et de Région puis ensuite utilisez l'Outil de Transformation pour la déformer.

Maintenant vous êtes prêt pour le dernier tutoriel de cette section. Allons-y!

Liens

Une vidéo sur ce sujet est disponible ici


Navigation Navigation:  <<Manuel>>


Languages Language: 

English • español • français • italiano • português • română • русский • 中文(中国大陆)‎