Commençons par le commencement

From Synfig Studio :: Documentation
Jump to: navigation, search
(Introduction)
 
(38 intermediate revisions by 7 users not shown)
Line 1: Line 1:
== Introduction ==
+
<!-- Page info -->
Lorsque vous démarrez Synfig Studio, les fenêtres suivantes apparaissent:
+
{{Title|Commençons par le commencement}}
 +
{{Navigation|Category:Manual|Doc:Animation_Basics}}
 +
{{TOCright}}
 +
{{Category|Manual}}
 +
{{Category|Tutorials}}
 +
{{Category|Tutorials Basic}}
 +
{{NewTerminology}}
 +
<!-- Page info end -->
  
[[Image:Interface.png|600px|thumb|center|border|Default interface layout of Synfig Studio]]
 
  
Les composants principaux sont:
+
= Introduction =
 +
== Interface ==
 +
Lorsque vous démarrez Synfig Studio, les fenêtres suivantes apparaissent :
  
* {{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.
+
[[File:Interface 1.0.png|900px|thumb|center|border|La disposition par défaut de l'interface de Synfig Studio]]
  
* {{l|Canvas}} &mdash; Le '''canevas''' (ou toile) où vos illustrations et animations vont apparaître.
+
Les composants principaux sont :
  
* {{l|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.
+
* {{l|Toolbox}} — La '''boîte à outils''' est la fenêtre principale de Synfig Studio. Elle contient le menu et les boutons système, les outils et les autres éléments nécessaires à la création et à l'édition de votre projet graphique. Fermer cette fenêtre quittera l'application.
  
{{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}}.}}
+
* {{l|Canvas}} — Le '''canevas''' (ou toile) où vos illustrations et animations apparaîtront.
  
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.
+
* {{l|Category:Panels}} — 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.
  
Les deux autres fenêtres (une en bas et une à droite) sont personnalisables {{l|dock dialogs|''dock dialogs''}}.
+
{{Note|Astuce|Si vous avez désorganisé l'interface de Synfig Studio et que vous ne parvenez plus à retrouver l'interface par défaut, vous pouvez réinitialiser les fenêtres depuis le menu {{Literal|Fichier}} de la boîte à outils, en sélectionnant {{c|Panneaux|Rétablir la disposition d'origine des fenêtres}}.}}
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.
+
  
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.
+
La fenêtre au centre est appelée {{l|Category:Canvas_Window|Fenêtre de Canevas}}. Chaque fois que vous démarrez Synfig Studio, une nouvelle fenêtre de canevas s'ouvre. Cette fenêtre représente le {{l|Root Canvas|Canevas principal}} (à ce stade, ne vous inquiétez pas si vous ne comprenez pas de quoi il s'agit). Dans le coin en haut à gauche de la Fenêtre de Canevas, vous devriez voir un bouton avec un 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|Layers|calque}} sous la position de la souris. À présent, vous savez où se trouve le menu dans la Fenêtre de Canevas. Parfait.
  
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.
+
Les deux autres fenêtres (une en bas et une à droite) sont personnalisables ({{l|Dock dialogs|« dialogue ancrable »}} ou “dock dialog”).
 +
Chaque dialogue ancrable contient un jeu de {{l|Panel|panneaux}}, disposés horizontalement ou verticalement. Plusieurs panneaux partagent le même espace dans un dialogue ancrable et vous pouvez passer de l'un à l'autre en cliquant sur leurs {{l|Panel Tab|onglets}}. Vous pouvez organiser les dialogues ancrables selon votre préférence simplement en glissant l'onglet du panneau là où vous le voulez. Vous pouvez même créer un nouveau dialogue ancrable en glissant un onglet en dehors de son dialogue ancrable d'origine.
  
Voici quelques uns des plus importants:
+
Si jamais vous fermiez accidentellement un panneau (en le glissant en dehors de sa boite ancrable et en fermant la nouvelle qui vient d'être créée), pas de panique. Allez simplement dans la boite à outils, choisissez dans le menu {{c|Fichier|Panneaux}} et cliquez simplement sur le nom du panneau dont vous avez besoin.
  
* {{l|Layers Panel|Panneau de Calques}} &mdash; ce panneau vous montre la hiérarchie des calques pour le canvenas actuellement sélectionné. Il vous permet également de manipuler ces calques.
+
Les {{l|panel|panneaux}} sont nombreux dans Synfig Studio. Si la fonction d'un panneau vous paraît obscure, placez simplement votre pointeur de souris sur l'icône de son onglet et une bulle d'information (tooltip) apparaîtra pour préciser le nom du panneau.
* {{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).
+
* {{l|Categorical Help#Synfig Dialogs|Panneau d'Options des Outils}} &mdash; ce panneau vous présente les options spécifiques à l'outil sélectionné.
+
* {{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.
+
* {{l|History Panel|Panneau d'Historique}} &mdash; il vous présente la pile d'historique de la compisition courante. Vous pouvez également éditer les actions de cet historique.
+
  
== First steps ==
+
En voici quelques-uns parmi les plus importants :
  
Let's create something so that we can play with it and tweak it.
+
* {{l|Layers Panel|Panneau de Calques}} — ce panneau vous montre la hiérarchie des calques pour le canevas actuellement sélectionné. Il vous permet également de manipuler ses calques.
 +
* {{l|Params Panel|Panneau de Paramètres}} — 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).
 +
* {{l|Tool Options Panel|Panneau Options des Outils}} — ce panneau vous présente les options spécifiques à l'outil sélectionné.
 +
* {{l|Navigator|Navigateur}} — 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.
 +
* {{l|History Panel|Panneau d'Historique}} — il vous présente la pile d'historique de la composition courante. Vous pouvez également éditer les actions de votre historique.
  
Synfig Studio, like most every other competent graphics program, breaks down individual elements of a {{l|canvas|canvas}} into {{l|layer|layers}}. However, it differs from other programs in two major ways:
+
== Calques ==
  
[[Image:LayersPanel.png|right|frame|Layers Panel]]
+
Synfig Studio, comme la plupart de tous les autres programmes graphiques reconnus, dispose chaque élément individuel du {{l|Canvas|canevas}} dans un {{l|Layers|calque}}. Toutefois, il diffère des autres programmes par plusieurs aspects :
  
# An individual layer in Synfig usually represents a single "Primitive". I.e. a single region, an outline of a region, an imported image, etc... This allows you to have a great deal of flexibility and control. It is not uncommon for a composition to have hundreds of layers (organized into a hierarchy for artist's sanity of course).
+
[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|Panneau de Calques]]
# A layer can not only composite information on top of the image below it, but also distorts and/or modify it in some other way. In this sense, Synfig's Layers act much like filters do in Adobe Photoshop or the GIMP. For example, we have a {{l|Blur Layer}}, {{l|Radial Blur Layer}}, {{l|Spherize Layer}}, {{l|Color Correct Layer}}, {{l|Bevel Layer}}, etc...
+
  
Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the canvas window, or in the {{l|Layers Panel}}), you will see its parameters in the {{l|Params Panel}}.
+
# Un calque individuel dans Synfig représente une seule « Primitive ». C'est-à-dire, 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).
 +
# Un calque peut 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 Biseau}}, etc.
  
Synfig Studio has an autorecover feature. If it crashes, even if the current file has not been saved, it will not lose more than 5 minutes of work. At restart it will automatically prompt the user to recover the unsaved changes. Unfortunately history isn't recovered yet.
+
Chaque calque a un jeu de paramètres qui indiquent 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}}.
  
{{DevNotesBegin}}
+
== Notes ==
One thing you may notice is that Synfig Studio is SLOW, making it practically unusable on hardware that is over 3 years old. The biggest reason for this is that all of the color calculations are done in floating point &mdash; because Synfig Studio was built from the ground up with High-Dynamic-Range Imaging in mind. HOWEVER, this will not be the case forever.
+
  
We have some fairly major re-implementations and optimizations that we plan to implement that should quite dramatically improve the performance of Synfig on all platforms. The goal is not a 200% speed increase, it is at least a 2000% speed increase. Currently there is a work in progress in development branch implementing those optimization via OpenGL. They already show very promising results, but is not ready for usage yet.
+
Synfig Studio dispose d'une fonction de récupération automatique. Si le logiciel plante, et 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 ne sera pas récupéré.
 +
 
 +
{{DevNotesBegin}}
 +
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 toujours le cas.
 +
Nous avons prévu de majeures ré-implémentations et optimisations qui devraient considérablement accroître les performances de Synfig sur toutes les plates-formes. 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 pour utilisation.
 
{{DevNotesEnd}}
 
{{DevNotesEnd}}
  
Now go over to the toolbox and click on the {{l|Circle Tool}} (if you don't know which one it is, just mouse over them until you find the one with the tooltip that says "Circle Tool").  
+
= Premiers pas =
 +
 
 +
Créons quelque chose que nous pourrons travailler et peaufiner.
 +
 
 +
== Des cercles ==
 +
 
 +
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 par-dessus ceux-ci jusqu'à trouver celui qui affiche « Outil cercle »).
 +
 
 +
Lorsque vous cliquez sur l'outil cercle, vous pouvez remarquer que le {{l|Tool Options Panel|Panneau Options des Outils}} change. Mais nous y viendrons plus tard.
 +
 
 +
{{Note|Note|Certains utilisateurs peuvent rencontrer les problèmes suivants : lorsque vous cliquez puis glissez la souris sur le canevas en utilisant l'outil cercle, rien ne semble se passer et vous finissez par 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 vous avez un périphérique d'entrée étendue et que vous voulez utiliser la pression de son stylet alors activez-le. Tous les autres périphériques (comme l'émulation du bouton de souris Macintosh et les souris USB) doivent être désactivés. Ainsi, Synfig devrait fonctionner correctement.}}
  
When you click on the circle tool, you should notice that the {{l|Tool Options Panel}} changed. But we'll get to that later.
+
Avec l'Outil Cercle sélectionné, vous pouvez maintenant créer des cercles dans la {{L|Category:Canvas_Window|Fenêtre de Canevas}}. Cela fonctionne comme vous deviez vous y attendre — cliquez sur le canevas, glissez le pointeur pour changer la valeur du rayon et relâchez le bouton de la souris lorsque vous avez fini. Allez-y et créez deux cercles (ou plus si vous en avez envie). Si accidentellement vous relâchez le bouton de la souris avant de glisser, vous avez créé un cercle de rayon 0 et il est effectivement invisible ! Pas d'inquiétude, on peut 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.
  
{{Note|Note|Some users might experience the following problem: when you click-drag on the canvas using the Circle Tool, either nothing seems to happen or you end up making insanely huge circles. This is a known problem. To fix this: go to {{c|File|Input Devices}} and disable all the devices you can find there. If you have a extended input device that you'll use its pen pressure then enable it to screen. All the other devices (like Macintosh mouse button emulation and USB Optical mouse) must be disabled. After this change Synfig will work as expected.}}
+
À présent, revenez sur la boite à outils et cliquez sur l'{{l|Transform Tool|Outil de Transformation}}, 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|Handle|poignées}}. Si vous voulez modifier le cercle, attrapez une poignée et étirez-le. Quelle simplicité !
With the Circle Tool selected, you can now create circles in the {{l|Canvas Window}}. This works as you might expect &mdash; click on the canvas, drag to change length of the radius, and release the mouse button when you are done. Go ahead and create two circles (or more, if you fancy). If you accidentally release the mouse button before dragging, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. You can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.
+
  
Now go back to the toolbox and click on the {{l|Normal Tool}} (the blue circle with the arrow on it). After you do this, click on one of your circles. You will then see a {{l|bounding box}} (which is kind of useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called ''{{l|duck|ducks}}''. If you want to modify the circle, grab a duck and drag it around. Easy!
+
Vous pouvez sélectionner un calque en cliquant dessus. Si vous voulez en sélectionner plus d'un, appuyez sur la touche {{Shortcut|ctrl}} tout en cliquant — cela fonctionne à la fois dans la fenêtre de canevas et dans le {{l|Layers Panel|Panneau de calques}}. Essayez !
  
You can select a {{l|layer}} by clicking on it. If you want to select more than one layer, hold down {{Shortcut|ctrl}} key while you are clicking &mdash; this works in both the Canvas Window and the {{l|Layers Panel}}. Try it!
+
Vous pouvez aussi sélectionner plusieurs poignées. Vous pouvez le faire de plusieurs façons. Maintenez la touche {{Shortcut|ctrl}} enfoncée et cliquez sur chaque poignée que vous voulez sélectionner, mais cela peut vite être lassant. Il existe ainsi une méthode bien plus rapide — créez simplement un rectangle de sélection en glissant la souris sur la canevas avec le bouton gauche enfoncé, afin d'encadrer les poignées que vous voulez sélectionner.
  
You can also select multiple ducks. You can do this in several ways. First, you can hold down {{Shortcut|ctrl}} and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method &mdash; just create a {{l|Selection|selection box}} by clicking the mouse and dragging it over the area of ducks that you want selected.
+
Continuons. Sélectionnez deux cercles et toutes leurs poignées. Avec plusieurs poignées sélectionnés, le fait d'en déplacer une les déplacera toutes.
 +
<!-- TODO: About rotating and scaling with Ctrl and Alt keys -->
  
Go ahead, select two circles and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks. This behavior is dependent on the Normal Tool. Thus, a more descriptive name for this tool might have been the "move" or "translate" tool.
+
Les outils {{l|Rotate Tool|Rotation}} et {{l|Scale Tool|Mise à l'échelle}} s'utilisent de façon globalement similaire à l'outil de Transformation, excepté dans le cas où vous avez plusieurs poignées sélectionnées. Il est plus facile de faire l'essai que de lire sur ce sujet. Sélectionnez quelques cercles, sélectionnez toutes leurs poignées et essayez d'utiliser les outils Rotation et Mise à l'échelle.
  
The {{l|Rotate Tool|rotate}} and {{l|Scale Tool|scale}} tools work much like the Normal Tool, except in the case where you have multiple ducks selected. It is much easier to just try it than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.
+
Pensez-y : les outils de manipulation des poignées ont des options. Si un outil particulier ne fait pas ce que vous attendiez, regardez dans le {{l|Tool Options Panel|Options des Outils}} pour voir s'il est configuré de la manière attendue.
  
Note that, duck manipulation tools have options associated with them. If a particular tool isn't doing what you want, take a look in the {{l|Tool Options Panel}} to see if it is set up the way you want.
+
== Liens ==
  
== Linking ==
+
À 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 poignées de rayon (les points cyans).
  
Now let's try {{l|linking|linking}}. Let's say we always want these two circles to be the same size. Select two circles, and then select both of their radius ducks (the cyan dots).
+
Pour sélectionner plusieurs poignées, vous pouvez former un rectangle de sélection autour d'eux, ou bien sélectionner la première poignée, puis maintenir la touche {{Shortcut|ctrl}} enfoncée pendant que vous sélectionnez les autres. Une fois les deux poignées de rayon sélectionnées, faites un clic droit sur l'une des poignées et un menu apparaîtra. Choisissez {{Literal|Lier}}. Tadam ! Les paramètres sont liés entre eux. Pour preuve, sélectionnez juste un des cercles et modifiez son rayon — l'autre fera de même. Magique, n'est-ce pas ?
  
To select multiple ducks, either drag a rectangle around them, or select the first one, then hold the {{Shortcut|ctrl}} key while selecting the rest.  Once you have the two radius ducks selected, right click on either duck and a menu will pop up. Click on {{Literal|Link}}. Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius &mdash; the other one will change as well. Neat stuff, eh?
+
Les liaisons représentent un concept fondamental de Synfig. Vous pouvez créer des liens pas uniquement entre des poignées, mais également entre d'autres paramètres en sélectionnant plusieurs calques puis par un clic droit sur le paramètre dans le tableau des paramètres, finalement en sélectionnant {{Literal|Lier}}.
  
Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the param tab, and selecting {{Literal|Link}}.
+
== Sélection des couleurs ==
  
{{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...}}
+
Posons 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 contour/remplissage, le sélecteur d'épaisseur de trait et quelques autres éléments 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 — cliquez sur une couleur, et une modeste boite de dialogue de choix de couleur apparaîtra. À présent, vous pouvez changer la couleur relativement facilement.  
  
== Color selection ==
+
Il arrive cependant que vous souhaitiez juste choisir une couleur et l'appliquer à vos formes. C'est à cela que sert l'onglet Éditeur de palette.
  
Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the outline/fill color selector, the outline width selector, and some other stuff like the default blend method and gradient. The outline/fill color widget works exactly as you might expect &mdash; you can click on the fill color, and a modest color chooser will appear. Now to can change the color pretty easily.  
+
Cliquez sur l'onglet Éditeur de palette et jetez-y un coup d'œil — c'est celui qui possède une icône qui ressemble à un nuancier. Cliquer sur une couleur avec le bouton gauche de la souris changera immédiatement la couleur par défaut du contour, et cliquer avec le bouton du milieu changera la couleur de remplissage.
  
But sometimes you just want to click on a color and go. This is where the palette editor tab comes in. Its functionality isn't quite 100% yet (ie: saving and loading custom palettes hasn't been implemented yet), but the default palette is pretty decent. Click on the Palette Editor panel tab and have a look &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.
+
Tout cela est bien beau, mais nous n'avons pas encore changé la couleur du cercle. Il existe trois façons de le faire. La première est de sélectionner le calque que vous voulez modifier, puis d'aller dans le panneau de paramètres et double-cliquer sur le paramètre {{Literal|Couleur}}. Une boite de sélection de couleur apparaîtra et il vous suffira de la manipuler. Mais supposons que vous avez déjà choisi une couleur de remplissage ou de contour. Alors vous pouvez effectuer un clic droit sur le paramètre Couleur dans le panneau Paramètres et sélectionner {{Literal|Appliquer la couleur de remplissage}} ou {{Literal|Appliquer la couleur de contour}} selon votre convenance. Enfin, vous pouvez aussi cliquer sur l'{{Literal|Outil Remplissage}} depuis la boite à outils, et ensuite cliquer sur le cercle dans la fenêtre Canevas. Tadam ! Le cercle change de couleur. Bien évidemment, cela fonctionne avec autre chose que les cercles.
  
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.
+
Tentez de jouer avec vos cercles un petit moment. Bricolez les paramètres et voyez ce que cela produit. Pour démarrer, positionnez l'{{l|Feather Parameter|adoucissement}} à 5.
  
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.
+
= Allons plus loin =
  
== Digging deeper ==
+
Bien sûr, vous avez jusque là seulement appris à 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}}.
  
Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the {{l|Doc:Animation_Basics|next chapter}}.
+
{{Navigation|Category:Manual|Doc:Animation_Basics}}

Latest revision as of 10:08, 16 May 2016

Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • português • română • русский • 中文(中国大陆)‎ • 中文(台灣)‎


Navigation Navigation:  <<Manuel>>



Introduction

Interface

Lorsque vous démarrez Synfig Studio, les fenêtres suivantes apparaissent :

La disposition par défaut de l'interface de Synfig Studio

Les composants principaux sont :

  • Boite à Outils — La boîte à outils est la fenêtre principale de Synfig Studio. Elle contient le menu et les boutons système, les outils et les autres éléments nécessaires à la création et à l'édition de votre projet graphique. Fermer cette fenêtre quittera l'application.
  • Canevas — Le canevas (ou toile) où vos illustrations et animations apparaîtront.
  • Panneaux — 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.

Astuce

Si vous avez désorganisé l'interface de Synfig Studio et que vous ne parvenez plus à retrouver l'interface par défaut, vous pouvez réinitialiser les fenêtres depuis le menu "Fichier" de la boîte à outils, en sélectionnant "Panneaux → Rétablir la disposition d'origine des fenêtres".
note end


La fenêtre au centre est appelée Fenêtre de Canevas. Chaque fois que vous démarrez Synfig Studio, une nouvelle fenêtre de canevas s'ouvre. Cette fenêtre représente le Canevas principal (à ce stade, ne vous inquiétez pas si vous ne comprenez pas de quoi il s'agit). Dans le coin en haut à gauche de la Fenêtre de Canevas, vous devriez voir un bouton avec un chevron (>). Si vous cliquez sur ce bouton, le 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 calque sous la position de la souris. À présent, vous savez où se trouve le menu dans la Fenêtre de Canevas. Parfait.

Les deux autres fenêtres (une en bas et une à droite) sont personnalisables (« dialogue ancrable » ou “dock dialog”). Chaque dialogue ancrable contient un jeu de panneaux, disposés horizontalement ou verticalement. Plusieurs panneaux partagent le même espace dans un dialogue ancrable et vous pouvez passer de l'un à l'autre en cliquant sur leurs onglets. Vous pouvez organiser les dialogues ancrables selon votre préférence simplement en glissant l'onglet du panneau là où vous le voulez. Vous pouvez même créer un nouveau dialogue ancrable en glissant un onglet en dehors de son dialogue ancrable d'origine.

Si jamais vous fermiez accidentellement un panneau (en le glissant en dehors de sa boite ancrable et en fermant la nouvelle qui vient d'être créée), pas de panique. Allez simplement dans la boite à outils, choisissez dans le menu "Fichier → Panneaux" et cliquez simplement sur le nom du panneau dont vous avez besoin.

Les panneaux sont nombreux dans Synfig Studio. Si la fonction d'un panneau vous paraît obscure, placez simplement votre pointeur de souris sur l'icône de son onglet et une bulle d'information (tooltip) apparaîtra pour préciser le nom du panneau.

En voici quelques-uns parmi les plus importants :

  • Panneau de Calques — ce panneau vous montre la hiérarchie des calques pour le canevas actuellement sélectionné. Il vous permet également de manipuler ses calques.
  • Panneau de Paramètres — 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).
  • Panneau Options des Outils — ce panneau vous présente les options spécifiques à l'outil sélectionné.
  • Navigateur — 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.
  • Panneau d'Historique — il vous présente la pile d'historique de la composition courante. Vous pouvez également éditer les actions de votre historique.

Calques

Synfig Studio, comme la plupart de tous les autres programmes graphiques reconnus, dispose chaque élément individuel du canevas dans un calque. Toutefois, il diffère des autres programmes par plusieurs aspects :

Panneau de Calques
  1. Un calque individuel dans Synfig représente une seule « Primitive ». C'est-à-dire, 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).
  2. Un calque peut 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 Calque Flou, Calque Flou Radial, Calque Sphère, Calque de Correction des Couleurs, Calque Biseau, etc.

Chaque calque a un jeu de paramètres qui indiquent comment il se comporte. Lorsque vous cliquez sur un calque (soit dans la fenêtre de canevas, soit dans le Panneau de Calques.), vous verrez ses paramètres dans le Panneau des Paramètres.

Notes

Synfig Studio dispose d'une fonction de récupération automatique. Si le logiciel plante, et 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 ne sera pas récupéré.

Development Notes:

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 toujours le cas. Nous avons prévu de majeures ré-implémentations et optimisations qui devraient considérablement accroître les performances de Synfig sur toutes les plates-formes. 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 pour utilisation.

Premiers pas

Créons quelque chose que nous pourrons travailler et peaufiner.

Des cercles

Allez dans la boite à outils et cliquez sur l'Outil Cercle (si vous ne savez pas duquel il s'agit, passez simplement la souris par-dessus ceux-ci jusqu'à trouver celui qui affiche « Outil cercle »).

Lorsque vous cliquez sur l'outil cercle, vous pouvez remarquer que le Panneau Options des Outils change. Mais nous y viendrons plus tard.

Note

Certains utilisateurs peuvent rencontrer les problèmes suivants : lorsque vous cliquez puis glissez la souris sur le canevas en utilisant l'outil cercle, rien ne semble se passer et vous finissez par créer des cercles gigantesques. Il s'agit d'un problème connu. Pour le corriger : allez dans le menu "Fichier → Périphériques d'entrées" et désélectionnez tous les périphériques que vous y trouverez. Si vous avez un périphérique d'entrée étendue et que vous voulez utiliser la pression de son stylet alors activez-le. Tous les autres périphériques (comme l'émulation du bouton de souris Macintosh et les souris USB) doivent être désactivés. Ainsi, Synfig devrait fonctionner correctement.
note end


Avec l'Outil Cercle sélectionné, vous pouvez maintenant créer des cercles dans la Fenêtre de Canevas. Cela fonctionne comme vous deviez vous y attendre — cliquez sur le canevas, glissez le pointeur pour changer la valeur du rayon et relâchez le bouton de la souris lorsque vous avez fini. Allez-y et créez deux cercles (ou plus si vous en avez envie). Si accidentellement vous relâchez le bouton de la souris avant de glisser, vous avez créé un cercle de rayon 0 et il est effectivement invisible ! Pas d'inquiétude, on peut 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.

À présent, revenez sur la boite à outils et cliquez sur l'Outil de Transformation, puis cliquez sur l'un de vos cercles. Vous voyez alors une 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 poignées. Si vous voulez modifier le cercle, attrapez une poignée et étirez-le. Quelle simplicité !

Vous pouvez sélectionner un calque en cliquant dessus. Si vous voulez en sélectionner plus d'un, appuyez sur la touche Ctrl tout en cliquant — cela fonctionne à la fois dans la fenêtre de canevas et dans le Panneau de calques. Essayez !

Vous pouvez aussi sélectionner plusieurs poignées. Vous pouvez le faire de plusieurs façons. Maintenez la touche Ctrl enfoncée et cliquez sur chaque poignée que vous voulez sélectionner, mais cela peut vite être lassant. Il existe ainsi une méthode bien plus rapide — créez simplement un rectangle de sélection en glissant la souris sur la canevas avec le bouton gauche enfoncé, afin d'encadrer les poignées que vous voulez sélectionner.

Continuons. Sélectionnez deux cercles et toutes leurs poignées. Avec plusieurs poignées sélectionnés, le fait d'en déplacer une les déplacera toutes.

Les outils Rotation et Mise à l'échelle s'utilisent de façon globalement similaire à l'outil de Transformation, excepté dans le cas où vous avez plusieurs poignées sélectionnées. Il est plus facile de faire l'essai que de lire sur ce sujet. Sélectionnez quelques cercles, sélectionnez toutes leurs poignées et essayez d'utiliser les outils Rotation et Mise à l'échelle.

Pensez-y : les outils de manipulation des poignées ont des options. Si un outil particulier ne fait pas ce que vous attendiez, regardez dans le Options des Outils pour voir s'il est configuré de la manière attendue.

Liens

À présent, essayons les liaisons. Disons que nous voulons toujours avoir la même taille pour les deux cercles. Sélectionnez les deux cercles puis leur poignées de rayon (les points cyans).

Pour sélectionner plusieurs poignées, vous pouvez former un rectangle de sélection autour d'eux, ou bien sélectionner la première poignée, puis maintenir la touche Ctrl enfoncée pendant que vous sélectionnez les autres. Une fois les deux poignées de rayon sélectionnées, faites un clic droit sur l'une des poignées et un menu apparaîtra. Choisissez "Lier". Tadam ! Les paramètres sont liés entre eux. Pour preuve, sélectionnez juste un des cercles et modifiez son rayon — l'autre fera de même. Magique, n'est-ce pas ?

Les liaisons représentent un concept fondamental de Synfig. Vous pouvez créer des liens pas uniquement entre des poignées, mais également entre d'autres paramètres en sélectionnant plusieurs calques puis par un clic droit sur le paramètre dans le tableau des paramètres, finalement en sélectionnant "Lier".

Sélection des couleurs

Posons 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 contour/remplissage, le sélecteur d'épaisseur de trait et quelques autres éléments 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 — cliquez sur une couleur, et une modeste boite de dialogue de choix de couleur apparaîtra. À présent, vous pouvez changer la couleur relativement facilement.

Il arrive cependant que vous souhaitiez juste choisir une couleur et l'appliquer à vos formes. C'est à cela que sert l'onglet Éditeur de palette.

Cliquez sur l'onglet Éditeur de palette et jetez-y un coup d'œil — c'est celui qui possède une icône qui ressemble à un nuancier. Cliquer sur une couleur avec le bouton gauche de la souris changera immédiatement la couleur par défaut du contour, et cliquer avec le bouton du milieu changera la couleur de remplissage.

Tout cela est bien beau, mais nous n'avons pas encore changé la couleur du cercle. Il existe trois façons de le faire. La première est de sélectionner le calque que vous voulez modifier, puis d'aller dans le panneau de paramètres et double-cliquer sur le paramètre "Couleur". Une boite de sélection de couleur apparaîtra et il vous suffira de la manipuler. Mais supposons que vous avez déjà choisi une couleur de remplissage ou de contour. Alors vous pouvez effectuer un clic droit sur le paramètre Couleur dans le panneau Paramètres et sélectionner "Appliquer la couleur de remplissage" ou "Appliquer la couleur de contour" selon votre convenance. Enfin, vous pouvez aussi cliquer sur l'"Outil Remplissage" depuis la boite à outils, et ensuite cliquer sur le cercle dans la fenêtre Canevas. Tadam ! Le cercle change de couleur. Bien évidemment, cela fonctionne avec autre chose que les cercles.

Tentez de jouer avec vos cercles un petit moment. Bricolez les paramètres et voyez ce que cela produit. Pour démarrer, positionnez l'adoucissement à 5.

Allons plus loin

Bien sûr, vous avez jusque là seulement appris à utiliser les fonctions basiques de Synfig Studio mais pas encore comment animer un dessin. Cela est présenté dans le chapitre suivant.

Navigation Navigation:  <<Manuel>>


Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • português • română • русский • 中文(中国大陆)‎ • 中文(台灣)‎