Comment transformer des courbes séparées en une seule forme correctement remplie dans Inkscape

Un ensemble de courbes peut sembler fermé sans former un contour connecté. Le format SVG utilisé par Inkscape remplit un sous-tracé ouvert comme si un segment droit reliait son dernier point au premier. Par conséquent, des courbes séparées peuvent produire des pointes ou des zones courbes au lieu de remplir l’espace que vous voyez entre elles. W3C : peinture — propriétés de remplissage.

Cela explique aussi pourquoi appliquer une couleur ne constitue pas un test fiable de fermeture. Un tracé peut afficher un remplissage important alors que ses extrémités ne sont pas connectées. Votre tâche consiste à établir le contour souhaité, puis à en vérifier l’apparence.

Imaginez deux courbes formant les moitiés supérieure et inférieure d’un ovale. Chaque courbe, à elle seule, peut remplir la zone entre son arc et un segment droit implicite. Joindre les extrémités correspondantes transforme ces deux morceaux en le périmètre voulu.

Enregistrez une copie de travail avant de modifier le dessin. Repérez toutes les courbes qui font partie du périmètre extérieur et excluez de la sélection les lignes décoratives intérieures. Pour une silhouette unique, vous devriez pouvoir suivre le contour voulu sans interruption jusqu’à votre point de départ.

Vérifiez les points suivants lors de la préparation :

• Repérez où chaque courbe du contour doit rejoindre sa voisine.
• Déterminez si chaque point de jonction doit être arrondi ou pointu.
• Recherchez les lignes supplémentaires qui traversent l’intérieur.
• Vérifiez si certains objets sont encore des formes géométriques plutôt que des tracés modifiables.

Si une ellipse, un rectangle ou une autre forme géométrique sélectionnée affiche des poignées propres à la forme, utilisez Path → Object to Path avant de modifier ses nœuds. La conversion remplace les contrôles de la forme par des outils d’édition du tracé ; il est donc utile de conserver la copie de travail. Les courbes déjà dessinées sous forme de tracés n’ont pas besoin de cette conversion. Inkscape : modification des nœuds d’une forme géométrique.

Gardez à l’esprit la différence entre la courbe et son contour visible. Le contour est stylisé indépendamment du remplissage ; sa largeur et ses extrémités influent sur ce que vous voyez. Le contact apparent entre des contours épais ne donne donc qu’un indice visuel sur la géométrie sous-jacente. Inkscape : contours.

Pour des courbes séparées destinées à former un périmètre continu, commencez par Combine. Cette commande conserve les morceaux au sein d’un seul objet de tracé. Ces morceaux restent des sous-tracés indépendants jusqu’à ce que vous les connectiez. Union sert à une autre tâche : fusionner les zones de formes existantes. Inkscape : opérations booléennes.

Situation initiale	Méthode appropriée
Courbes ouvertes formant des sections d’un même périmètre	Combine, puis joignez les extrémités correspondantes
Formes fermées dont les zones remplies doivent fusionner	Union
Boucle extérieure avec une ouverture intérieure délibérée	Conservez des sous-tracés fermés distincts et choisissez la règle de remplissage appropriée

Avec l’outil Sélecteur, sélectionnez uniquement les morceaux du périmètre, puis choisissez Path → Combine. Vérifiez le résultat avant de continuer : le fait d’obtenir un seul objet sélectionnable ne signifie pas que tous les morceaux sont connectés. Le manuel distingue explicitement un tracé composé contenant plusieurs sous-tracés d’objets de tracé séparés. Inkscape : opérations booléennes.

Appuyez sur N pour activer l’outil Nœuds. Faites le tour du périmètre en traitant une jonction à la fois :

1. Zoomez sur la première jonction souhaitée.
2. Sélectionnez ses deux nœuds d’extrémité.
3. Utilisez Joindre les nœuds sélectionnés si les extrémités doivent devenir un seul nœud.
4. Utilisez Joindre les nœuds d’extrémité sélectionnés par un nouveau segment si une section de liaison doit les séparer.
5. Répétez l’opération à chaque jonction, y compris pour la dernière paire qui ferme le contour.

La commande de fusion réunit les nœuds sélectionnés en un seul tout en essayant de préserver la forme du tracé. La commande de création d’un segment relie les extrémités. Sélectionnez une seule paire à la fois : le manuel indique que la jonction d’une sélection plus large peut relier les extrémités les plus proches, lesquelles peuvent ne pas correspondre aux connexions souhaitées. Inkscape : options de l’outil Nœuds.

Pour l’ovale d’exemple composé de deux courbes, sélectionnez les extrémités gauches correspondantes et joignez-les, puis sélectionnez et joignez les extrémités droites correspondantes. Si vous ne joignez qu’un côté, le contour reste continu mais ouvert. Cela correspond à la structure des tracés décrite par SVG : un tracé peut contenir des segments connectés, tandis qu’un sous-tracé fermé revient à son point de départ. W3C : tracés.

