Synfig Studio :: Documentation - User contributions [en]

Reuse Exported ValueNodes/fr

2013-09-22T00:18:22Z

Frigory: Corrected translation; NewTerminology

{{Title|Réutiliser les Nœuds de Valeurs exportés}}
{{Category|Tutorials}}
{{Category|Tutorials Advanced}}
{{Category|Exporting‏‎}}
{{Category|Unverified‏‎}}
{{NewTerminology}}


==Introduction==

{{l|Export|Exporter}} et {{l|Convert|convertir}} un {{l|ValueNode|nœud de valeur}} sont parmi les fonctionnalités les plus intéressantes de Synfig. La combinaison des deux permet à l'utilisateur d'organiser des animations complexes en ne modifiant que quelques paramètres. Consultez le tutoriel {{l|Doc:Following_a_Spline}} pour un exemple.

Il peut arriver que vous souhaitiez refaire la même combinaison de valeurs exportées et de types de conversion. Et cela peut être fastidieux de le répéter. Il existe un moyen d'éviter cette répétition.

Imaginons que vous avez produit une splendide combinaison de conversions et que vous souhaitez l'utiliser dans une autre animation déjà réalisée. Vous pouvez faire comme suit :

# Dans le fichier d'animation qui contient la formidable conversion :
## Exportez toutes les valeurs que vous voulez contrôler. Par exemple si le paramètre '''a''' est a=b+c alors vous devrez exporter les trois paramètres : '''a''', '''b''' et '''c'''. Le paramètre exporté '''a''' sera un paramètre d'{{l|Convert#Add|Ajout}} et son calcul sera basé sur les paramètres exportés '''b''' et '''c'''.
## Supprimez tous les calques (vous n'en avez absolument pas besoin, puisque tout ce qu'il vous faut, c'est votre extraordinaire combinaison). Enregistrez le fichier sous un autre nom ({{Literal|master.sifz}}). Cela constituera le fichier principal.
# Allez dans {{c|Fichier|Importer}} et sélectionnez le fichier contenant l'animation à laquelle vous désirez appliquer la combinaison de valeurs de nœud exportée.
# Ensuite, sélectionnez le {{l|Group Layer}} qui vient d'être importé, allez dans ses {{l|Group Layer#Canvas parameter|paramètres}} et {{l|Export|exportez-le}}. Choisissez un nom approprié. Enregistrez le fichier maître et fermez-le.
# Ouvrez le fichier maître à nouveau et vous pourrez constater que le fichier d'animation importé (qui est déjà un canevas exporté) dispose d'un triangle d'expansion qui vous permet de sélectionner les calques qu'il doit contenir.
# Avec un clic droit, sélectionnez le paramètre du calque du canevas importé que vous désirez et liez le paramètre à n'importe quelle valeur exporté du canevas maître accessible dans le {{l|Library Panel|Panneau Bibliothèque}}.

C'est tout pour cette fois ! ;-)

Mouse Shortcuts

2013-09-21T23:45:30Z

Frigory: Updated page info

{{Title|Mouse Shortcuts}}
{{Category|Permalink}}
{{NewTerminology}}

Here is a list of mouse short cuts you have available. Some work combined with keystrokes and also only works in some situations. Please if you find out more, you know what to do!

{| border="1" cellspacing="0" align="center" width="80%"
|'''Keystroke'''||'''Mouse action'''||'''Where'''||'''Description'''
|-
| <none> ||Wheel up/down||Over canvas window|| Pan up/down the view.
|-
| <CTRL> ||Wheel up/down||Over canvas window|| Zoom in/out the view over the mouse position.
|-
| <SHIFT> ||Wheel up/down||Over canvas window|| Pan left/right the view.
|-
| <none> ||Hold Middle & drag (under Gnome (KDE?) you can also emulate this behavior by pressing left and right together)||Over canvas window|| Pan the view in the direction of the drag.
|-
| <none> ||Wheel up/down||Over Graph Panel|| Zoom in/out the vertical scale of the graph.
|-
| <none> ||Wheel up/down||Over time line bar|| Zoom in/out the time scale
|-
| <CTRL> ||Wheel up/down||Over time line bar|| Zoom in/out the time scale with the time cursor centered
|-
| <CTRL> ||Left click||Over {{l|Waypoints|waypoint}}|| Adds the clicked waypoint to selected waypoints group (only valid for a parameter each time)
|-
| <ALT> or <CTRL>+<ALT> ||Left click||Over {{l|Waypoints|waypoint}}|| Delete the clicked waypoint and the selected waypoints group too
|-
| <SHIFT> ||Left click + drag||Over {{l|Waypoints|waypoint}}|| Copy the clicked waypoint and the selected waypoints group to the dragged place
|-
| <none> ||Left click + drag||Over {{l|Waypoints|waypoint}}|| Move the clicked waypoint and the selected waypoints group to the dragged place
|-
| <none> ||Left click||Over right-top part of the brush size minicanvas|| Increases the brush size by 0.25
|-
| <none> ||Left click||Over left-bottom part of the brush size minicanvas|| Decreases the brush size by 0.25
|-
| <none> ||Right click||Over brush size minicanvas|| Set the brush size to 3.0pt (default value?)
|-
| <none> ||Right click||Over up arrow of the brush size|| Set the brush size to the maximum value (10000000.00pt) (not so useful?)
|-
| <none> ||Right click||Over down arrow of the brush size|| Set the brush size to the minimum value (0.00pt)
|}

Mouse Shortcuts/es

2013-09-21T23:42:31Z

Frigory: Frigory moved page Mouse Shortcuts.es to Mouse Shortcuts/es: New conventions

Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla! 

Here is a list of mouse short cuts you have available. Some work combined with keystrokes and also only works in some situations. Please if you find out more, you know what to do!

{| border="1" cellspacing="0" align="center" width="80%"
|'''Keystroke'''||'''Mouse action'''||'''Where'''||'''Description'''
|-
| <none> ||Wheel up/down||Over canvas window|| Pan up/down the view.
|-
| <CTRL> ||Wheel up/down||Over canvas window|| Zoom in/out the view over the mouse position.
|-
| <SHIFT> ||Wheel up/down||Over canvas window|| Pan left/right the view.
|-
| <none> ||Left click + Right click & drag||Over canvas window|| Pan the view in the direction of the drag.
|-
| <none> ||Wheel up/down||Over curves dialog|| Zoom in/out the vertical scale of the graph.
|-
| <none> ||Wheel up/down||Over time line bar|| Zoom in/out the time scale
|-
| <CTRL> ||Wheel up/down||Over time line bar|| Zoom in/out the time scale with the time cursor centered
|-
| <CTRL> ||Left click||Over {{l|Waypoints|waypoint}}|| Adds the clicked waypoint to selected waypoints group (only valid for a parameter each time)
|-
| <ALT> or <CTRL>+<ALT> ||Left click||Over {{l|Waypoints|waypoint}}|| Delete the clicked waypoint and the selected waypoints group too
|-
| <SHIFT> ||Left click + drag||Over {{l|Waypoints|waypoint}}|| Copy the clicked waypoint and the selected waypoints group to the dragged place
|-
| <none> ||Left click + drag||Over {{l|Waypoints|waypoint}}|| Move the clicked waypoint and the selected waypoints group to the dragged place
|-
| <none> ||Left click||Over right-top part of the brush size minicanvas|| Increases the brush size by 0.25
|-
| <none> ||Left click||Over left-bottom part of the brush size minicanvas|| Decreases the brush size by 0.25
|-
| <none> ||Right click||Over brush size minicanvas|| Set the brush size to 3.0pt (default value?)
|-
| <none> ||Right click||Over up arrow of the brush size|| Set the brush size to the maximum value (10000000.00pt) (not so useful?)
|-
| <none> ||Right click||Over down arrow of the brush size|| Set the brush size to the minimum value (0.00pt)
|}

Mouse Shortcuts.es

2013-09-21T23:42:31Z

Frigory: Frigory moved page Mouse Shortcuts.es to Mouse Shortcuts/es: New conventions

#REDIRECT [[Mouse Shortcuts/es]]

Category:Manual/fr

2013-09-21T23:33:56Z

Frigory: Groups Pane → Sets Panel

{{Title|Manuel}}


* '''Introduction'''
** {{L|Doc:Overview}}

* '''Plongeons dedans'''
** {{L|Doc:Getting Started}}
** {{L|Doc:Animation Basics}}
** {{L|Doc:Adding Layers}}
** {{L|Doc:Creating Shapes}}
** {{L|Doc:Flower Animation}}
* '''Interface'''
** {{L|Doc:Quick Overview}}
** {{L|Doc:Interface}}
* '''Import d'images'''
** {{L|Doc:Gimp2synfig}}
** {{L|Doc:Svg2synfig}}
** {{L|Doc:ListImporter}}
* '''Construction d'images'''
** {{L|Spline Tool}}
** {{L|Outline Layer}}
** {{L|Region Layer}}
** {{L|Color_Editor_Dialog}}
** {{L|Draw Tool}}
** {{L|Width Tool}}
** {{L|Group Layer}}
** {{L|Children Lock}}
** {{L|Gradient_Tool}}
** {{L|Gradient_Editor_Dialog}}
** {{L|Blend_Method_Parameter}}
** {{L|Doc:Basic Masking}}
** {{L|Sets Panel}}
** {{L|Doc:Guides}}
** {{L|Doc:Grid}}
* '''Liaison de données'''
** {{L|Linking}}
** {{L|Export}}
** {{L|Convert}}
** {{L|Sewing Splines}}
** {{L|Link to Spline}}
** {{L|ValueNode}}
** {{L|Reuse_Exported_ValueNodes}}
** {{L|Switching_Scenes}}
* '''Avancé'''
** {{L|Doc:Slideshow_Tutorial}}
** {{L|Doc:Snowflake_with_the_Duplicate_Layer}}
** {{L|Doc:Brushes}}
* '''Animation'''
** {{L|Keyframe}}
** {{L|Timetrack_Panel}}
** {{L|Waypoint}}
** {{L|Doc:Reuse Animations}}
** {{L|Lock Keyframes}}
** {{l|Onion Skin|Onion Skin}}
** {{L|Doc:Following a Spline}}
** {{L|Z_Depth_Parameter}}
** {{L|Time_Loop_Layer}}
** {{L|Doc:Rescale Animations}}
** {{L|Time_Offset_Parameter}}
* '''Techniques d'Animation'''
** {{L|Doc:Walk_Cycle}}
** {{L|Doc:Cut-out Animation}}
* '''Sorties'''
** {{L|Doc:Preview}}
** {{L|Render_options}}
** {{L|Render dialog}}
** {{L|Sif2svg}}
* '''Configuration de Synfig'''
** {{L|Setup_Dialog}}
** {{L|Unit System}}
** {{L|Image Dimensions}}
** {{L|Canvas_Properties_Dialog}}
** {{L|Environment_Variables}}
* '''Appendice'''
** {{L|Doc:Synfig Studio vs Synfig}}
** {{L|Doc:Synfig CLI Syntax}}
** {{L|Build Instructions}}
** {{L|Doc:How Do I}}
** {{L|FAQ}}
** {{L|Window_Manager_Hints}} 
** {{L|Keyboard Shortcuts}}
** {{L|Mouse Shortcuts}}
** {{L|Doc:Examples}}

