Getting Started

TRADUCTION EN COURS...... PATIENCE ! 
Vous pouvez aider à la finaliser ou à sa correction

Introduction

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:

• Toolbox — 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.

• Canevas — Le canevas (ou toile) où vos illustrations et animations vont apparaître.

• 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.

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 "Fichier" de la boîte à outils, sélectionnez "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 est ouverte. Cette fenêtre représente le Canevas principal, ça ne vous en dit pas plus pour l'instant mais c'est normal — 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 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.) A 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 dock dialogs. Chaque dock dialog contient un jeu de 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 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 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 "Fichier → Panneaux" et cliquez simplement sur le nom du panneau dont vous avez besoin.

Il y a plein de 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.

Voici quelques uns des 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 ces 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 d'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 cet historique.

Premiers Pas

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

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

Panneau de Calques

1. Un calque individuel dans Synfig représente une seule "Primitive". I.e. une sélection seule, un contour d'une sélection, une image importée, etc... Cela vous permettra d'obtenir une grande flexibilité et un grand contrôle. Il n'est pas rare pour une composition d'avoir des centaines de calques (organisés de façon hiérarchisée pour la santé de l'artiste bien sûr).
2. Un calque peu non seulement rassembler les informations sur l'image concernée, mais aussi la déformer et/ou la modifier. Dans un sens, les calques de Synfig agissent comme les filtres dans Adobe Photoshop ou The Gimp. Par exemple, nous avons un Calque Flou, Calque Flou Radial, Calque Sphère, Calque de Correction des Couleurs, Calque Bevel, etc...

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

Synfig Studio a une fonction d'auto-récupération. Si le logiciel se crashe, même si le fichier courant n'a pas été sauvegardé, vous ne perdrez pas plus de 5 minutes de travail. Au redémarrage il va automatiquement proposer à l'utilisateur de récupérer les changements non sauvegardés. Malheureusement l'historique lui n'est pas encore récupéré.

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 le cas toujours. Nous avons prévu de majeures ré-implémentations et optimisations qui devraient considérablement accroitre les performances de Synfig sur toutes les plateformes. Le but n'est pas une augmentation de 200% de la vitesse, mais d'au moins 2000%. Actuellement, il y a un travail en cours dans la branche de développement mettant en œuvre cette optimisation via OpenGL. Ce travail a déjà présenté des résultats très prometteurs, mais il n'est pas encore prêt à être utiliser.

Maintenant, allez dans la boite à outils et cliquez sur l'Outil Cercle (si vous ne savez pas duquel il s'agit, passez simplement la souris pardessus eux jusqu'à trouver celui qui affiche "Outil cercle").

Lorsque vous cliquez sur l'outil cercle, vous avez remarqué que le Panneau Options des Outils a changé. Mais nous y viendrons plus tard.

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

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, tirez pour changer la valeur du rayon et relâchez le bouton de la souris lorsque vous avez fini. Allez-y et créer deux cercles (ou plus si vous en avez envie). Si accidentellement vous relachiez le bouton de la souris avant de tirer, vous avez créé un cercle de rayon 0 et il est effectivement invisible! Pas d'inquiétude, on peux facilement corriger cela. Dans le panneau des paramètres, vous pouvez changer le paramètre de l'objet sélectionné. Si vous avez tout juste créé un cercle de rayon 0, il doit être l'objet actuellement sélectionné. Vous pouvez changer son rayon par une autre valeur, disons 10, et pourrez le modifier à votre convenance par la suite.

A présent, revenez sur la boite à outils et cliquez sur l'Outil Normal (le cercle bleu avec une flèche dessus). 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 ducks. Si vous voulez modifier le cercle, attrapez un duck et étirez-le. Facile!

vous pouvez sélectionner un calque en cliquant dessus. Si vous voulez en sélectionner plus qu'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 ducks. Vous pouvez le faire de plusieurs façons. vous maintenez enfoncé la touche Ctrl et vous cliquez sur chaque ducks que vous voulez sélectionner, mais cela peut vite être lassant. Aussi, il y a une méthode bien plus rapide $mdash; créez juste une boite de sélection en cliquant avec la souris et en tirant sur la zone couvrant les ducksque vous voulez sélectionner.

Continuons, sélectionnez deux cercles et tous leurs ducks. Avec plusieurs ducks sélectionnés, en déplacer un les déplacera tous. Ce comportement est dépendant de l'Outil Normal. Aussi, une meilleure description de cet outil aurait ou être "Outil Déplacement" ou "Outil de Translation".

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

Retenez celà, les outils de manipulations des ducks ont des options. Si un outil particulier ne faisait pas ce que vous attendiez, regardez dans le Panneau de Options d'Outils pour voir s'il est configuré de la façon que vous voulez.

Lier

A 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 duck de rayon (les points cyans).

Pour sélectionner plusieurs ducks, soit tirez une zone de sélection autour d'eux, soit sélectionnez le premier puis maintenez appuyé la touche Ctrl pendant que vous sélectionnez les autres. Une fois les deux docks de rayon sélectionnés, faites un clic droit sur l'un des ducks et un menu apparaîtra. Choisissez "Lier". Boum. Les paramètres sont liés entre-eux. Pour preuve, sélectionnez juste l'un des cercles et modifiez son rayon — l'autre fera de même. Brillant, non ?

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

Digression This is how outlines are attached to their regions — 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...

note end

Sélection des couleurs

Disons que vous voulez que l'un des cercles soit d'une couleur différente. Si vous regardez dans la boite à outils, en-dessous des outils, vous verrez le sélecteur de couleur de trait/remplissage, le sélecteur d'épaisseur de trait et quelques autres trucs comme la méthode par défaut de mélange et de dégradé. Le composant de sélection de la couleur du trait ou du remplissage fonctionne comme on s'y attend — vous pouvez cliquer sur une couleur, et une modeste boite de dialogue de choix de couleur apparaîtra. A présent, vous pouvez changer le couleur relativement facilement.

Mais parfois vous désirez juste choisir une couleur et continuer. C'est à cela que sert l'onglet palette editor. La fonctionalité n'est pas à 100% ( ie sauver et recharger des palettes personnalisées n'est pas encore implémenté), mais la palette par défaut est relativement décente. Cliquez sur l'onlget palette editor et jettez y un coup d'oeil — 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.

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 "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 "Apply Fill Color" or "Apply Outline Color" at you preference. Finally, you can just click on the "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.

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

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