Dans cet article d'aide, je vais vous montrer à quel point il est simple d'ajouter des flèches à votre composition Inkscape ! Les flèches sont un excellent moyen de pimenter vos graphiques, d'attirer l'attention sur des éléments d'une composition ou même de démontrer des liens entre des objets, entre autres utilisations. Allons-y !

Étape 1 : Dessinez un chemin

Pour commencer, vous souhaiterez tracer un chemin à l'aide de l'outil Plume (également connu sous le nom d '«outil Dessiner des courbes de Bézier» ou «outil Chemins»), auquel vous pouvez accéder via l'icône dans la boîte à outils (flèche rouge dans l'image ci-dessus ) ou en utilisant la touche de raccourci "B". Notez que vous pouvez créer des flèches à partir de lignes droites ou courbes. Pour cet exemple, je vais simplement tracer une ligne droite pour faciliter les choses.

Avec l'outil Plume sélectionné, faites un clic gauche sur votre composition pour créer votre premier nœud (flèche rouge dans l'image ci-dessus).

Ensuite, déplacez votre souris à l'endroit où vous souhaitez placer votre deuxième nœud, puis cliquez à nouveau avec le bouton gauche pour créer le nœud (flèche rouge dans l'image ci-dessus). Notez que si vous maintenez la touche ctrl de votre clavier enfoncée pendant que vous faites glisser votre souris, votre ligne sera tracée en "mode ligne droite".

Étape 2 : Personnalisez les paramètres de ligne et ajoutez des marqueurs à votre chemin

Maintenant que j'ai tracé mon chemin, je vais saisir mon outil de sélection dans la boîte à outils (flèche rouge dans l'image ci-dessus). Cela ajoutera des poignées de transformation autour de mon chemin (flèche verte), ce qui me permettra de redimensionner le chemin pour le redimensionner. Je peux également repositionner le chemin à l'aide de l'outil Sélectionner si nécessaire en cliquant et en faisant glisser la ligne avec ma souris.

Dans le coin inférieur gauche de l'écran, vous verrez les informations de style pour mon chemin. Sous "Trait", vous verrez un rectangle avec une couleur indiquant ma couleur de trait (flèche rouge dans l'image ci-dessus), et à côté de cette case, vous verrez un nombre indiquant l'épaisseur de mon trait (flèche bleue dans l'image - dans cet exemple, la largeur du trait est de "1.00" pixels). Parce que notre ligne est un chemin, elle utilise l'option "Tracé" pour prendre ses propriétés de couleur, pas l'option "Remplir".