Si la sélection de la paire est difficile, cliquez sur une extrémité puis cliquez sur l’autre en maintenant Maj, ou tracez un petit rectangle de sélection autour des deux nœuds. La documentation originale de l’outil Nœuds d’Inkscape décrit ces deux méthodes. Wiki Inkscape : réécriture de l’outil Nœuds.

Après avoir connecté le contour, examinez chaque jonction pour repérer un angle ou une bosse indésirable. La jonction établit la connectivité ; le type de nœud et ses poignées déterminent la fluidité du contour à cet endroit.

Utilisez un nœud lisse lorsque le contour doit se prolonger sans rupture : ses poignées sont alignées de part et d’autre du nœud. Utilisez un nœud cuspide lorsque vous avez besoin d’une pointe ou d’une courbure réglable indépendamment de chaque côté. Un nœud symétrique impose également que les deux poignées soient de même longueur ; choisissez-le seulement si cette contrainte convient au contour. Inkscape : à propos des types de nœuds.

Sélectionnez le nœud de jonction et utilisez la commande correspondante pour choisir son type, puis ajustez ses poignées en observant les deux courbes voisines. Examinez une jonction à la fois afin de voir si une modification locale améliore l’ensemble de la silhouette. Évitez de convertir tous les nœuds en nœuds lisses si le dessin comporte des angles intentionnels.

Sélectionnez le tracé terminé et ouvrez Object → Fill and Stroke. Dans l’onglet Fill, choisissez la couleur unie, puis sélectionnez votre couleur. Dans Stroke paint, conservez un contour ou choisissez la croix pour n’appliquer aucun contour. La boîte de dialogue gère ces peintures séparément. Inkscape : la boîte de dialogue Remplissage et contour.

Si le résultat est inattendu, procédez au diagnostic dans cet ordre :

1. Une arête diagonale traverse l’intérieur souhaité : revérifiez les connexions aux extrémités correspondantes ; un sous-tracé ouvert peut être rempli en utilisant son arête de fermeture implicite.
2. Un trou inattendu subsiste : recherchez un sous-tracé supplémentaire, une boucle qui se chevauche ou une auto-intersection avant de modifier la règle de remplissage.
3. L’objet semble invisible : vérifiez que le remplissage est une couleur et non l’absence de peinture, puis contrôlez l’opacité.
4. Une jonction semble pointue : examinez le type et les poignées de ce nœud.

Les règles de remplissage comptent lorsque les tracés s’auto-intersectent ou contiennent des sous-tracés imbriqués. Avec even-odd, une boucle imbriquée peut créer une ouverture quelle que soit sa direction ; nonzero tient également compte du sens du tracé. Pour un contour simple, fermé et sans intersection, il ne devrait pas être nécessaire de changer de règle. Réparez d’abord le contour, puis traitez les ouvertures intentionnelles. W3C : règle d’enroulement.

Si les remplissages sont invisibles, vérifiez à la fois l’alpha de la couleur et l’opacité globale de l’objet. SVG définit l’opacité du remplissage séparément, tandis que le contrôle d’opacité globale d’Inkscape affecte ensemble le remplissage et le contour. W3C : opacité du remplissage, Inkscape : la boîte de dialogue Remplissage et contour.

Examinez chaque ancienne jonction avec l’outil Nœuds, puis vérifiez la silhouette à la taille à laquelle elle sera affichée. Pour le contour unique décrit ici, le périmètre doit former une seule boucle fermée, sans morceaux ouverts résiduels. SVG distingue un sous-tracé fermé d’un sous-tracé ouvert même si leurs extrémités occupent la même position ; il ne suffit donc pas de déplacer deux extrémités l’une sur l’autre. W3C : commande Closepath.

Pour terminer, vérifiez ensemble trois points : le contour est connecté, ses courbes présentent les angles et les transitions souhaités, et le remplissage couvre l’intérieur attendu. Lorsque tout concorde, enregistrez le SVG modifiable afin de pouvoir affiner facilement la silhouette.

• Options de l’outil Nœuds — Guide du débutant d’Inkscape
• Opérations booléennes — Guide du débutant d’Inkscape
• Modification des nœuds d’une forme géométrique — Guide du débutant d’Inkscape
• Contours — Guide du débutant d’Inkscape
• À propos des types de nœuds — Guide du débutant d’Inkscape
• La boîte de dialogue Remplissage et contour — Guide du débutant d’Inkscape
• Réécriture de l’outil Nœuds, GSoC 2009 — Wiki Inkscape
• Peinture : remplissage, contour et symboles de marqueur — W3C SVG 2
• Tracés — W3C SVG 2