Import SVG Synfig : préparer des calques d’animation éditables

Synfig peut importer un SVG avec File → Import, mais tu dois vérifier les calques obtenus avant d’animer. Sa documentation d’import SVG décrit aussi une méthode Inkscape vers SIF lorsque l’import direct ne reproduit pas le dessin de façon utile.

Ce sont deux façons de transférer un dessin vectoriel. Aucune ne crée le plan de mouvement pour toi. Une lampe de bureau importée peut paraître correcte alors que son abat-jour, ses bras et sa base restent difficiles à sélectionner ou à faire tourner indépendamment.

Commence avec un objet, décide quelles parties bougent et compare le résultat importé à l’original SVG. Une courte vérification des calques et mouvements est plus utile qu’importer toute une scène et découvrir sa structure plus tard.

Choisir l’import SVG direct ou une copie SIF

Essaie d’abord l’import direct si tu as déjà un SVG. Garde l’original ouvert dans son éditeur source pour comparer formes, couleurs et organisation.

L’option SIF figure toujours dans la définition officielle de l’extension de sortie Synfig d’Inkscape. Elle déclare Synfig Animation (*.sif) et signale que l’export peut entraîner des pertes. Vérifie que ta version installée d’Inkscape propose ce format ; l’existence d’un exportateur ne garantit pas une présentation identique dans chaque installation.

Utilise la méthode qui préserve l’apparence et la structure d’édition nécessaires. SIF ne promet pas une compatibilité SVG parfaite et un import SVG visible n’est pas encore un rig.

Prévoir les pièces mobiles avant l’export

Considère une lampe de bureau originale avec base, bras inférieur, bras supérieur et abat-jour. La base reste fixe. Les bras tournent aux articulations et l’abat-jour s’incline à son attache.

Dans l’éditeur source, garde ces parties séparées et donne aux calques des noms descriptifs. Place le dessin qui doit bouger ensemble dans la même partie. Si l’abat-jour a un remplissage et un contour décoratif, les deux doivent suivre son mouvement.

Dessine aussi assez de chaque partie pour les poses prévues. Un SVG contenant seulement le bord visible d’un bras ne fournit pas le dessin caché lorsque tu éloignes l’abat-jour. Tu devras peut-être prolonger manuellement la région couverte.

Le diagramme décrit l’organisation voulue. Il ne prédit pas le nombre de calques créés par un importateur. Le code d’export SIF d’Inkscape peut créer des calques distincts de région et de contour à partir du remplissage et du contour d’un tracé. Une seule partie source peut donc nécessiter plusieurs calques obtenus pour bouger ensemble.

Une vectorisation fondée sur les couleurs peut aussi organiser le dessin différemment de ton plan de mouvement. Deux bras sombres peuvent appartenir à une seule forme composée. Sépare la géométrie réellement nécessaire au lieu de supposer que chaque objet reconnaissable a son calque.

Faire une petite vérification d’import direct

Enregistre une copie livrable contenant seulement la lampe, puis importe-la dans un nouveau document Synfig avec File → Import. Avant d’ajouter l’animation, effectue quatre vérifications :

1. Compare la silhouette globale et la taille du dessin au canevas.
2. Déploie la hiérarchie des calques et trouve un bras ou l’abat-jour.
3. Masque temporairement cette partie pour voir exactement quel dessin elle contient.
4. Restaure la visibilité, fais un petit mouvement temporaire, puis annule-le.

Si masquer l’abat-jour masque aussi un bras, examine le regroupement. Si déplacer l’abat-jour laisse son contour derrière, rassemble les calques qui forment cette partie avant de continuer. Ces petits tests révèlent la structure sans animation complète.

Vérifie les couleurs séparément de la géométrie. Un contour correct avec un mauvais remplissage diffère d’un dessin manquant. Compare couleurs, opacité, contours visibles et trous à la source. Garde les corrections dans une copie de travail pour revenir à l’original.

Pour des formats d’animation à géométrie native différente, la procédure vectorielle OpenToonz montre pourquoi une limite remplie éditable et une ligne centrale éditable offrent des commandes différentes. Ne suppose pas que le nombre de calques d’un importateur dit quel type de modification chacun permet.

Essayer l’export SIF Inkscape lorsqu’il aide

Si ton installation Inkscape propose Synfig Animation (*.sif) dans Save As, enregistre une copie SIF séparée et ouvre-la dans Synfig. Garde l’original SVG éditable. Le guide de conversion Inkscape de Synfig décrit cette méthode et la relation entre calques Inkscape et Group Layers Synfig.

L’implémentation actuelle de l’exportateur traite aussi un calque Inkscape comme conteneur nommé de son contenu converti. Des calques source délibérés sont donc utiles pour la lampe, mais il faut toujours examiner le résultat. Groupes SVG ordinaires et calques Inkscape ne constituent pas des promesses interchangeables sur la hiérarchie finale.

Compare la copie SIF à l’import direct avec les mêmes vérifications. Peux-tu sélectionner l’abat-jour ? Son remplissage et son contour restent-ils ensemble ? Les chevauchements sont-ils intacts ? Choisis selon ces résultats plutôt que selon l’extension qui semble la plus native.

