L'édition de chemins vectoriels vous donne un contrôle précis sur la géométrie des formes en manipulant les nœuds individuels et les courbes Bezier. Créez des formes personnalisées ou modifiez les formes existantes en déplaçant des points, en ajustant des courbes et en ajoutant ou supprimant des nœuds.

Comprendre les chemins vectoriels

Chaque forme dans Diagrammix3 est composée d'un chemin constitué de :

  • Nœuds (points d'ancrage) - Définissent où le chemin change de direction
  • Segments - Lignes ou courbes reliant les nœuds
  • Poignées (points de contrôle) - Contrôlent la courbure des segments Bezier

Anatomie d'un chemin vectoriel

Entrer en mode d'édition de chemin

Pour modifier le chemin d'une forme :

  1. Sélectionnez la forme que vous souhaitez modifier
  2. Choisissez l'une de ces méthodes :
    • Double-cliquez sur le contour de la forme
    • Sélectionnez Édition → Modifier le chemin dans le menu
    • Cliquez sur le bouton Modifier le chemin dans l'Inspecteur

Les nœuds de la forme deviennent visibles et l'interface entre en mode d'édition de chemin.

Travailler avec les nœuds

Sélectionner des nœuds

  • Cliquez sur un nœud pour le sélectionner
  • Maj+Clic pour sélectionner plusieurs nœuds
  • Cmd+A pour sélectionner tous les nœuds du chemin
  • Cliquez sur une zone vide pour tout désélectionner

Déplacer des nœuds

  1. Sélectionnez un ou plusieurs nœuds
  2. Cliquez et faites glisser pour les déplacer
  3. Maintenez Maj tout en faisant glisser pour contraindre le mouvement à l'horizontale/verticale
  4. Utilisez les touches fléchées pour un déplacement précis de 1 pixel

Ajouter des nœuds

Pour ajouter un nouveau nœud au chemin :

  1. Cliquez sur n'importe quel segment (la ligne entre deux nœuds)
  2. Un nouveau nœud apparaît à cet emplacement
  3. Le chemin s'ajuste automatiquement pour inclure le nouveau nœud

Astuce : Ajoutez des nœuds là où vous souhaitez créer de nouvelles courbes ou coins dans votre forme.

Supprimer des nœuds

Pour supprimer un nœud :

  1. Sélectionnez le ou les nœuds que vous souhaitez supprimer
  2. Appuyez sur Suppr ou Retour arrière
  3. Le chemin reconnecte les nœuds adjacents

Remarque : Vous ne pouvez pas supprimer un nœud si cela laisserait le chemin avec moins de 3 nœuds.

Opérations sur les nœuds

Types de nœuds

Chaque nœud a un type qui contrôle la façon dont le chemin courbe en le traversant :

Nœud de coin

  • Crée un coin anguleux (pas de courbe)
  • Les poignées sont indépendantes ou cachées
  • Idéal pour : les formes angulaires, les polygones, les virages serrés

Nœud lisse

  • Crée une courbe lisse à travers le point
  • Les deux poignées se déplacent ensemble, maintenant l'alignement
  • Les longueurs de poignées peuvent différer
  • Idéal pour : les courbes fluides, les formes organiques

Nœud de rebroussement

  • Permet un contrôle de courbe indépendant de chaque côté
  • Les poignées peuvent pointer dans n'importe quelle direction
  • Idéal pour : les courbes en S, les formes en vague, les courbes complexes

Pour changer le type d'un nœud :

  1. Sélectionnez le nœud
  2. Faites un clic droit pour ouvrir le menu contextuel
  3. Choisissez Coin, Lisse ou Rebroussement

Alternativement, utilisez la section Chemin de l'Inspecteur pour définir le type de nœud.

Poignées Bezier

Les poignées contrôlent la courbure des segments du chemin.

Afficher les poignées

Lorsque vous sélectionnez un nœud, ses poignées Bezier deviennent visibles sous forme de petits cercles reliés au nœud par de fines lignes.

Ajuster les poignées

  1. Cliquez et faites glisser une poignée pour modifier la courbe
  2. Éloigner la poignée du nœud crée une courbe plus large et graduelle
  3. Rapprocher la poignée du nœud crée une courbe plus serrée et aiguë
  4. Faire pivoter la poignée change la direction de la courbe

Comportement des poignées par type de nœud

  • Nœuds de coin : Les poignées sont indépendantes ou cachées
  • Nœuds lisses : Les poignées restent alignées (180° d'écart), longueurs indépendantes
  • Nœuds de rebroussement : Les poignées sont complètement indépendantes

Contrôle des poignées Bezier

Créer des formes personnalisées à partir de zéro

Utiliser l'outil Dessin vectoriel à main levée

  1. Sélectionnez l'Outil Dessin vectoriel à main levée depuis la barre d'outils
  2. Cliquez pour placer le premier nœud
  3. Continuez à cliquer pour ajouter d'autres nœuds
  4. Double-cliquez ou appuyez sur Entrée pour compléter la forme

La forme se ferme automatiquement en reliant le dernier nœud au premier.

Utiliser l'outil Chemin vectoriel

Pour plus de contrôle :

  1. Sélectionnez l'Outil Chemin vectoriel
  2. Cliquez pour placer chaque nœud
  3. Faites glisser tout en plaçant un nœud pour créer des poignées de courbe
  4. Complétez le chemin en revenant au premier nœud

Opérations avancées sur les chemins

Combiner des chemins

Fusionnez plusieurs formes en une seule :

  1. Sélectionnez deux formes ou plus
  2. Choisissez Édition → Combiner les chemins
  3. Les formes fusionnent en un seul chemin

Diviser des chemins

Séparez un chemin fermé en segments :

  1. Entrez en mode d'édition de chemin
  2. Sélectionnez le nœud où vous souhaitez diviser le chemin
  3. Choisissez Édition → Diviser le chemin

Inverser la direction du chemin

Changez l'ordre des nœuds dans le chemin :

  1. Sélectionnez la forme
  2. Choisissez Édition → Inverser la direction du chemin

C'est utile lorsque vous travaillez avec des connecteurs qui suivent la direction du chemin.

Optimisation du chemin

Diagrammix3 peut nettoyer automatiquement les chemins :

  1. Sélectionnez une forme avec de nombreux nœuds
  2. Choisissez Édition → Optimiser le chemin
  3. L'application supprime les nœuds redondants tout en préservant la forme

C'est utile après :

  • L'import de fichiers SVG avec un excès de nœuds
  • Le tracé de chemins dessinés à la main
  • La conversion de texte en contours

Exemples pratiques

Créer une flèche personnalisée

  1. Commencez avec un rectangle
  2. Entrez en mode d'édition de chemin
  3. Ajoutez des nœuds au bord droit
  4. Déplacez les nœuds pour créer la pointe de la flèche
  5. Ajustez les courbes pour des transitions lisses

Modifier une bulle de dialogue

  1. Commencez avec une ellipse
  2. Entrez en mode d'édition de chemin
  3. Ajoutez un nœud en bas
  4. Faites-le glisser vers l'extérieur pour créer le pointeur
  5. Ajustez les poignées Bezier pour des courbes lisses

Créer une étoile

  1. Utilisez l'outil Polygone pour créer un polygone régulier
  2. Entrez en mode d'édition de chemin
  3. Ajoutez des nœuds entre chaque nœud existant
  4. Faites glisser les nœuds alternés vers l'extérieur pour créer les pointes

Galerie de formes personnalisées

Conseils

  1. Commencez simple - Partez de formes basiques, puis modifiez-les par l'édition de chemin
  2. Utilisez moins de nœuds - Les chemins plus simples sont plus faciles à modifier et s'affichent plus rapidement
  3. Les courbes lisses nécessitent des nœuds lisses - Utilisez des nœuds lisses ou de rebroussement pour les segments courbes
  4. Zoomez pour la précision - Rapprochez-vous lors de l'ajustement de petits détails
  5. Entraînez-vous sur des copies - Copiez une forme avant l'édition de chemin au cas où vous voudriez revenir en arrière
  6. Utilisez l'aimantation à la grille - Activez l'aimantation à la grille pour une précision géométrique

Raccourcis clavier

  • Entrée ou Double-clic - Entrer/sortir du mode d'édition de chemin
  • Suppr - Supprimer le(s) nœud(s) sélectionné(s)
  • Cmd+A - Sélectionner tous les nœuds
  • Touches fléchées - Déplacer les nœuds sélectionnés de 1 pixel
  • Maj+Touches fléchées - Déplacer de 10 pixels
  • Échap - Quitter le mode d'édition de chemin

Limitations

  • Vous ne pouvez pas modifier le chemin des objets connecteurs (uniquement les formes)
  • Les formes groupées doivent être dégroupées avant l'édition de chemin
  • Certaines opérations (comme la rotation) peuvent affecter les positions des poignées Bezier

Sujets connexes