Category:Manual/fr

2013-09-21T23:29:48Z

Frigory: Corrected some redirections

{{Title|Manuel}}


* '''Introduction'''
** {{L|Doc:Overview}}

* '''Plongeons dedans'''
** {{L|Doc:Getting Started}}
** {{L|Doc:Animation Basics}}
** {{L|Doc:Adding Layers}}
** {{L|Doc:Creating Shapes}}
** {{L|Doc:Flower Animation}}
* '''Interface'''
** {{L|Doc:Quick Overview}}
** {{L|Doc:Interface}}
* '''Import d'images'''
** {{L|Doc:Gimp2synfig}}
** {{L|Doc:Svg2synfig}}
** {{L|Doc:ListImporter|Import de séquence}}
* '''Construction d'images'''
** {{L|Spline Tool}}
** {{L|Outline Layer}}
** {{L|Region Layer}}
** {{L|Color_Editor_Dialog}}
** {{L|Draw Tool}}
** {{L|Width Tool}}
** {{L|Group Layer|Calque Groupe}}
** {{L|Children Lock}}
** {{L|Gradient_Tool}}
** {{L|Gradient_Editor_Dialog}}
** {{L|Blend_Method_Parameter}}
** {{L|Doc:Basic Masking}}
** {{L|Groups Pane}}
** {{L|Doc:Guides}}
** {{L|Doc:Grid}}
* '''Liaison de données'''
** {{L|Linking}}
** {{L|Export}}
** {{L|Convert}}
** {{L|Sewing Splines}}
** {{L|Link to Spline}}
** {{L|ValueNode}}
** {{L|Reuse_Exported_ValueNodes}}
** {{L|Switching_Scenes}}
* '''Avancé'''
** {{L|Doc:Slideshow_Tutorial}}
** {{L|Doc:Snowflake_with_the_Duplicate_Layer}}
** {{L|Doc:Brushes}}
* '''Animation'''
** {{L|Keyframe}}
** {{L|Timetrack_Panel}}
** {{L|Waypoint}}
** {{L|Doc:Reuse Animations}}
** {{L|Lock Keyframes}}
** {{l|Onion Skin|Onion Skin}}
** {{L|Doc:Following a Spline}}
** {{L|Z_Depth_Parameter}}
** {{L|Time_Loop_Layer}}
** {{L|Doc:Rescale Animations}}
** {{L|Time_Offset_Parameter}}
* '''Techniques d'Animation'''
** {{L|Doc:Walk_Cycle}}
** {{L|Doc:Cut-out Animation}}
* '''Sorties'''
** {{L|Doc:Preview}}
** {{L|Render_options}}
** {{L|Render dialog}}
** {{L|Sif2svg}}
* '''Configuration de Synfig'''
** {{L|Setup_Dialog}}
** {{L|Unit System}}
** {{L|Image Dimensions}}
** {{L|Canvas_Properties_Dialog}}
** {{L|Environment_Variables}}
* '''Appendice'''
** {{L|Doc:Synfig Studio vs Synfig}}
** {{L|Doc:Synfig CLI Syntax}}
** {{L|Build Instructions}}
** {{L|Doc:How Do I}}
** {{L|FAQ}}
** {{L|Window_Manager_Hints}} 
** {{L|Keyboard Shortcuts}}
** {{L|Mouse Shortcuts}}
** {{L|Doc:Examples}}

Category:Manual/fr

2013-09-21T23:20:52Z

Frigory: Updated, corrected, improved

{{Title|Manuel}}


* '''Introduction'''
** {{L|Doc:Overview}}

* '''Plongeons dedans'''
** {{L|Doc:Getting Started}}
** {{L|Doc:Animation Basics}}
** {{L|Doc:Adding Layers}}
** {{L|Doc:Creating Shapes}}
** {{L|Doc:Flower Animation}}
* '''Interface'''
** {{L|Doc:Quick Overview}}
** {{L|Doc:Interface}}
* '''Import d'images'''
** {{L|Doc:Gimp2synfig}}
** {{L|Doc:Svg2synfig}}
** {{L|Doc:ListImporter|Import de séquence}}
* '''Construction d'images'''
** {{L|Spline Tool}}
** {{L|Outline Layer}}
** {{L|Region Layer}}
** {{L|Color_Editor_Dialog|Color Editor}}
** {{L|Draw Tool}}
** {{L|Width Tool}}
** {{L|Group Layer|Calque Groupe}}
** {{L|Children Lock}}
** {{L|Gradient_Tool}}
** {{L|Gradient_Editor_Dialog}}
** {{L|Blend_Method_Parameter}}
** {{L|Doc:Basic Masking}}
** {{L|Groups Pane}}
** {{L|Doc:Guides}}
** {{L|Doc:Grid}}
* '''Liaison de données'''
** {{L|Linking}}
** {{L|Export}}
** {{L|Convert}}
** {{L|Sewing_BLines}}
** {{L|Link to BLine}}
** {{L|ValueNodes}}
** {{L|Reuse_Exported_ValueNodes}}
** {{L|Switching_Scenes}}
* '''Avancé'''
** {{L|Doc:Slideshow_Tutorial}}
** {{L|Snowflake_with_the_Duplicate_Layer}}
** {{L|Doc:Brushes}}
* '''Animation'''
** {{L|Keyframe}}
** {{L|Timetrack_Panel}}
** {{L|Waypoint}}
** {{L|Doc:Reuse Animations}}
** {{L|Lock_Keyframes}}
** {{l|Onion Skin|Onion Skin}}
** {{L|Doc:Following a BLine}}
** {{L|Z_Depth_Parameter}}
** {{L|Time_Loop_Layer}}
** {{L|Doc:Rescale Animations}}
** {{L|Time_Offset_Parameter}}
* '''Techniques d'Animation'''
** {{L|Doc:Walk_Cycle}}
** {{L|Doc:Cut-out Animation}}
* '''Sorties'''
** {{L|Doc:Preview}}
** {{L|Render_options}}
** {{L|Render dialog}}
** {{L|Sif2svg}}
* '''Configuration de Synfig'''
** {{L|Setup_Dialog}}
** {{L|Unit System}}
** {{L|Image_Dimensions}}
** {{L|Canvas_Properties_Dialog}}
** {{L|Environment_Variables}}
* '''Appendice'''
** {{L|Doc:Synfig Studio vs Synfig}}
** {{L|Doc:Synfig CLI Syntax}}
** {{L|Build Instructions}}
** {{L|Doc:How Do I}}
** {{L|FAQ}}
** {{L|Window_Manager_Hints}} 
** {{L|Keyboard Shortcuts}}
** {{L|Mouse_Shortcuts}}
** {{L|Doc:Examples}}

Gradient Tool/fr

2013-09-21T23:12:19Z

Frigory: Full French translation

{{Title|Outil Dégradé}}
{{Category|Tools}}
{{NewTerminology}}


{{l|Image:gradient_icon.png|64px}} '''ALT+G'''

L''''Outil Dégradé''' permet de concevoir des transitions douces entre au moins deux couleurs dans un objet.

Lorsque vous cliquez sur l'Outil Dégradé, le {{l|Tool Options Panel}} vous montre les paramètres que vous pouvez appliquer à votre dégradé.

[[File:Gradient options 0.63.06.png|frame|none]]

Ils vous permettent de choisir :
# Le nom du calque que vous êtes sur le point de créer,
# Le type de dégradé à appliquer (linéaire, radial, conique, spirale), en cliquant sur le menu déroulant.

{{Note|Astuce|Le nom du calque peut toujours être changé ultérieurement depuis le {{l|Layers Panel}} ou le {{l|Parameters Panel}} si nécessaire, mais le type du dégradé doit être déterminé avant sa création.}}