Évite de transformer une ancienne liste de compatibilité en règle universelle. La page wiki Synfig inclut une ancienne méthode de conversion XSLT avec ses propres restrictions. Elles ne décrivent pas automatiquement l’importateur SVG direct ou l’exportateur Inkscape actuel. Pour un fichier problématique, réduis une copie à des formes simples remplies et réintroduis les fonctionnalités complexes une par une.

Régler les origines des groupes avant un test de mouvement

La documentation Group Layer de Synfig décrit un conteneur qui transforme ses calques enfants ensemble. Ses commandes incluent rotation, décalage, cisaillement et échelle. Groupe les pièces d’une seule partie mobile de la lampe avant de tester sa rotation.

Place le centre de rotation à l’articulation prévue. Le Group Transformation Widget documenté permet de maintenir Ctrl en glissant le centre de transformation pour changer Origin indépendamment du groupe. Vérifie l’effet sur le groupe sélectionné avant de l’animer.

Pour l’abat-jour, un centre au milieu de la silhouette produit un autre mouvement qu’un centre à l’attache du bras. Essaie une petite rotation sur une copie de travail. Cherche contours détachés, espaces à l’articulation ou dessin tournant autour du mauvais point, puis annule le test.

Cela établit un point de départ d’édition. Mouvement parent-enfant, os, chronologie et interpolation nécessitent encore leur configuration. Importer un SVG ou exporter un SIF ne retrouve pas un rig préexistant à partir d’une illustration plate.

Si l’import est vide ou les couleurs changent

Utilise le symptôme pour cibler l’enquête :

Le diagnostic de SVG vide traite de la zone d’affichage, de la visibilité et du contenu non pris en charge. Préserve les bons tracés pendant le diagnostic. Convertir tout le dessin en PNG puis le retracer supprime une structure encore potentiellement utile.

Note la version Synfig, celle d’Inkscape si utilisé, la méthode d’import choisie et un petit fichier reproduisant le problème. Un ancien signalement de forum sur couleur ou regroupement est une piste, pas une preuve que toutes les installations actuelles ont le même problème.

La place de PerfectVector

Si la seule source est une illustration PNG ou JPG à aplats, la procédure image vers vecteur de PerfectVector peut reconstruire des tracés SVG éditables avant le transfert Synfig. Examine la silhouette et sépare les régions à déplacer, puis teste un import. Le résultat nécessite toujours organisation des calques, placement des articulations et configuration de l’animation dans Synfig.

Garde un SVG éditable existant plutôt que de retracer sa capture. Les fonds peints peuvent rester matriciels lorsque leur texture compte et que tu dois seulement positionner ou déplacer l’image. Synfig décrit un Import Image Layer distinct pour le contenu image. Pour une autre vectorisation native, consulte la vectorisation d’images Adobe Animate ; l’explication générale de la vectorisation distingue reconstruction des tracés et reconstruction de la structure de conception originale.

FAQ

Synfig peut-il importer des fichiers SVG ? Oui. Utilise File → Import, puis examine le dessin visible et la structure des calques obtenue. La documentation Synfig décrit aussi une méthode Inkscape vers SIF comme alternative lorsque l’import direct ne reproduit pas utilement le fichier.

Dois-je utiliser SVG ou SIF pour une animation Synfig ? Garde l’original SVG et compare un import direct à un export SIF distinct lorsque cette option est disponible dans ton Inkscape. Choisis le résultat dont l’apparence et les parties éditables conviennent à l’animation. Aucune méthode ne crée automatiquement un rig.

Pourquoi mon SVG est-il vide ou mal coloré dans Synfig ? Vérifie visibilité, limites, échelle, remplissages, opacité et structure de la partie manquante. Teste une copie simple pour distinguer une fonctionnalité propre au fichier d’un problème d’import plus général. Préserve l’original et note les versions d’application et la méthode d’import.

Importer un SVG crée-t-il des parties mobiles distinctes ? Examine les calques réels au lieu de le supposer. Une partie source peut produire plusieurs calques de rendu et plusieurs parties visibles peuvent partager une géométrie. Organise chaque partie mobile, règle son origine et teste un petit mouvement avant d’ajouter l’animation.

Sources

1. Synfig — Import SVG et conversion Inkscape — Décrit l’import direct et la méthode SIF alternative, ainsi que les conversions historiques.
2. Inkscape — Définition de l’extension de sortie Synfig — Enregistre le format SIF et signale que l’export peut entraîner des pertes.
3. Inkscape — Implémentation de l’exportateur Synfig — Montre la gestion des conteneurs de calques et la conversion séparée du remplissage et du contour.
4. Synfig — Group Layer — Définit les transformations de calques groupés et leurs paramètres.
5. Synfig — Group Transformation Widget — Décrit l’ajustement d’Origin du groupe indépendamment du dessin.
6. Synfig — Import Image Layer — Décrit le calque distinct pour le contenu image importé.

---

Tu pars d’un dessin matriciel ? Prépare ses tracés SVG avec PerfectVector, examine les régions à déplacer et teste une partie dans Synfig avant de créer le reste de l’animation.