Si je double-clique sur la couleur du trait (encore une fois, flèche rouge dans l'image ci-dessus), la boîte de dialogue "Remplissage et contour" s'ouvrira (encadrée en vert). Par défaut, vous serez redirigé vers l'onglet "Peinture de trait" où vous pourrez modifier la couleur du trait. Accédez à l'onglet "Style de trait" (flèche verte).

Sous cet onglet, vous pouvez modifier la taille de votre trait (c'est-à-dire votre ligne) et ajouter des flèches à chaque extrémité de votre chemin. Si je veux rendre ma ligne plus épaisse, je peux taper "50" dans le champ intitulé "Largeur" ​​(flèche rouge dans l'image ci-dessus) et appuyer sur la touche Entrée (vous pouvez également changer les unités en utilisant le menu déroulant à droite de ce champ – flèche verte). Vous verrez que ma ligne est maintenant beaucoup plus épaisse.

La liste déroulante "Traits" (flèche rouge dans l'image ci-dessus) vous permet de changer le style de votre chemin. Par défaut, votre chemin sera une ligne, mais vous pouvez le remplacer par une variété de points, de tirets ou une combinaison de points et de tirets (encadrés en vert dans l'image ci-dessus). Je garderai mon chemin défini comme une simple ligne.

L'option suivante est intitulée "Marqueurs" - c'est là que vous ajouterez des pointes de flèche à votre ligne. Vous verrez trois listes déroulantes ici - une à gauche, une au centre et une à droite.

Le menu déroulant à gauche (flèche rouge dans l'image ci-dessus) ajoutera une flèche au nœud de départ de votre chemin (en d'autres termes, le premier nœud que vous avez dessiné lorsque vous avez créé votre chemin). Cliquez simplement sur une icône de pointe de flèche dans la liste déroulante (flèche verte) pour l'ajouter à l'extrémité de départ de votre chemin.

Étape 3 : Personnalisez votre pointe de flèche

Il existe plusieurs caractéristiques par défaut de la pointe de flèche (ou marqueur) que vous pouvez personnaliser. Par exemple, votre pointe de flèche aura la même épaisseur que votre ligne ou votre chemin. De plus, si votre point de départ se trouve sur le côté gauche de votre ligne, la pointe de la flèche fera face ou pointera vers la gauche. Enfin, la pointe de flèche sera située exactement à la fin de votre ligne (plutôt que d'avoir un espace entre la ligne et la pointe de flèche). Tous ces styles par défaut peuvent être modifiés dans Inkscape.

Si vous ne voulez pas que votre pointe de flèche ait la même épaisseur que votre ligne, vous pouvez modifier sa taille à l'aide des champs numériques "Taille X" et "Taille Y" (encadrés en vert dans l'image ci-dessus). Par exemple, si je change la valeur "Taille X" en "10" (flèche rouge), puis que j'appuie sur la touche de tabulation de mon clavier, la valeur "Taille Y" sera automatiquement mise à jour et ma flèche sera désormais beaucoup plus grande que mon chemin .

Si je clique sur l'icône de pointe de flèche d'origine (flèche rouge dans l'image ci-dessus), mes paramètres seront réinitialisés aux valeurs par défaut.

Notez qu'il y a une icône de maillon de chaîne à gauche des champs de taille (flèche verte dans l'image ci-dessus) qui vous permet de basculer si vous voulez ou non que les valeurs Taille X et Taille Y soient mises à l'échelle ensemble. Lorsqu'il est dissocié, vous pouvez modifier la valeur "Taille X" sans modifier la valeur "Taille Y".

Par exemple, si je clique sur l'icône pour dissocier les deux champs de taille, puis que je tape "10" pour la flèche bleue "Taille X" dans l'image ci-dessus), vous verrez que ma flèche se redimensionnera désormais le long de l'axe X mais pas du Y (le champ "Taille Y" reste à "6.707" dans cet exemple). Cela fait apparaître ma flèche comme étirée le long de l'axe X. Si je clique sur l'icône de pointe de flèche d'origine, mes paramètres seront réinitialisés aux valeurs par défaut (flèche rouge dans l'image ci-dessus).

Sous les champs "Taille X" et "Taille Y", se trouve la case à cocher "Échelle avec trait" (flèche rouge dans l'image ci-dessus). Lorsque cette case est cochée, la taille de votre pointe de flèche reste automatiquement proportionnelle à la taille de votre chemin. Par exemple, lorsque vous épaississez le trait de votre chemin (comme nous l'avons fait précédemment), la pointe de la flèche devient plus épaisse.

Lorsqu'elle n'est pas cochée (comme dans l'image ci-dessus), la pointe de flèche ne restera pas proportionnelle à la taille de votre chemin. Au lieu de cela, ce sera la taille définie dans les champs "Taille X" et "Taille Y". Dans cet exemple, l'épaisseur de mon chemin est définie sur 50 pixels, mais la taille de ma flèche est définie sur 4.061 pixels et 6.707 pixels pour mes valeurs X et Y. En conséquence, avec la case "Scale with stroke" décochée, ma pointe de flèche est beaucoup plus petite que mon chemin et est désormais pratiquement invisible.

Si je maintiens ctrl et utilise la molette de ma souris pour zoomer loin sur la flèche, vous verrez que la pointe de flèche est bien là (flèche rouge), bien qu'elle soit assez petite. Je vais maintenir ctrl et utiliser la molette de ma souris pour effectuer un zoom arrière. Je garderai l'option "Scale with Stroke" cochée.

L'option suivante est l'option "Orientation" (encadrée en vert dans l'image ci-dessus). Cela vous permet de modifier l'orientation de la pointe de flèche ou du marqueur sur le chemin. Par défaut, votre pointe de flèche sera définie sur la première option, "Orienter le long du chemin, en inversant au début" (flèche bleue dans l'image ci-dessus). Cette option est la raison pour laquelle notre pointe de flèche commence à faire face à la gauche au début de notre chemin.

Je peux inverser la direction de cette pointe de flèche en cliquant sur l'option suivante, "Orienter le long du chemin" (flèche rouge dans l'image ci-dessus). Maintenant, toutes les flèches pointeront dans la même direction, ce qui signifie dans ce cas que la flèche de départ pointe maintenant vers la droite.

L'option suivante, "Angle spécifié fixe" (flèche rouge dans l'image ci-dessus), vous permet de modifier l'angle de la pointe de flèche sur le chemin. Lorsqu'il est activé, le champ "Angle fixe" sous ces icônes devient actif et vous pouvez définir manuellement un angle pour votre pointe de flèche.

Par exemple, je peux taper "-30" (flèche verte dans l'image ci-dessus) et ma pointe de flèche sera tournée vers le bas de 30 degrés.

Je vais remettre la pointe de flèche au paramètre par défaut en cliquant sur la première icône, "Orienter le long du chemin, en inversant au début".

La dernière icône est l'icône "Retourner le marqueur horizontalement" (flèche rouge dans l'image ci-dessus). Cliquez sur cette option pour retourner votre pointe de flèche afin qu'elle soit maintenant orientée dans la direction opposée.

Je clique à nouveau sur l'icône "Inverser" pour ramener la flèche à sa position par défaut.

Vous pouvez également décaler la pointe de flèche depuis le début de votre chemin à l'aide des champs "Décalage X" et "Décalage Y" (encadrés en vert dans l'image ci-dessus). Par défaut, ceux-ci seront définis sur 0. Si vous augmentez la valeur "Décalage X" à l'aide de l'icône "+" ou en tapant manuellement une valeur (j'ai tapé 5 dans l'exemple ci-dessus - flèche rouge), la pointe de flèche ou le marqueur décaler vers la droite le long du chemin.

Si vous diminuez la valeur "Décalage X" à l'aide de l'icône "-" ou en tapant manuellement une valeur négative (j'ai tapé moins 5 dans l'exemple ci-dessus - flèche rouge), la pointe de la flèche se déplacera vers la gauche le long du chemin.

D'autre part, si vous augmentez ou diminuez la valeur "Décalage Y" (flèche rouge dans l'image ci-dessus), la pointe de la flèche se déplacera vers le bas ou vers le haut par rapport au chemin d'origine.