Pour plus d'informations sur l'édition des couleurs du dégradé, veuillez consulter la section appropriée sur la page du {{l|Gradient Editor Dialog|Dialogue d'Édition du Dégradé}}.

Il y a donc quatre types de dégradés :

{|border="0" style="border-collapse" cellpadding="3" cellspacing="0"
|-style="background:silver"
|'''Nom'''||'''Exemple'''||'''Description'''
|-
||{{l|Linear Gradient Layer|Linéaire}}
||{{l|Image:Linear_gradient.png}}
||Produit une simple transition le long d'une ligne droite. Vous devez d'abord sélectionner vos couleurs d'avant-plan et d'arrière-plan ; cliquez ensuite à l'endroit où vous souhaitez faire commencer le dégradé et glissez la souris sur l'emplacement de fin de la transition avant de relâcher le clic. Le dégradé sera créé perpendiculaire à la ligne que vous avez dessinée. À tout moment, vous pouvez modifier le dégradé en déplaçant l'une des extrémités dans la direction souhaitée. Vous devez utilisez l'{{l|Transform tool}} pour modifier ces extrémités.
|-style="background:#eeeeee"
||{{l|Radial Gradient Layer|Radial}}
||{{l|Image:Radial_gradient.png|228px}}
||Produit des couleurs circulaires, la transition se trouvant au centre de ces cercles. Cliquez à l'emplacement souhaité pour le centre des cercles, et glissez la souris pour choisir le rayon de la transition avant de relâcher le clic. Utilisez l'{{l|Transform tool}} pour changer la position du centre des cercles ou la taille du rayon du dégradé radial.
|-
||{{l|Conical Gradient Layer|Conique}}
||{{l|Image:Conical_gradient.png}}
||Donne l'effet du sommet d'un cône vu de dessus. Le dégradé se fait le long de l'arc de cercle du centre et va dans toutes les directions. Cliquez pour placer le centre, et glissez la souris pour indiquer la direction dans laquelle les couleurs d'avant-plan et d'arrière-plan vont devoir aller, avant de relâcher le clic. Pour modifier le dégradé une fois cette opération effectuée, utilisez comme d'habitude l'{{l|Transform tool}}. Le centre peut être déplacé pour changer la position du centre du dégradé. L'autre extrémité permet d'ajuster la direction du dégradé.
|-style="background:#eeeeee"
||{{l|Spiral Gradient Layer|Spirale}}
||{{l|Image:Spiral_gradient.png}}
||Produit un dégradé en spirale. Cliquez pour placer le centre de la spirale et glissez la souris pour déterminer la largeur. Vous pouvez comme toujours utiliser l'{{l|Transform tool}} pour modifier votre dégradé après sa création.
|}

{{Note|Aux éditeurs de la documentation|Vous pouvez télécharger le projet pour générer une capture d'écran : [[File:Gradient options.zip]]}}

Doc:Svg2synfig/fr

2013-09-15T19:42:17Z

Frigory: Woops, mistakes…

{{Title|Import d'images Inkscape (SVG)}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Intermediate}}
{{Category|Unverified}}
{{Category|Updated}}
{{Navigation|Category:Manual|Doc:ListImporter}}
{{NewTerminology}}


= Extension Inkscape d'export SIF =
Cette extension pour Inkscape convertit les fichiers SVG au format Synfig Studio (.sif) et c'est la méthode recommandée pour cela. Cette extension peut être trouvée dans la section téléchargement de [http://www.synfig.org/cms/en/download/tools/ Scripts & Tools].

= Import direct de fichiers SVG dans Synfig Studio =
Depuis la version 0.62.02 de Synfig, une option permet l'import SVG dans le menu du canevas {{c|Fichier|Importer}}. Cela semble mieux fonctionner que les options décrites ci-après, toutefois il peut y avoir des problèmes lors de l'importation de certains éléments SVG. Allez voir [http://synfig.org/forums/viewtopic.php?f=12&t=2728 ce sujet] sur les forums pour avoir des conseils.

Notes :
* Le premier import peut échouer ; essayez d'importer le même fichier plusieurs fois.
* 0.62.02 semble mieux fonctionner sous Ubuntu que la version 0.63.00

= Autres méthodes =
Ce qui suit présente des méthodes anciennes ou spéciales pour les experts.

== Méthode 1 ==
Cette méthode utilise les feuilles de style XSLT 2.0 pour transformer le XML SVG en XML Synfig.

=== But ===
Transformer une image SVG en un fichier Synfig pour l'importer. Premier post dans les forums : http://synfig.org/forums/viewtopic.php?t=30

=== Prérequis ===
# Vérifiez que l'environnement Java Runtime est installé.
# Récupérez une version récente du processeur SAXON XSLT pour Java à http://saxon.sourceforge.net/. La version recommandée est : Saxon-SA 9.0 (saxonsa9-0-0-2j.zip).
# Décompressez le paquet SAXON dans le répertoire de votre choix. En exemple, nous utiliserons D:\saxon pour la suite. Le répertoire devrait contenir un certain nombre de fichiers JAR.
# Créez le fichier D:\saxon\svg2synfig.xsl avec le contenu fourni plus loin de ce document ({{l|#svg2synfig.xsl}}).

==== Méthode optionnelle pour Windows ====
Si vous ne voulez pas utiliser la ligne de commande, créez un fichier batch D:\saxon\svg2synfig.bat contenant :
@java -jar %0\..\saxon9.jar -xsl:%0\..\svg2synfig.xsl %1 > %0\..\synfig.sif
@pause

=== Transformer un SVG en un fichier Synfig ===
==== Avec un fichier batch windows ====
# Il suffit de faire glisser le fichier SVG sur svg2synfig.bat.

==== Avec la ligne de commande ====
# Changez de répertoire vers D:\saxon.
# Tapez la commande suivante (remplacez votre_fichier.svg par le chemin vers votre fichier SVG) :
java -jar saxon9.jar -xsl:svg2synfig.xsl votre_fichier.svg > synfig.sif

=== Résultat ===
Si la conversion s'est bien passée, le résultat sera écrit dans le fichier D:\saxon\synfig.sif.
Vous pouvez ouvrir ce fichier avec Synfig.

=== Limitations ===
* Cela ne semble pas fonctionner avec SaxonB (version FOSS).
* Les fichiers SVG compressés (svgz) doivent d'abord être décompressés.
* Seuls les objets SVG chemins sont reconnus. Vous devrez donc transformer tous les objets en chemins.
* Seul un sous-ensemble des éléments chemin est supporté. Essayez de modifier tous les nœuds des chemins pour avoir des tangentes séparées et tous les segments en courbes.
* Les couleurs compliquées comme les dégradés ne sont pas supportés.
* Seules les transformations élémentaires sont supportées.
* Remplissage et contour pour un même objet ne fonctionne pas.

=== svg2synfig.xsl ===
<pre><nowiki>
<xsl:stylesheet version="2.0" exclude-result-prefixes="#all"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:math="http://exslt.org/math">
<xsl:output method="xml" indent="yes" encoding="UTF-8"/>

<xsl:template match="/">
<xsl:apply-templates/>
</xsl:template>

<xsl:template match="svg:svg">
<xsl:variable name="width" select="math:units_to_px(@width)"/>
<xsl:variable name="height" select="math:units_to_px(@height)"/>
<xsl:variable name="has_view_box" select="matches(@viewBox, '(\d+\s){3}\d+')"/>
<canvas version="0.2" id="{@id}"
width="{if ($has_view_box) then replace(@viewBox, '(\d+)\s(\d+)\s(\d+)\s(\d+)', '$3') else $width}"
height="{if ($has_view_box) then replace(@viewBox, '(\d+)\s(\d+)\s(\d+)\s(\d+)', '$4') else $height}"
view-box="{if ($has_view_box) then @viewBox else concat('0 0 ', $width, ' ', $height)}">
<xsl:apply-templates select="svg:g|svg:svg|svg:path"/>
</canvas>
</xsl:template>

<xsl:template match="svg:g">
<layer type="PasteCanvas" active="true" version="0.1" desc="{@id}">
<param name="canvas">
<canvas>
<xsl:apply-templates/>
</canvas>
</param>
</layer>
</xsl:template>

<xsl:template match="svg:path">
<xsl:variable name="style">
<xsl:for-each select="ancestor-or-self::*">
<xsl:sort select="position()" data-type="number" order="descending"/>
<xsl:value-of select="concat(@style, ';fill:', @fill, ';stroke:', @stroke, ';stroke-width:', @stroke-width, ';')"/>
</xsl:for-each>
</xsl:variable>
<xsl:variable name="self" select="."/>
<xsl:variable name="is_fill" select="not(matches(replace($style, 'fill:[^n;][^o].*', ''), 'fill:none'))"/>
<xsl:analyze-string select="@d" regex="m[^z]+(z|$)" flags="i">
<xsl:matching-substring>
<layer type="{if ($is_fill) then 'region' else 'outline'}" version="0.1" desc="{$self/@id}">
<xsl:call-template name="style-to-color">
<xsl:with-param name="style" select="replace(replace($style, ':none.*', ''), if ($is_fill) then '.*fill:([^;]+).*' else '.*stroke:([^;]+).*', '$1')"/>
</xsl:call-template>
<xsl:if test="not ($is_fill)">
<xsl:call-template name="style-to-width">
<xsl:with-param name="style" select="replace($style, '.*stroke-width:([^;]+).*', '$1')"/>
</xsl:call-template>
</xsl:if>
<param name="bline">
<bline type="bline_point" loop="{matches(., 'z', 'i')}">
<xsl:call-template name="path-to-bline">
<xsl:with-param name="path" select="."/>
<xsl:with-param name="node" select="$self" tunnel="yes"/>
</xsl:call-template>
</bline>
</param>
</layer>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:template>

<xsl:template name="path-to-bline">
<xsl:param name="path"/>
<xsl:variable name="stripped" select="replace(replace(translate($path, ',', ' '), '(\d)-', '$1 -'), '\s*([a-z]+)\s*', '$1', 'i')"/>
<xsl:variable name="closed" select="if (matches($stripped, 'z', 'i')) then $stripped else replace($stripped, 'm([-\d.]+\s[-\d.]+).*$', '$0l$1z', 'i')"/>
<xsl:variable name="tmp" select="replace($closed, '([-\d.]+\s[-\d.]+)l([-\d.]+\s[-\d.]+)', '$1c$1 $2 $2', 'i')"/>
<xsl:variable name="curve" select="replace($tmp, '([-\d.]+\s[-\d.]+)l([-\d.]+\s[-\d.]+)', '$1c$1 $2 $2', 'i')"/>
<xsl:analyze-string select="$curve" regex="\s([-\d.]+\s[-\d.]+)\s[-\d.]+\s[-\d.]+z" flags="i">
<xsl:matching-substring>
<xsl:analyze-string select="concat(regex-group(1), $curve)" regex="([-\d.]+)\s([-\d.]+)[m\s]([-\d.]+)\s([-\d.]+)c([-\d.]+)\s([-\d.]+)" flags="i">
<xsl:matching-substring>
<xsl:call-template name="node-to-bline-point">
<xsl:with-param name="c1_x" select="regex-group(1)"/>
<xsl:with-param name="c1_y" select="regex-group(2)"/>
<xsl:with-param name="x" select="regex-group(3)"/>
<xsl:with-param name="y" select="regex-group(4)"/>
<xsl:with-param name="c2_x" select="regex-group(5)"/>
<xsl:with-param name="c2_y" select="regex-group(6)"/>
</xsl:call-template>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:template>

<xsl:template name="node-to-bline-point">
<xsl:param name="x"/>
<xsl:param name="y"/>
<xsl:param name="c1_x"/>
<xsl:param name="c1_y"/>
<xsl:param name="c2_x"/>
<xsl:param name="c2_y"/>
<xsl:param name="node" tunnel="yes"/>
<xsl:variable name="transform">
<xsl:for-each select="$node/ancestor-or-self::*/@transform">
<xsl:value-of select="."/>
</xsl:for-each>
</xsl:variable>
<xsl:variable name="t" select="math:resolve_transform($transform)"/>
<xsl:variable name="transformed_x" select="$t[5] + $t[1] * xs:float($x) + $t[3] * xs:float($y)"/>
<xsl:variable name="transformed_y" select="$t[6] + $t[2] * xs:float($x) + $t[4] * xs:float($y)"/>
<xsl:variable name="transformed_c1_x" select="$t[5] + $t[1] * xs:float($c1_x) + $t[3] * xs:float($c1_y)"/>
<xsl:variable name="transformed_c1_y" select="$t[6]+ $t[2] * xs:float($c1_x) + $t[4] * xs:float($c1_y)"/>
<xsl:variable name="transformed_c2_x" select="$t[5] + $t[1] * xs:float($c2_x) + $t[3] * xs:float($c2_y)"/>
<xsl:variable name="transformed_c2_y" select="$t[6]+ $t[2] * xs:float($c2_x) + $t[4] * xs:float($c2_y)"/>
<entry>
<composite type="bline_point">
<point>
<vector>
<x><xsl:value-of select="$transformed_x"/></x>
<y><xsl:value-of select="$transformed_y"/></y>
</vector>
</point>
<width>
<real value="1"/>
</width>
<origin>
<real value="0.5"/>
</origin>
<split>
<bool value="true"/>
</split>
<t1>
<xsl:call-template name="vector-pair-to-radial">
<xsl:with-param name="origin-x" select="$transformed_c1_x"/>
<xsl:with-param name="origin-y" select="$transformed_c1_y"/>
<xsl:with-param name="x" select="$transformed_x"/>
<xsl:with-param name="y" select="$transformed_y"/>
</xsl:call-template>
</t1>
<t2>
<xsl:call-template name="vector-pair-to-radial">
<xsl:with-param name="origin-x" select="$transformed_x"/>
<xsl:with-param name="origin-y" select="$transformed_y"/>
<xsl:with-param name="x" select="$transformed_c2_x"/>
<xsl:with-param name="y" select="$transformed_c2_y"/>
</xsl:call-template>
</t2>
</composite>
</entry>
</xsl:template>

<xsl:template name="vector-pair-to-radial">
<xsl:param name="x"/>
<xsl:param name="y"/>
<xsl:param name="origin-x"/>
<xsl:param name="origin-y"/>
<xsl:variable name="dx" select="xs:float($x) - xs:float($origin-x)"/>
<xsl:variable name="dy" select="xs:float($y) - xs:float($origin-y)"/>
<xsl:variable name="d" select="math:sqrt($dx * $dx + $dy * $dy)"/>
<xsl:variable name="angle" select="math:atan2($dy, $dx)"/>
<radial_composite type="vector">
<radius>
<real value="{$d * 3}"/>
</radius>
<theta>
<angle value="{$angle * 57.295779513082320876798154814105}"/>
</theta>
</radial_composite>
</xsl:template>

<xsl:template name="style-to-width">
<xsl:param name="style"/>
<xsl:if test="matches($style, '^\d')">
<param name="width">
<real value="{math:units_to_px($style)}"/>
</param>
</xsl:if>
</xsl:template>

<xsl:template name="style-to-color">
<xsl:param name="style"/>
<xsl:if test="matches($style, '#')">
<xsl:analyze-string select="concat($style, ';')" regex="#([\da-f]{{2}})([\da-f]{{2}})([\da-f]{{2}});">
<xsl:matching-substring>
<param name="color">
<color>
<r><xsl:value-of select="math:hex_to_color(regex-group(1))"/></r>
<g><xsl:value-of select="math:hex_to_color(regex-group(2))"/></g>
<xsl:value-of select="math:hex_to_color(regex-group(3))"/>
<a><xsl:value-of select="if (matches($style, 'fill-opacity:')) then math:power(xs:float(replace($style, '.*fill-opacity:([-\d.]+).*', '$1')), 1 div 2.2) else 1"/></a>
</color>
</param>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:if>
<xsl:if test="matches($style, 'rgb')">
<xsl:analyze-string select="concat($style, ';')" regex="rgb[(\s]+([-\d.]+)[,\s]+([-\d.]+)[,\s]+([-\d.]+)[\s)]+;">
<xsl:matching-substring>
<param name="color">
<color>
<r><xsl:value-of select="math:power(xs:float(regex-group(1)) div 255, 2.2)"/></r>
<g><xsl:value-of select="math:power(xs:float(regex-group(2)) div 255, 2.2)"/></g>
<xsl:value-of select="math:power(xs:float(regex-group(3)) div 255, 2.2)"/>
<a>1</a>
</color>
</param>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:if>
<xsl:if test="matches($style, 'url')">
<param name="color">
<color><r>0.5</r><g>0.5</g>0.5<a>0.5</a> </color>
</param>
</xsl:if>
</xsl:template>

<xsl:function name="math:resolve_transform">
<xsl:param name="transform"/>
<xsl:variable name="stripped" select="replace(replace($transform, 'translate$', 'X(1,0,0,1,'), 'matrix', 'X')"/>
<xsl:analyze-string select="concat('X(1,0,0,1,0,0)', $stripped)" regex="(.*)X\((-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+)$[^X]*X$(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+)$.*">
<xsl:non-matching-substring>
<xsl:sequence select="(1,0,0,1,0,0)"/>
</xsl:non-matching-substring>
<xsl:matching-substring>
<xsl:variable name="a2" select="xs:float(regex-group(8))"/>
<xsl:variable name="b2" select="xs:float(regex-group(9))"/>
<xsl:variable name="c2" select="xs:float(regex-group(10))"/>
<xsl:variable name="d2" select="xs:float(regex-group(11))"/>
<xsl:variable name="e2" select="xs:float(regex-group(12))"/>
<xsl:variable name="f2" select="xs:float(regex-group(13))"/>
<xsl:variable name="a1" select="xs:float(regex-group(2))"/>
<xsl:variable name="b1" select="xs:float(regex-group(3))"/>
<xsl:variable name="c1" select="xs:float(regex-group(4))"/>
<xsl:variable name="d1" select="xs:float(regex-group(5))"/>
<xsl:variable name="e1" select="xs:float(regex-group(6))"/>
<xsl:variable name="f1" select="xs:float(regex-group(7))"/>
<xsl:variable name="p" select="($a1*$a2+$c1*$b2,$b1*$a2+$d1*$b2,$a1*$c2+$c1*$d2,$b1*$c2+$d1*$d2,$a1*$e2+$c1*$f2+$e1,$b1*$e2+$d1*$f2+$f1)"/>
<xsl:variable name="remainder" select="replace(regex-group(1), 'X$1,0,0,1,0,0$', '')"/>
<xsl:choose>
<xsl:when test="matches($remainder, 'X')">
<xsl:variable name="recursion" select="concat($remainder, 'X(', $p[1], ',', $p[2], ',', $p[3], ',', $p[4], ',', $p[5], ',', $p[6], ')')"/>
<xsl:sequence select="math:resolve_transform($recursion)"/>
</xsl:when>
<xsl:otherwise>
<xsl:sequence select="$p"/>
</xsl:otherwise>
</xsl:choose>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:function>

<xsl:function name="math:hex_to_color" as="xs:float">
<xsl:param name="hex"/>
<xsl:value-of select="math:power(xs:float(string-length(substring-before('0123456789abcdef', substring($hex,1,1))) * 16 + string-length(substring-before('0123456789abcdef', substring($hex,2,1)))) div 255, 2.2)"/>
</xsl:function>

<xsl:function name="math:units_to_px" as="xs:float">
<xsl:param name="size"/>
<xsl:analyze-string select="$size" regex="^([-\d.]+)([a-z%]*)$">
<xsl:matching-substring>
<xsl:variable name="factor">
<xsl:choose>
<xsl:when test="regex-group(2) = 'pt'">1.25</xsl:when>
<xsl:when test="regex-group(2) = 'em'">16</xsl:when>
<xsl:when test="regex-group(2) = 'mm'">3.54</xsl:when>
<xsl:when test="regex-group(2) = 'pc'">15</xsl:when>
<xsl:when test="regex-group(2) = 'cm'">35.43</xsl:when>
<xsl:when test="regex-group(2) = 'in'">90</xsl:when>
<xsl:otherwise>1</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<xsl:value-of select="xs:float($factor) * xs:float(regex-group(1))"/>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:function>
</xsl:stylesheet>
</nowiki></pre>

== Méthode 2 ==
'''Note :''' La description de cette méthode est prévue uniquement pour Linux.

Un programme en C de akagogo qui utilise libxml permet de convertir le SVG au format Synfig.

http://none.carlos.googlepages.com/svgtosif.zip

=== Installation ===
Faites juste comme d'habitude '''./configure && make && sudo make install'''.

=== Utilisation ===
Le fichier SVG doit être dans le répertoire appelé '''data'''. Vous devez lancer la commande depuis le répertoire parent, mais en utilisant juste le nom du fichier comme paramètre. Donc si :

* Vous êtes dans le répertoire {{Literal|/example}} vous devez créer un répertoire appelé {{Literal|/example/data}} et y mettre le fichier {{Literal|file.svg}}.
* Ensuite, lancez '''svgtosif file.svg''' quand vous avez {{Literal|/example}} comme répertoire de travail courant.

Comme vous pouvez le voir, ce n'est pas vraiment simple. Pour résoudre facilement ce problème, utilisez le script suivant :

#!/bin/bash
mkdir data
cp "$1" data/
/usr/local/bin/svgtosif "$1"
NAME=`echo "$1" | cut -d "." -f 1`
cp "data/$NAME.sif" .
rm data/*
rmdir data
echo "Conversion complete!"

Mettez ces lignes dans un fichier nommé {{Literal|svg2sif}} (le nom est à votre convenance mais évitez d'utiliser {{Literal|svgtosif}}) et mettez-le dans un répertoire du PATH (par exemple /usr/bin). Puis :
chmod +x /usr/bin/svg2sif

C'est tout. Maintenant, utilisez :
svg2sif <file.svg>

et vous devriez obtenir un fichier .sif dans le même répertoire que celui où vous travaillez.

{{Navigation|Category:Manual|Doc:ListImporter}}

Category:Toolbox/fr

2013-09-15T17:56:34Z

Frigory: « Boutons système » don't work?

{{Title|Boite à Outils}}
{{Category|Reference}}
{{NewTerminology}}


La Boite à Outils est la fenêtre principale de Synfig — vous pouvez avoir plusieurs canevas ouverts, mais seulement une seule Boite à Outils. Si vous êtes familier avec des logiciels comme [http://www.gimp.org The GIMP], vous devriez reconnaître cette approche (elle est opposée au [http://fr.wikipedia.org/wiki/Multiple_document_interface MDI] ou aux fenêtres contenant des canevas attachés de façon permanente).

[[File:ToolBox-0.63.06.png|frame|center|La Boîte à Outils]]

== Fonctionnalités de la Boite à Outils ==
* {{l|Category:Toolbox Menu|Menu}}

<ul>{{CategoryContents|Toolbox Menu}}</ul>
* Boutons système

<ul>{{#dpl:namespace=Command|category=Toolbox{{#ifeq:{{#titleparts:{{PAGENAME}}||-1}}|{{PAGENAME}}||/{{#titleparts:{{PAGENAME}}||-1}}}}|include={Title}.dpl|format=,\n* [[%PAGE%|,]],|noresultsheader= }}</ul>
* {{l|Category:Tools|Outils}}

* {{l|New Layer Defaults}}

Doc:Svg2synfig/fr

2013-09-15T17:50:03Z

Frigory: Updated, corrected, improved, as usual; Linux specifications are marked as such

{{Title|Import d'images Inkscape (SVG)}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Intermediate}}
{{Category|Unverified}}
{{Category|Updated}}
{{Navigation|Category:Manual|Doc:ListImporter}}
{{NewTerminology}}


= Extension Inkscape d'export SIF =
Cette extension pour Inkscape convertit les fichiers SVG au format Synfig Studio (.sif) et c'est la méthode recommandée pour cela. Cette extension peut être trouvée dans la section téléchargement de [http://www.synfig.org/cms/en/download/tools/ Scripts & Tools].

= Import direct de fichiers SVG dans Synfig Studio =
Depuis la version 0.62.02 de Synfig, il y a une option pour l'import SVG dans le menu du canevas {{c|Fichier|Importer}}. Cela semble mieux fonctionner que les options décrites ci-après, toutefois il peut y avoir des problèmes à importer certain élément SVG. Allez voir [http://synfig.org/forums/viewtopic.php?f=12&t=2728 ce sujet] sur les forums pour avoir des conseils.

Notes :
* Le premier import peut échouer ; essayez d'importer le même fichier plusieurs fois.
* 0.62.02 semble mieux fonctionner sous Ubuntu que la version 0.63.00

= Autres méthodes =
Ce qui suit présente des méthodes anciennes ou spéciales pour les experts.

== Méthode 1 ==
Cette méthode utilise les feuilles de style XSLT 2.0 pour transformer le XML SVG en XML Synfig.

=== But ===
Transformer une image SVG en un fichier Synfig pour l'importer. Premier post dans les forums : http://synfig.org/forums/viewtopic.php?t=30

=== Prérequis ===
# Vérifiez que l'environnement Java Runtime est installé.
# Récupérez une version récente du processeur SAXON XSLT pour Java à http://saxon.sourceforge.net/. La version recommandée est : Saxon-SA 9.0 (saxonsa9-0-0-2j.zip).
# Décompressez le paquet SAXON dans le répertoire de votre choix. En exemple, nous utiliserons D:\saxon pour la suite. Le répertoire devrait contenir un certain nombre de fichiers JAR.
# Créez le fichier D:\saxon\svg2synfig.xsl avec le contenu fourni plus loin de ce document ({{l|#svg2synfig.xsl}}).

==== Méthode optionnelle pour Windows ====
Si vous ne voulez pas utiliser la ligne de commande, créez un fichier batch D:\saxon\svg2synfig.bat contenant :
@java -jar %0\..\saxon9.jar -xsl:%0\..\svg2synfig.xsl %1 > %0\..\synfig.sif
@pause

=== Transformer un SVG en un fichier Synfig ===
==== Avec un fichier batch windows ====
# Il suffit de faire glisser le fichier SVG sur svg2synfig.bat.

==== Avec la ligne de commande ====
# Changez de répertoire vers D:\saxon.
# Tapez la commande suivante (remplacez votre_fichier.svg par le chemin vers votre fichier SVG) :
java -jar saxon9.jar -xsl:svg2synfig.xsl votre_fichier.svg > synfig.sif

=== Résultat ===
Si la conversion s'est bien passée, le résultat sera écrit dans le fichier D:\saxon\synfig.sif.
Vous pouvez ouvrir ce fichier avec Synfig.

=== Limitations ===
* Cela ne semble pas fonctionner avec SaxonB (version FOSS).
* Les fichiers SVG compressés (svgz) doivent d'abord être décompressés.
* Seuls les objets SVG chemins sont reconnus. Vous devrez donc transformer tous les objets en chemins.
* Seul un sous-ensemble des éléments chemin est supporté. Essayez de modifier tous les nœuds des chemins pour avoir des tangentes séparées et tous les segments en courbes.
* Les couleurs compliquées comme les dégradés ne sont pas supportés.
* Seules les transformations élémentaires sont supportées.
* Remplissage et contour pour un même objet ne fonctionne pas.

=== svg2synfig.xsl ===
<pre><nowiki>
<xsl:stylesheet version="2.0" exclude-result-prefixes="#all"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:math="http://exslt.org/math">
<xsl:output method="xml" indent="yes" encoding="UTF-8"/>

<xsl:template match="/">
<xsl:apply-templates/>
</xsl:template>

<xsl:template match="svg:svg">
<xsl:variable name="width" select="math:units_to_px(@width)"/>
<xsl:variable name="height" select="math:units_to_px(@height)"/>
<xsl:variable name="has_view_box" select="matches(@viewBox, '(\d+\s){3}\d+')"/>
<canvas version="0.2" id="{@id}"
width="{if ($has_view_box) then replace(@viewBox, '(\d+)\s(\d+)\s(\d+)\s(\d+)', '$3') else $width}"
height="{if ($has_view_box) then replace(@viewBox, '(\d+)\s(\d+)\s(\d+)\s(\d+)', '$4') else $height}"
view-box="{if ($has_view_box) then @viewBox else concat('0 0 ', $width, ' ', $height)}">
<xsl:apply-templates select="svg:g|svg:svg|svg:path"/>
</canvas>
</xsl:template>

<xsl:template match="svg:g">
<layer type="PasteCanvas" active="true" version="0.1" desc="{@id}">
<param name="canvas">
<canvas>
<xsl:apply-templates/>
</canvas>
</param>
</layer>
</xsl:template>

<xsl:template match="svg:path">
<xsl:variable name="style">
<xsl:for-each select="ancestor-or-self::*">
<xsl:sort select="position()" data-type="number" order="descending"/>
<xsl:value-of select="concat(@style, ';fill:', @fill, ';stroke:', @stroke, ';stroke-width:', @stroke-width, ';')"/>
</xsl:for-each>
</xsl:variable>
<xsl:variable name="self" select="."/>
<xsl:variable name="is_fill" select="not(matches(replace($style, 'fill:[^n;][^o].*', ''), 'fill:none'))"/>
<xsl:analyze-string select="@d" regex="m[^z]+(z|$)" flags="i">
<xsl:matching-substring>
<layer type="{if ($is_fill) then 'region' else 'outline'}" version="0.1" desc="{$self/@id}">
<xsl:call-template name="style-to-color">
<xsl:with-param name="style" select="replace(replace($style, ':none.*', ''), if ($is_fill) then '.*fill:([^;]+).*' else '.*stroke:([^;]+).*', '$1')"/>
</xsl:call-template>
<xsl:if test="not ($is_fill)">
<xsl:call-template name="style-to-width">
<xsl:with-param name="style" select="replace($style, '.*stroke-width:([^;]+).*', '$1')"/>
</xsl:call-template>
</xsl:if>
<param name="bline">
<bline type="bline_point" loop="{matches(., 'z', 'i')}">
<xsl:call-template name="path-to-bline">
<xsl:with-param name="path" select="."/>
<xsl:with-param name="node" select="$self" tunnel="yes"/>
</xsl:call-template>
</bline>
</param>
</layer>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:template>

<xsl:template name="path-to-bline">
<xsl:param name="path"/>
<xsl:variable name="stripped" select="replace(replace(translate($path, ',', ' '), '(\d)-', '$1 -'), '\s*([a-z]+)\s*', '$1', 'i')"/>
<xsl:variable name="closed" select="if (matches($stripped, 'z', 'i')) then $stripped else replace($stripped, 'm([-\d.]+\s[-\d.]+).*$', '$0l$1z', 'i')"/>
<xsl:variable name="tmp" select="replace($closed, '([-\d.]+\s[-\d.]+)l([-\d.]+\s[-\d.]+)', '$1c$1 $2 $2', 'i')"/>
<xsl:variable name="curve" select="replace($tmp, '([-\d.]+\s[-\d.]+)l([-\d.]+\s[-\d.]+)', '$1c$1 $2 $2', 'i')"/>
<xsl:analyze-string select="$curve" regex="\s([-\d.]+\s[-\d.]+)\s[-\d.]+\s[-\d.]+z" flags="i">
<xsl:matching-substring>
<xsl:analyze-string select="concat(regex-group(1), $curve)" regex="([-\d.]+)\s([-\d.]+)[m\s]([-\d.]+)\s([-\d.]+)c([-\d.]+)\s([-\d.]+)" flags="i">
<xsl:matching-substring>
<xsl:call-template name="node-to-bline-point">
<xsl:with-param name="c1_x" select="regex-group(1)"/>
<xsl:with-param name="c1_y" select="regex-group(2)"/>
<xsl:with-param name="x" select="regex-group(3)"/>
<xsl:with-param name="y" select="regex-group(4)"/>
<xsl:with-param name="c2_x" select="regex-group(5)"/>
<xsl:with-param name="c2_y" select="regex-group(6)"/>
</xsl:call-template>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:template>

<xsl:template name="node-to-bline-point">
<xsl:param name="x"/>
<xsl:param name="y"/>
<xsl:param name="c1_x"/>
<xsl:param name="c1_y"/>
<xsl:param name="c2_x"/>
<xsl:param name="c2_y"/>
<xsl:param name="node" tunnel="yes"/>
<xsl:variable name="transform">
<xsl:for-each select="$node/ancestor-or-self::*/@transform">
<xsl:value-of select="."/>
</xsl:for-each>
</xsl:variable>
<xsl:variable name="t" select="math:resolve_transform($transform)"/>
<xsl:variable name="transformed_x" select="$t[5] + $t[1] * xs:float($x) + $t[3] * xs:float($y)"/>
<xsl:variable name="transformed_y" select="$t[6] + $t[2] * xs:float($x) + $t[4] * xs:float($y)"/>
<xsl:variable name="transformed_c1_x" select="$t[5] + $t[1] * xs:float($c1_x) + $t[3] * xs:float($c1_y)"/>
<xsl:variable name="transformed_c1_y" select="$t[6]+ $t[2] * xs:float($c1_x) + $t[4] * xs:float($c1_y)"/>
<xsl:variable name="transformed_c2_x" select="$t[5] + $t[1] * xs:float($c2_x) + $t[3] * xs:float($c2_y)"/>
<xsl:variable name="transformed_c2_y" select="$t[6]+ $t[2] * xs:float($c2_x) + $t[4] * xs:float($c2_y)"/>
<entry>
<composite type="bline_point">
<point>
<vector>
<x><xsl:value-of select="$transformed_x"/></x>
<y><xsl:value-of select="$transformed_y"/></y>
</vector>
</point>
<width>
<real value="1"/>
</width>
<origin>
<real value="0.5"/>
</origin>
<split>
<bool value="true"/>
</split>
<t1>
<xsl:call-template name="vector-pair-to-radial">
<xsl:with-param name="origin-x" select="$transformed_c1_x"/>
<xsl:with-param name="origin-y" select="$transformed_c1_y"/>
<xsl:with-param name="x" select="$transformed_x"/>
<xsl:with-param name="y" select="$transformed_y"/>
</xsl:call-template>
</t1>
<t2>
<xsl:call-template name="vector-pair-to-radial">
<xsl:with-param name="origin-x" select="$transformed_x"/>
<xsl:with-param name="origin-y" select="$transformed_y"/>
<xsl:with-param name="x" select="$transformed_c2_x"/>
<xsl:with-param name="y" select="$transformed_c2_y"/>
</xsl:call-template>
</t2>
</composite>
</entry>
</xsl:template>

<xsl:template name="vector-pair-to-radial">
<xsl:param name="x"/>
<xsl:param name="y"/>
<xsl:param name="origin-x"/>
<xsl:param name="origin-y"/>
<xsl:variable name="dx" select="xs:float($x) - xs:float($origin-x)"/>
<xsl:variable name="dy" select="xs:float($y) - xs:float($origin-y)"/>
<xsl:variable name="d" select="math:sqrt($dx * $dx + $dy * $dy)"/>
<xsl:variable name="angle" select="math:atan2($dy, $dx)"/>
<radial_composite type="vector">
<radius>
<real value="{$d * 3}"/>
</radius>
<theta>
<angle value="{$angle * 57.295779513082320876798154814105}"/>
</theta>
</radial_composite>
</xsl:template>

<xsl:template name="style-to-width">
<xsl:param name="style"/>
<xsl:if test="matches($style, '^\d')">
<param name="width">
<real value="{math:units_to_px($style)}"/>
</param>
</xsl:if>
</xsl:template>

<xsl:template name="style-to-color">
<xsl:param name="style"/>
<xsl:if test="matches($style, '#')">
<xsl:analyze-string select="concat($style, ';')" regex="#([\da-f]{{2}})([\da-f]{{2}})([\da-f]{{2}});">
<xsl:matching-substring>
<param name="color">
<color>
<r><xsl:value-of select="math:hex_to_color(regex-group(1))"/></r>
<g><xsl:value-of select="math:hex_to_color(regex-group(2))"/></g>
<xsl:value-of select="math:hex_to_color(regex-group(3))"/>
<a><xsl:value-of select="if (matches($style, 'fill-opacity:')) then math:power(xs:float(replace($style, '.*fill-opacity:([-\d.]+).*', '$1')), 1 div 2.2) else 1"/></a>
</color>
</param>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:if>
<xsl:if test="matches($style, 'rgb')">
<xsl:analyze-string select="concat($style, ';')" regex="rgb[(\s]+([-\d.]+)[,\s]+([-\d.]+)[,\s]+([-\d.]+)[\s)]+;">
<xsl:matching-substring>
<param name="color">
<color>
<r><xsl:value-of select="math:power(xs:float(regex-group(1)) div 255, 2.2)"/></r>
<g><xsl:value-of select="math:power(xs:float(regex-group(2)) div 255, 2.2)"/></g>
<xsl:value-of select="math:power(xs:float(regex-group(3)) div 255, 2.2)"/>
<a>1</a>
</color>
</param>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:if>
<xsl:if test="matches($style, 'url')">
<param name="color">
<color><r>0.5</r><g>0.5</g>0.5<a>0.5</a> </color>
</param>
</xsl:if>
</xsl:template>

<xsl:function name="math:resolve_transform">
<xsl:param name="transform"/>
<xsl:variable name="stripped" select="replace(replace($transform, 'translate$', 'X(1,0,0,1,'), 'matrix', 'X')"/>
<xsl:analyze-string select="concat('X(1,0,0,1,0,0)', $stripped)" regex="(.*)X\((-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+)$[^X]*X$(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+),(-?[\d.]+)$.*">
<xsl:non-matching-substring>
<xsl:sequence select="(1,0,0,1,0,0)"/>
</xsl:non-matching-substring>
<xsl:matching-substring>
<xsl:variable name="a2" select="xs:float(regex-group(8))"/>
<xsl:variable name="b2" select="xs:float(regex-group(9))"/>
<xsl:variable name="c2" select="xs:float(regex-group(10))"/>
<xsl:variable name="d2" select="xs:float(regex-group(11))"/>
<xsl:variable name="e2" select="xs:float(regex-group(12))"/>
<xsl:variable name="f2" select="xs:float(regex-group(13))"/>
<xsl:variable name="a1" select="xs:float(regex-group(2))"/>
<xsl:variable name="b1" select="xs:float(regex-group(3))"/>
<xsl:variable name="c1" select="xs:float(regex-group(4))"/>
<xsl:variable name="d1" select="xs:float(regex-group(5))"/>
<xsl:variable name="e1" select="xs:float(regex-group(6))"/>
<xsl:variable name="f1" select="xs:float(regex-group(7))"/>
<xsl:variable name="p" select="($a1*$a2+$c1*$b2,$b1*$a2+$d1*$b2,$a1*$c2+$c1*$d2,$b1*$c2+$d1*$d2,$a1*$e2+$c1*$f2+$e1,$b1*$e2+$d1*$f2+$f1)"/>
<xsl:variable name="remainder" select="replace(regex-group(1), 'X$1,0,0,1,0,0$', '')"/>
<xsl:choose>
<xsl:when test="matches($remainder, 'X')">
<xsl:variable name="recursion" select="concat($remainder, 'X(', $p[1], ',', $p[2], ',', $p[3], ',', $p[4], ',', $p[5], ',', $p[6], ')')"/>
<xsl:sequence select="math:resolve_transform($recursion)"/>
</xsl:when>
<xsl:otherwise>
<xsl:sequence select="$p"/>
</xsl:otherwise>
</xsl:choose>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:function>

<xsl:function name="math:hex_to_color" as="xs:float">
<xsl:param name="hex"/>
<xsl:value-of select="math:power(xs:float(string-length(substring-before('0123456789abcdef', substring($hex,1,1))) * 16 + string-length(substring-before('0123456789abcdef', substring($hex,2,1)))) div 255, 2.2)"/>
</xsl:function>

<xsl:function name="math:units_to_px" as="xs:float">
<xsl:param name="size"/>
<xsl:analyze-string select="$size" regex="^([-\d.]+)([a-z%]*)$">
<xsl:matching-substring>
<xsl:variable name="factor">
<xsl:choose>
<xsl:when test="regex-group(2) = 'pt'">1.25</xsl:when>
<xsl:when test="regex-group(2) = 'em'">16</xsl:when>
<xsl:when test="regex-group(2) = 'mm'">3.54</xsl:when>
<xsl:when test="regex-group(2) = 'pc'">15</xsl:when>
<xsl:when test="regex-group(2) = 'cm'">35.43</xsl:when>
<xsl:when test="regex-group(2) = 'in'">90</xsl:when>
<xsl:otherwise>1</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<xsl:value-of select="xs:float($factor) * xs:float(regex-group(1))"/>
</xsl:matching-substring>
</xsl:analyze-string>
</xsl:function>
</xsl:stylesheet>
</nowiki></pre>

== Méthode 2 ==
'''Note :''' La description de cette méthode est prévue uniquement pour Linux.

Un programme en C de akagogo qui utilise libxml permet de convertir le SVG au format Synfig.

http://none.carlos.googlepages.com/svgtosif.zip

=== Installation ===
Faites juste comme d'habitude '''./configure && make && sudo make install'''.

=== Utilisation ===
Le fichier SVG doit être dans le répertoire appelé '''data'''. Vous devez lancer la commande depuis le répertoire parent, mais en utilisant juste le nom du fichier comme paramètre. Donc si :

* Vous êtes dans le répertoire {{Literal|/example}} vous devez créer un répertoire appelé {{Literal|/example/data}} et y mettre le fichier {{Literal|file.svg}}.
* Ensuite, lancez '''svgtosif file.svg''' quand vous avez {{Literal|/example}} comme répertoire de travail courant.

Comme vous pouvez le voir, ce n'est pas vraiment simple. Pour résoudre facilement ce problème, utilisez le script suivant :

#!/bin/bash
mkdir data
cp "$1" data/
/usr/local/bin/svgtosif "$1"
NAME=`echo "$1" | cut -d "." -f 1`
cp "data/$NAME.sif" .
rm data/*
rmdir data
echo "Conversion complete!"

Mettez ces lignes dans un fichier nommé {{Literal|svg2sif}} (le nom est à votre convenance mais évitez d'utiliser {{Literal|svgtosif}}) et mettez-le dans un répertoire du PATH (par exemple /usr/bin). Puis :
chmod +x /usr/bin/svg2sif

C'est tout. Maintenant, utilisez :
svg2sif <file.svg>

et vous devriez obtenir un fichier .sif dans le même répertoire que celui où vous travaillez.

{{Navigation|Category:Manual|Doc:ListImporter}}

Doc:Gimp2synfig/fr

2013-09-15T17:31:50Z

Frigory: Inexisting image

{{Title|Import d'images GIMP (XCF)}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Intermediate}}
{{Category|Unverified}}
{{Category|Updated}}
{{Navigation|Category:Manual|Doc:Svg2synfig}}
{{NewTerminology}}



Afin de simplifier la réalisation de certains projets d'animation, un plug-in pour l'éditeur d'image [http://gimp.org/ GIMP] a été écrit, qui permet d'exporter directement des images composées de plusieurs calques vers des calques correspondants pour le programme d'animation 2D Synfig.


Le plug-in se place lui-même dans le menu système de The GIMP dans : {{c|Fichier|Exporter|Synfig}}.

[http://img246.imageshack.us/my.php?image=gimp2synfigmenuxh9.jpg http://img246.imageshack.us/img246/4126/gimp2synfigmenuxh9.th.jpg]

Des options d'exportation peuvent être choisies. Si le champ {{Literal|Chemin}} est vide, les calques pour Synfig seront mis dans le même répertoire que l'image initiale.


Résultat :

[http://img201.imageshack.us/my.php?image=gimp2synfig003yn6.jpg http://img201.imageshack.us/img201/9369/gimp2synfig003yn6.th.jpg]

À gauche, vous pouvez voir l'image initiale dans GIMP, et à droite la même image importée dans Synfig.

Après avoir ajouté un calque de redimensionnement, les images ne peuvent plus être différenciées.

[http://img151.imageshack.us/my.php?image=gimp2synfig003withgammafd6.jpg http://img151.imageshack.us/img151/5450/gimp2synfig003withgammafd6.th.jpg]

Vous pouvez télécharger le plugin ''synfigexport'' [http://akhilman.googlepages.com/synfigexport.py ici].

Pour qu'il fonctionne, GIMP doit avoir le support Python, et la version la plus récente de Python doit être installée sur votre ordinateur.

Pour installer ce plug-in, placez tout simplement le fichier dans le sous-dossier plug-ins dans le répertoire de configuration de GIMP, accessible depuis votre répertoire personnel sous le nom {{Literal|gimp-*}} où * correspond à la version de GIMP que vous utilisez. Sous Linux, vous devrez rendre le fichier exécutable ({{Literal|chmod +x synfigexport.py}}).
Vous pourrez dès lors relancer GIMP.

Ce programme est sous la licence Creative Commons Attribution 3.0 Unported License. La distribution et la mise à jour de ce code est appréciée.

{{Navigation|Category:Manual|Doc:Svg2synfig}}

Doc:Gimp2synfig/fr

2013-09-15T17:30:01Z

Frigory: Updated, improved and corrected translations

{{Title|Import d'images GIMP (XCF)}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Intermediate}}
{{Category|Unverified}}
{{Category|Updated}}
{{Navigation|Category:Manual|Doc:Svg2synfig}}
{{NewTerminology}}



Afin de simplifier la réalisation de certains projets d'animation, un plug-in pour l'éditeur d'image [http://gimp.org/ GIMP] a été écrit, qui permet d'exporter directement des images composées de plusieurs calques vers des calques correspondants pour le programme d'animation 2D Synfig.


Le plug-in se place lui-même dans le menu système de The GIMP dans : {{c|Fichier|Exporter|Synfig}}.

[http://img246.imageshack.us/my.php?image=gimp2synfigmenuxh9.jpg http://img246.imageshack.us/img246/4126/gimp2synfigmenuxh9.th.jpg]

Des options d'exportation peuvent être choisies. Si le champ {{Literal|Chemin}} est vide, les calques pour Synfig seront mis dans le même répertoire que l'image initiale.

[http://img292.imageshack.us/my.php?image=gimp2synfigsettingsvs3.jpg http://img292.imageshack.us/img292/269/gimp2synfigsettingsvs3.th.jpg]

Voici le résultat :

[http://img201.imageshack.us/my.php?image=gimp2synfig003yn6.jpg http://img201.imageshack.us/img201/9369/gimp2synfig003yn6.th.jpg]

À gauche, vous pouvez voir l'image initiale dans GIMP, et à droite la même image importée dans Synfig.

Après avoir ajouté un calque de redimensionnement, les images ne peuvent plus être différenciées.

[http://img151.imageshack.us/my.php?image=gimp2synfig003withgammafd6.jpg http://img151.imageshack.us/img151/5450/gimp2synfig003withgammafd6.th.jpg]

Vous pouvez télécharger le [http://akhilman.googlepages.com/synfigexport.py plugin synfigexport ici].

Pour qu'il fonctionne, GIMP doit avoir le support Python, et la version la plus récente de Python doit être installée sur votre ordinateur.

Pour installer ce plug-in, placez tout simplement le fichier dans le sous-dossier plug-ins dans le répertoire de configuration de GIMP, accessible depuis votre répertoire personnel sous le nom {{Literal|gimp-*}} où * correspond à la version de GIMP que vous utilisez. Sous Linux, vous devrez rendre le fichier exécutable ({{Literal|chmod +x synfigexport.py}}).
Vous pourrez dès lors relancer GIMP.

Ce programme est sous la licence Creative Commons Attribution 3.0 Unported License. La distribution et la mise à jour de ce code est appréciée.

{{Navigation|Category:Manual|Doc:Svg2synfig}}

Doc:Getting Started/fr

2013-09-15T17:08:16Z

Frigory: Updated, corrected and improved translations

{{Title|Commençons par le commencement}}
{{Navigation|Category:Manual|Doc:Animation_Basics}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{NewTerminology}}


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

[[File:Interface 0.63.06.png|600px|thumb|center|border|La disposition par défaut de l'interface de Synfig Studio]]

Les composants principaux sont :

* {{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.

* {{l|Canvas}} — Le '''canevas''' (ou toile) où vos illustrations et animations apparaîtront.

* {{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.

{{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}}.}}

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.

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.

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.

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.

En voici quelques-uns parmi les plus importants :

* {{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.

== Calques ==

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 :

[[File:Adding-Layer-tutorial-12 0.63.06.png|right|frame|Panneau de Calques]]

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

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

== 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é.

{{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}}

= 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.}}

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

À 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é !

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 !

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.

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

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.

== Liens ==

À 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).

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 ?

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

== 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 {{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.

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.

= 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 {{l|Doc:Animation_Basics|chapitre suivant}}.

{{Navigation|Category:Manual|Doc:Animation_Basics}}

Doc:Overview/fr

2013-09-15T15:39:25Z

Frigory: Translations improvement and correction

{{Title|Résumé}}
{{Navigation|Category:Manual|Doc:Getting Started}}
[[Category:Manual]]
{{NewTerminology}}


Synfig Studio est un programme open-source d'animation 2D vectorielle. Il a été conçu pour produire des animations de qualité cinéma avec un minimum de personnes et de ressources.

Comme le savez peut-être, une animation correspond à l'affichage accéléré d'une séquence d'images dans le but de donner l'illusion du mouvement. Traditionnellement, les animations 2D sont créées en dessinant chaque image individuellement. Ces images sont appelés des “frame” (parfois « cadre » en français) et cette méthode est donc ainsi appelée “animation frame-by-frame”.
Pour produire un mouvement suffisamment fluide, vous devez dessiner de très nombreuses frames, c'est pourquoi cette méthode requiert beaucoup de temps et de ressources.


Synfig Studio est conçu pour éviter d'avoir à dessiner chaque frame séparément. Deux techniques existent :

* Le ''Morphing'' (animation par métamorphose)
* Le ''Cutout'' (animation par découpage)

= Morphing =
[[File:Rose4b.gif|100px|frame|right|Morphing d'une rose, par Rore]]
Le '''''Morphing''''' nécessite un couple d'images et crée une transition douce entre elles. Dans ce procédé, une forme est déformée en une autre et cette transformation est habituellement définie par des points de contrôle. Dans Synfig Studio, les images sont constituées d'objets vectoriels et la transformation se fait automatiquement. Cela permet de réaliser l'animation en plaçant les clés de positionnement dans un intervalle de temps relativement large. Vous devez produire toutes les frames nécessaires pour définir les pauses-clés de l'animation qui donneront l'illusion du mouvement et Synfig Studio se chargera d'intercaler des frames supplémentaires.

= Cutout =
[[Image:Cutoutsample.gif|100px|frame|left|Cutout des tutoriels Synfig]]
Le '''''Cutout''''' est réalisé en décomposant les objets en plusieurs parties et en appliquant des transformations simples à chacune d'entre elles (comme des translations, des rotations ou des mises à l'échelle) à différents instants. Synfig Studio utilise ces données pour interpoler le mouvement entre les images que vous avez produites. Une animation ''cutout'' peut être réalisée à partir d'images matricielles (constituées de pixels) ou d'éléments vectoriels.

= Synthèse et autres fonctionnalités =
Dans les deux cas, le rôle de Synfig Studio est de combler l'espace temporel entre les frames que vous avez dessinés (aussi appelés {{Literal|Keyframes}}, cadres clés) et ainsi produire un mouvement animé fluide et continu. Cette technique est appelée « interpolation ». Mais l'interpolation n'est pas le seul atout de Synfig Studio.

Bien que Synfig Studio ne soit pas directement conçu pour dessiner les animations image par image, il peut être utilisé pour donner une qualité de type cinéma à vos dessins réalisés à la main en convertissant les données matricielles de chaque frame dans le format vectoriel. Ce procédé est appélé « traçage » et est générallement fait manuellement en dessinant des formes vectorielles par-dessus l'image matricielle. Lors de cette étape de la réalisation, vous pouvez appliquer de nombreux effets fascinants générés par Synfig Studio pour donner à vos animations un aspect professionnel.


Que vous fassiez votre animation image par image ou pas, Synfig Studio vous laisse un contrôle souple sur les données réutilisables telles que les couleurs, caractéristiques de lignes, textures, images et bien d'autres encore, comme les trajectoires d'animations et leurs actions. Il est possible de réutiliser plusieurs fois les mêmes données grâce à des liens. C'est une des puissante fonctionnalité de Synfig Studio, qui est particulièrement importante pour les gros projets d'animations.

Parmi les liens relationnels que vous pouvez définir entre les éléments de votre travail, vous pouvez utiliser des ensembles de fonctions. Ainsi, vous pouvez réaliser des animations basées sur des lois prédéfinies et donner à tout le processus d'animation un niveau supérieur.
[[Image:Parabolic-shot.gif|frame|center|Tir parabolic des tutoriels Synfig]]

Pour terminer, il est également possible de réaliser de simples animations image par image, cette fonction étant toujours utile avec les images matricielles.

Toutes les fonctionnalités de Synfig Studio sont décrites en détail dans les chapitres de ce manuel.


{{Navigation|Category:Manual|Doc:Getting Started}}

User Documentation/fr

2013-09-15T14:41:01Z

Frigory: « TOUTES » and not « TOUTE »

{{Title|Documentation Utilisateur}}

NOTE : La règle est simple : TOUTES les pages de documentation doivent être listées ici.

* '''{{l|Category:Manual}}'''
<DPL>
titlematch=Manual/fr
namespace=Category
includepage = *
format = <ul>\n,,,<ul>
</DPL>
* '''{{l|Category:Tutorials}}'''
<DPL>
titlematch=Tutorials/fr
namespace=Category
includepage = *
format = <ul>\n,,,<ul>
</DPL>
* '''{{l|Category:Reference}}'''
<DPL>
titlematch=Reference/fr
namespace=Category
includepage = *
format = <ul>\n,,,<ul>
</DPL>
* '''{{l|Category:Glossary}}'''
<DPL>
titlematch=Glossary/fr
namespace=Category
includepage = *
format = <ul>\n,,,<ul>
</DPL>

Main Page/fr

2013-09-15T14:36:20Z

Frigory: Small edits in translations

{{Title|Synfig Studio : Page Principale}}
{{NewTerminology}}


Bienvenue sur le wiki de Synfig. Ce wiki constitue les ressources de documentation pour [http://www.synfig.org/ Synfig Animation Studio], un programme d'animation et de conception 2D. La documentation de ce wiki est divisée en trois sections principales : la {{l|User Documentation}} (pour les utilisateurs du programme d'animation), la {{l|Developer Documentation}} (pour les développeurs du code du programme) ainsi que la {{l|Writer Documentation}} (pour ceux qui s'occupent de la mise à jour du wiki).

Voici une liste de tous les éléments pour chaque catégorie de documents.

* '''{{l|User Documentation}}'''
** {{l|Category:Manual|Manuel}}. Le manuel est un parcours pas à pas à travers les principaux aspects de Synfig Studio et le cheminement pour faire des animations avec celui-ci.
** {{l|Category:Tutorials|Tutoriels}}. Chaque tutoriel est un guide indépendant qui illustre comment procéder afin d'accomplir une tâche particulière.
** {{l|Category:Reference|Référence}}. C'est une liste exhaustive de tous les aspects individuels de l'application Synfig (Interface graphique utilisateur -GUI- et ligne de commande). Utilisez-la si vous voulez des détails sur un aspect particulier du programme.
** {{l|Category:Glossary|Glossaire}}. Quelques parties de la documentation ont des concepts et des nommages spécifiques. Cherchez-les ici.
* '''{{l|Developer Documentation}}'''
* '''{{l|Writer Documentation}}'''

'''À tous les éditeurs et traducteurs'''

Veuillez lire les recommandations précisées dans la {{l|Writer Documentation}}.

Writer Documentation/fr

2013-09-15T14:27:37Z

Frigory: Woops, pardon the double-paragraph

{{Title|Documentation Rédacteur}}
{{NewTerminology}}

= Projet : restructurer et mettre à jour la documentation =
'''À tous les rédacteurs / traducteurs !'''

Un projet de restructuration et de mise à jour de la documentation à été lancé (début 2010).
Merci d'aller voir ce fil dans le Forum [http://synfig.org/forums/viewforum.php?f=25] pour plus d'informations.
Quelques informations sont également disponibles sur la version anglaise de ce document.

= Pour bien commencer =
Pour ajouter une page (ou une traduction de page), rendez-vous simplement à son emplacement futur en modifiant le contenu de la barre d'adresse dans votre navigateur.
Une page s'affichera alors, indiquant que la page courante n'existe « pas encore ». Vous pouvez la créer en cliquant sur le lien “Create” dans le menu du haut. Vous pourrez ainsi procéder à l'écriture de la page ou de la traduction.

= Documentation pour les rédacteurs =
* Conventions Générales
** {{l|Meta:General Documentation Style}}
** {{l|Meta:ScreenShots}}
** {{l|Meta:Synfig Naming Conventions}}

* Wiki
** {{l|Meta:Wiki Structure}}
** {{l|Meta:Template Style And Syntax}}

* {{l|Meta:Translation}}

= Documentation Administrateurs =
* {{l|Meta:Templates}}
* {{l|Meta:How to add support for new lanaguage}}

= Documentation Marketing/Ventes=
* {{l|Meta:Writing Press Releases}}

= Pages en cours d'élaboration =
Ces pages sont actuellement en cours d'élaboration et n'apparaissent pas dans la documentation.
* {{l|Introduction}}
* {{l|Installation}}

Writer Documentation/fr

2013-09-15T14:25:05Z

Frigory: Updated from English page, NewTerminology (no terminology modification in this page)

{{Title|Documentation Rédacteur}}
{{NewTerminology}}

= Projet : restructurer et mettre à jour la documentation =
'''À tous les rédacteurs / traducteurs !'''

Un projet de restructuration et de mise à jour de la documentation à été lancé (début 2010).
Merci d'aller voir ce fil dans le Forum [http://synfig.org/forums/viewforum.php?f=25] pour plus d'informations.

= Pour bien commencer =
Pour ajouter une page (ou une traduction de page), rendez-vous simplement à son emplacement futur en modifiant le contenu de la barre d'adresse dans votre navigateur.
Une page s'affichera alors, indiquant que la page courante n'existe « pas encore ». Vous pouvez la créer en cliquant sur le lien “Create” dans le menu du haut. Vous pourrez ainsi procéder à l'écriture de la page ou de la traduction.

= Documentation pour les rédacteurs =
* Conventions Générales
** {{l|Meta:General Documentation Style}}
** {{l|Meta:ScreenShots}}
** {{l|Meta:Synfig Naming Conventions}}

* Wiki
** {{l|Meta:Wiki Structure}}
** {{l|Meta:Template Style And Syntax}}

* {{l|Meta:Translation}}

= Documentation Administrateurs =
* {{l|Meta:Templates}}
* {{l|Meta:How to add support for new lanaguage}}

= Documentation Marketing/Ventes=
* {{l|Meta:Writing Press Releases}}

= Pages en cours d'élaboration =
Ces pages sont actuellement en cours d'élaboration et n'apparaissent pas dans la documentation.
* {{l|Introduction}}
* {{l|Installation}}

= Projets =
Veuillez consulter cette page en anglais pour un descriptif des projets en cours.