Créer des formes

From Synfig Studio :: Documentation
Jump to: navigation, search
m (correct page info section, using {} instead of [] to avoid translated doc listing in english version)
m (update bloc manual)
 
(30 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 -->
 
  
 +
{{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|Reset Colors button in the Toolbox]] Avant de commencer avec le tutoriel de BLine ajoutons quelques élements complémentaires sur la façon de fonctionner de Synfig. Quand vous cliquerez sur l'outil Bline ({{l|BLine Tool}}), vous vous apercevrez que les sommets de l'objet en cours de sélection (si il en existe un) vont disparaître, mais que le calque correspondant restera sélectionné dans le Panneau des Calques ({{l|Layers Panel}}). C'est normal. Quoique vous fabriquiez avec l'outil BLine sera inséré au-dessus du calque en cours de sélection. Gardez en mémoire que si vous voulez insérer une forme quelque part, vous devrez sélectionner exactement où vous voulez l'insérer avant d'activer l'outils BLine &mdash; changer de sélection après-coup vous renverra automatiquement dans l'outil de transformations ( Transform Tool).  
+
[[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|Reset Colors}} dans l'angle inférieur gauche du widget de couleurs FG/BG (Premier plan/arrière plan) de la {{l|Toolbox|toolbox}}. Celà rétablira les couleurs par défaut noir et blanc. Paramétrez également {{l|New Layer Defaults#Default Line Width|default line width}} (épaisseur par défaut des lignes) vers quelque chose de bien assez fin &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 Panneau d'option des outils (Tool Options Panel). Assurez-vous que seules les options {{Literal|Create Region BLine}}, {{Literal|Create Outline BLine}} et {{Literal|Link Origins}} soient cochées.   
+
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.   
  
Clicking with your mouse in the canvas will place vertices. While you are placing a vertex, you can drag out its tangent by dragging the mouse. Do this over and over, and you construct a BLine.
+
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.
  
Keep in mind, however, that during this construction, there is nothing stopping you from just moving it if you don't like where you placed a vertex or a tangent. Honest! If you want to remove a vertex, right click on it and select {{Literal|Delete Vertex}}. Want to split the tangents? Right click on the tangent and hit {{Literal|Split Tangents}}. Want to loop the BLine? Right click on the first vertex and select {{Literal|Loop BLine}}.  
+
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]]
  
When you are finished placing vertices, you must exit construction mode in order to actually create the BLine layer(s); there are 2 ways to do this:
+
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:
#Switch to another tool.
+
#Changer d'outil.
#Press the {{Literal|Create}} button at the bottom of the Tool Options Panel (it's the icon that looks like a gear).
+
#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)
For now, just go ahead and switch to the {{l|Transform Tool}}, because we are done with the BLine Tool.
+
 
 +
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]]
  
== Editing 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}} 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.
  
Ok, we now have a nice pretty white region with a thick black outline. Since we checked {{Literal|Create Region BLine}} and {{Literal|Create Outline BLine}} in previous steps, you'll notice that there are two layers that we have created &mdash; the {{l|Outline Layer|Outline}} and the {{l|Region Layer|Region}} in the Layers Panel. Despite the fact that they are two separate layers, their vertices parameter has already been {{l|Linking|linked}} &mdash; so you can select either one and move its ducks around and the other one will also change.
+
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}}.
  
If you want to manipulate the vertices ''after'' you have created the layers, it is very easy to do so. Just click on one of the layers and have at it. If you want to remove a vertex, right click on it and hit {{Literal|Remove Item (smart)}}. Want to insert a point somewhere? Right click on the segment where you want to insert something and hit {{Literal|Insert item (smart)}}.
+
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.
  
{{Note|Note|The only major difference between this normal editing mode and the construction mode is in how you split the tangents &mdash; in construction mode you right click on the tangent itself. In normal duck editing mode, you must right click on the vertex to which the tangents are attached.  This could be considered a usability bug, and it will be resolved at some point.}}
+
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}}.
  
This may appear to be leading to a mess of layers. And yes, if you aren't using the software properly, that is exactly what you will get. But there is a way to make this more sane. As mentioned in the {{l|Doc:Adding Layers|previous tutorial}}, you can {{l|encapsulate|encapsulate}} layers into hierarchy.
+
== Utiliser une tablette pour dessiner des formes ==
  
One quick thing to mention before I finish up. You can change the width of an outline at each vertex. You do this by selecting the outline layer (NOTE: you must select the Outline Layer, the Region Layer has no width data) and tweaking with the width ducks. By default, these are masked. To show them, press {{Shortcut|alt|5}} or click {{Literal|Toggle width ducks}} button at the top of the canvas window (the fifth one from the left). Repeat to hide them again. You can also see other things to mask via the {{l|Canvas Menu Caret}}: {{c|View|Show/Hide Ducks}}.
+
Si vous avez une [http://fr.wikipedia.org/wiki/Tablette_graphique tablette graphique], vous pouvez utiliser l'Outil Calligraphie pour créer des Splines.
  
== Using tablet to draw shapes ==
+
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}}.
  
If you have a [http://en.wikipedia.org/wiki/Graphics_tablet graphic tablet] you can use Draw Tool to create BLines.
+
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}}.
  
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}}.
+
{{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.}}
  
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.
+
Dans le panneau Options des outils, assurez vous que vous avez les mêmes options que dans la copie d'écran suivante.
  
{{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.}}
+
[[File:DrawToolOptions.png|center|frame]]
In the Tool Options Panel, make sure that you have the same options as shown on the screenshot below.
+
  
[[Image:DrawToolOptions.png|center|frame]]
+
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.
 
+
Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.
+
  
 
[[Image:Creating-shapes-4-draw.png|center|frame]]
 
[[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ă • русский • 中文(中国大陆)‎