Je vais changer les valeurs Offset X et Y à 0 pour revenir à la position par défaut de ma pointe de flèche.

La dernière option que vous verrez pour cette boîte de dialogue est le bouton "Modifier sur le canevas" juste en dessous de l'aperçu de la flèche (flèche rouge dans l'image ci-dessus). En cliquant dessus, vous pouvez personnaliser votre pointe de flèche ou votre marqueur à l'aide de votre souris directement sur le canevas.

Vous verrez qu'il y a plusieurs poignées autour de la pointe de flèche. Celle du milieu (flèche bleue dans l'image ci-dessus) vous permet de repositionner la pointe de flèche dans n'importe quelle direction (haut, bas, gauche ou droite). Les poignées carrées (flèche rouge) vous permettent de modifier les valeurs Taille X et Taille Y, comme nous l'avons vu précédemment - ce qui signifie que vous pouvez redimensionner la pointe de flèche vers le haut ou vers le bas. Et la poignée circulaire (flèche verte) vous permet de faire pivoter la pointe de la flèche (changeant ainsi la valeur "Angle fixe" dont nous avons parlé plus tôt).

Si je développe le premier menu déroulant Marqueur dans la boîte de dialogue Remplissage et contour (flèche rouge dans l'image ci-dessus), vous verrez tous les nouveaux paramètres basés sur les modifications sur la toile que je viens de faire (encadrées en vert). Si je clique sur l'icône de pointe de flèche d'origine (flèche bleue dans l'image ci-dessus), mes paramètres seront réinitialisés aux valeurs par défaut.

Étape 4 : Ajoutez des marqueurs ou des pointes de flèche supplémentaires

Tous les paramètres dont nous venons de parler pour la liste déroulante du marqueur gauche s'appliquent également à l'option de liste déroulante du marqueur droit (flèche rouge dans l'image ci-dessus). La seule différence est que lorsque vous cliquez sur un marqueur dans la liste déroulante à l'extrême droite, cela ajoute un marqueur à la fin de votre chemin (flèche bleue). De plus, la flèche sera orientée dans la direction opposée (vers la droite) de la première pointe de flèche, à condition que l'icône "Orienter le long du chemin, s'inverser au début" soit toujours activée.

Les flèches à chaque extrémité de votre chemin sont indépendantes les unes des autres, vous pouvez donc sélectionner n'importe quelle pointe de flèche ou marqueur de style dans cette liste déroulante et personnaliser les paramètres pour qu'il soit différent de la première pointe de flèche que nous avons configurée.

Je garderai cependant mes pointes de flèches dans le même style pour la cohérence de la conception.

La liste déroulante "Mid Marker" (flèche rouge dans l'image ci-dessus) ajoutera des marqueurs ou des pointes de flèche à tous les autres nœuds le long de votre chemin qui se trouvent entre vos premier et dernier nœuds. Pour le moment, je n'ai aucun autre nœud sur mon chemin, donc sélectionner un marqueur dans cette liste déroulante ne fera rien.

Cependant, si je saisis l'outil "Modifier les chemins par nœuds" de la boîte à outils (flèche rouge dans l'image ci-dessus), puis double-clique n'importe où le long de mon chemin (flèche bleue), un nouveau nœud sera créé le long de mon chemin et une pointe de flèche sera ajouté à ce nœud.

Comme les deux autres listes déroulantes, vous pouvez personnaliser les paramètres de vos pointes de flèches ou de vos marqueurs pour redimensionner, réorienter ou modifier la direction de vos marqueurs pour ces "Mid Markers". Tout paramètre que vous appliquez via la liste déroulante du milieu s'appliquera à toutes les flèches entre le premier et le dernier nœud que vous avez créés. Ici, vous pouvez voir que j'ai décoché l'option "Échelle avec trait" (flèche rouge dans l'image ci-dessus), puis définissez la valeur Taille X sur "25" (flèche verte). Maintenant, toutes les flèches au milieu de mon chemin (flèche bleue) sont plus petites que les pointes de flèche à chaque extrémité du chemin.

Étape 5 : Changez la couleur de vos flèches

Pour changer la couleur de votre chemin et de vos flèches à tout moment, faites Maj+clic sur un échantillon de couleur dans le panneau "Échantillons" en bas du canevas. Par exemple, si je shift+clic sur la couleur rouge (flèche bleue), cela changera la couleur de mon chemin en rouge.

Vous avez peut-être remarqué que les pointes de flèches extérieures n'ont pas changé de couleur, contrairement aux pointes de flèches intérieures. Il s'agit d'un bogue qui existe dans les versions 1.1 et 1.2 d'Inkscape. Pour résoudre ce problème, vous pouvez diminuer la taille de la largeur du trait en cliquant sur le symbole "-" dans le champ "Largeur", puis l'augmenter à nouveau en cliquant sur le symbole "+" (flèche verte dans l'image ci-dessus). Les pointes de flèches devraient changer de couleur avec ce petit changement (espérons qu'ils corrigent ce bogue dans un proche avenir).

C'est tout pour cet article d'aide d'Inkscape ! Si vous l'avez apprécié ou trouvé utile, vous pouvez consulter mes autres Articles d'aide d'Inkscape or Tutoriels vidéo Inkscape sur mon site.

Abonnez-vous à la newsletter DMD

Abonnez-vous à la newsletter DMD

Inscrivez-vous pour recevoir de nouveaux tutoriels, des mises à jour de cours et les dernières nouvelles sur votre logiciel open source préféré!

Vous avez avec succès Inscrit!

Pin It sur Pinterest