Skip to main content

Les bases de l'utilisation d'Inkscape

 

Avant de commencer :

INTRODUCTION : INKSCAPE : https://innovation.iha.unistra.fr/books/2-fablab-formation-machines-logiciels/page/introduction-inkscape

Si vous voulez être plus spécifique sur la vectorisation pour la découpe laser : Vectoriser une image sur INKSCAPE - Laser, broderie, flocage

SOMMAIRE

  • 1. Outils et navigation
  • 2. Objets et chemin, fond et contour 
  • 3. Grouper et dégrouper des objets
  • 4. Aligner et distribuer les objets
  • 5. Premier plan/arrière plan = les calques 
  • 6. Les courbes de béziers et les noeuds
  • 6.1 Les types de nœuds
  • 6.2 Les opérations sur les nœuds
  • 7. Manipuler et les opérations sur les chemins
  • 7.1 Opérations sur les chemins  

Tracer des formes de base

On peut tracer les formes de base en cliquant sur les icônes suivantes du menu vertical.

 

Un menu apparaît alors en haut pour changer quelques paramètres de ces formes. On peut y revenir à tout moment en sélectionnant l'objet.

 

 

 

Affichage quand on resélectionne l’objet :

 

 

 

Cadenas est actionné = modification proportionnelle 

 

On peut également effectuer certaines modifications de ces formes directement avec les poignées qui apparaissent dessus quand on double clique dessus ou l'icône d'édition de nœuds

 

Insérer du texte

L'outil texte est également dans la barre d'outils par défaut :

 

Il ouvre un menu en haut de l'interface pour régler la taille de police, l’alignement, etc..

 

 

Pour que le logiciel de la découpe laser détecte le texte, il faut appliquer Chemin > Contour en chemin

Modifier la taille d'un objet

On clique d'abord sur la flèche de Sélection en haut de notre barre d'outils :

Deux possibilités ensuite pour le redimensionner :

  • Lors du clic, des flèches noires apparaissent autour de l'objet : les tirer dans une direction permet de modifier la taille de l'objet dans cette dimension. Pour conserver la proportionnalité, cliquez simultanément sur la touche Ctrl.

image-1661952869300.png

Les dimensions sont également indiquées en haut de l'interface par L (largeur) et H (hauteur), l'unité étant précisée juste à côté. Pour conserver la proportionnalité on peut cliquer sur les chaînes entourées en rose ci-dessous.

image-1661952895759.png

 

Attention, les dimensions des objets tiennent compte de l'épaisseur de leurs contours !

 
Appliquer une rotation à un objet

On peut appliquer une rotation à la main en cliquant deux fois sur l'objet. Des poignées de rotation apparaissent.

 

image-1662048451807.png

On peut également définir la rotation plus précisément en ouvrant la boîte de dialogue de transformation, via Objet > Transformateur (Maj + Ctrl + M), puis en allant dans l'onglet Rotation.

 

Mettre un objet en miroir

Cette fonctionnalité peut vous servir si vous souhaitez floquer un dessin (traceur vinyle) ou graver les deux faces d'un objet. 

  • Sélectionnez l'objet puis cliquez sur une de ces deux icônes pour appliquer le miroir dans le sens voulu

Le logiciel de dessin vectoriel repose sur des points en 2D (plan X,Y) qui permettent de définir des vecteurs et ces vecteurs peuvent être utilisés pour définir des objets. Tout l'intérêt du dessin vectoriel c'est de travailler au niveau d'un objet plutôt que sur chaque point qui le compose;

  • un objet est un ensemble de points
    • on manipule les propriétés de l'objet pour modifier sa forme, donc certains points support

image.pngimage.png

 

  • un chemin est l'élément fondamental qu'on manipule en dessin vectoriel
    • on manipule les points pour modifier la forme du chemin
    • Une fois un objet cercle transformé en chemin, on ne peut plus simplement modifier son rayon
    • Fond : vert / Contour : rouge

image.pngimage.png

 

  • Contour en chemin
    • Fond : rouge
    • 8 points supports de la géométrie du cercle

image.pngimage.png

Régler les paramètres de fond et de contour

Pour régler les paramètres de fond et de contour, plusieurs possibilités. Je vais vous en montrer une par la boîte de dialogue "Fond et contour" :

  • Sélectionnez le ou les objets à modifier 
  • Dans le menu à droite, nous pouvons accéder à la boîte de dialogue “Fond et contour” = encadré rose
  • Juste dessous se trouve 3 menus : Fond / Contour / Style de contour = encadré orange

Dans l' onglet Fond :

 

  • Pour enlever le fond = croix entouré en beige 
  • Pour changer le mode de séléction de couleur = encadré vert

De même dans l' onglet Contour :

 

  • Pour changer de menu = Encadré orange

Encadré vert = la couleur de découpe sur la laser = Rouge 255 ; 0 ; 0 ; 

Dans l’onglet Style du contour :

 

 

Pour le laser = l’épaisseur minimum 0,3 mm


Fonctionnalité en plus : Copier un style d'un objet

Pour appliquer le style de l'objet de gauche à celui de droite :

image-1662043697030.png

 

Pour appliquer le style de l'objet de gauche à celui de droite :

  • sélectionner l'objet de gauche
  • taper Ctrl + C
  • sélectionner l'objet de droite
  • Ctrl + Maj + V

image-1662043810273.png

 


Grouper des objets signifie les associer en un même ensemble, ce qui a pour effet qu'on peut alors appliquer le même effet à tous les éléments de l'ensemble en une seule fois. Par exemple, déplacer tous les éléments du groupe en une fois, ou leur appliquer un redimensionnement, une rotation, etc.

Pour sélectionner plusieurs objets : 

  • Tout sélectionner : Ctrl + A
  • Faire glisser la fenêtre de sélection 

Pour grouper et dégrouper les éléments sélectionnés : 

  • Objet > Grouper : Ctrl + G
  • Objet > Dégrouper : Ctrl + G

Les commandes aligner et distribuer permettent d'organiser les objets les uns par rapports aux autres ou par rapport à la page.

  • Si le menu “ Aligner et distribuer” n’apparaît pas à droite = Objet > Aligner et distribuer : Ctrl + Maj + A

Les différentes icônes dans l’encadré vert permettent d’aligner à gauche, à droite, etc. les différents éléments sélectionnés 

 

Exemple :

Sélectionner deux objets différents 


Voici quelques exemples de commandes d'alignement qu'on peut leur appliquer :

  • Encadré orange = Par rapport à quel objet j’applique l’alignement
  • Cercle vert = icône de commande d'alignement vers le haut

5. Premier plan/arrière plan = les calques

On peut organiser les objets en profondeur sur le même calque. 

  • Sélectionne un objet 
  • puis Objet > Monter ou Objet > Monter au premier-plan ou Objet > Descendre ou Objet > Descendre en arrière-plan.

Ci-dessous une situation initiale avec trois objets, puis en déplaçant l'élément vert en arrière. En représentant la situation initiale et en passant cette fois l'objet vert en arrière-plan lors de la troisième situation.

image-1661954995986.png

6. Les courbes de béziers et les noeuds

 

Tracer des lignes par leurs points

On clique sur la page pour ajouter un point, puis en double-clique pour indiquer la fin de la ligne.

Bloquer l'horizontalité / la verticalité dans le tracé de lignes
  • En appuyant sur la touche Ctrl on peut verrouiller le fait que la ligne ne peut aller que dans certaines directions : horizontalement, verticalement, et à quelques angles intermédiaires. 

Traceur des courbes de Béziers

Pour tracer des courbes de Béziers on utilise le même outil que pour les lignes, sauf qu'on va garder le clic prolongé quand on crée un nouveau nœud pour ajouter et contrôler des poignées qui vont adoucir le tracé au niveau du nœud. 

 

6.1 Les types de nœuds

Les chemins sont constitués de nœuds, chaque nœud qui se caractérise par des poignées situées de part et d'autre de ce nœud. Ces poignées donnent une indication de la courbure du chemin entre deux nœuds.

 

On distingue ainsi différents types de nœuds selon comment sont définies leurs poignées. Ils sont représentés par des formes différentes (cercle, carré, carré incliné) :

 

 

  1. nœud dur : les deux poignées du nœud sont indépendantes de l'une de l'autre
  2. nœud doux : les poignées sont alignées avec le nœud
  3. nœud symétrique : le nœud est au centre du segment défini par ses deux poignées
  4. nœud automatique : les poignées sont alignées avec le nœud. Leur distance au nœud s'adapte selon le tracé du chemin pour créer une courbe "lisse".

Modifier le type d'un nœud = cliquer sur l'outil nœuds (barre d’outil gauche)   puis cliquer sur le nœud à modifier. Dans la barre d’outil horizontal vous pouvez choisir en quel type de nœud vous voulez le modifier en cliquant sur l'icône qui correspond.

 

Quelques exemples de formes avec les quatre nœuds positionnés au même endroit mais des poignées différentes et de différents types :

4 nœuds durs :

image-1662029832988.pngimage-1662029964832.png
  

4 nœuds doux :

 

image-1662029833030.pngimage-1662030029948.png

 

4 nœuds symétriques :

image-1662029833069.pngimage-1662030093840.png

 


4 nœuds auto :

 

image-1662030145182.pngimage-1662030152880.png

 

6.2 Les opérations sur les nœuds

 

a . Ajouter des nœuds

  • Double-clic sur le chemin auquel on veut ajouter un nœud
  • Ou utiliser l’icône a.

b. Supprimer un nœud

  • Avec l'outil sélection de nœuds, clique sur le nœud qu'on veut supprimer et appuie sur la touche espace.
  • Ou utiliser l'icône b.

c. Fusionner des nœuds

  • Sélectionner deux nœuds : appuyer sur un + rester appuyer sur Maj + appuyer sur le deuxième.
  • Ensuite cliquer sur l’icône c.

d. Briser un chemin aux nœuds sélectionnés

  • Sélectionner un nœud puis appuyez sur l'icône d.
  • Déplacer ensuite le nœud pour constater l’opération

image-1662036959260.pngimage-1662036959187.png

e. Créer un segment entre deux nœuds

Si deux nœuds se retrouvent séparé comme ci - dessus :

  • Sélectionner les deux nœuds et cliquez sur l'icône e.

f. Supprimer un segment entre deux nœuds

  • Sélectionne les deux nœuds puis on clique sur l'icône f. pour supprimer le chemin entre les deux. 
Manipuler les chemins

Pour manipuler les chemins il faut avant tout cliquer sur l'outil sélection de nœuds

 

Transformer une FORME en chemin

 

Utilité  ?Transformer la forme en chemin permet de confirmer la forme et de ne pas avoir de problème de détection de forme quand on met notre objet dans un autre logiciel

Comment faire ?  Chemin > Objet en chemin, ou Ctrl + Maj + C

Une fois cette opération réalisée, il est IMPOSSIBLE de revenir en arrière. Si vous n’êtes pas sûr de votre coup, copier coller votre forme ou garder une sauvegarde.

 
Transformer un CONTOUR en chemin

Il peut être utile de transformer le contour en chemin. Par exemple ici on a épaissit le contour mais comme on peut voir avec l'outil d'édition de nœud le tracé est toujours une ligne, on ne peut pas lui donner de fond.

image-1661962109549.png

 

En allant dans Chemin > Contour en chemin on obtient :

image-1661962194972.png

 

De sorte que maintenant si on passe le contour de cette forme en rouge et qu'on supprime le fond on obtient la forme suivante qu'on pourrait découper :

image-1661962253150.png

 

 

7.1 Opérations sur les chemins

 
Illustration des différentes opérations

Les opérations accessibles depuis le menu Chemin s'appliquent uniquement sur des chemins : il faudra peut-être préalablement transformer votre forme en chemin (voir plus haut).

 

Les opérations ne marchent que si les objets de l’opération ne sont pas groupés, et que le résultat de l’opération dépend de quel objet est devant l’autre

 

 

 

Voici une illustration de ces opérations appliquées aux chemins de deux objets, à gauche dans le cas où l'objet jaune (disque) est devant l'objet bleu (nuage), à ​​droite dans le cas où il est derrière.

 

image-1662111252790.png

 

 

Remarque : toutes les opérations ci-dessus sont appliquées aux objets de la situation initiale tout en haut de l'illustration, à l'exception de la dernière "séparé" qui n'a pas d'effet sur deux objets distincts et a donc été appliquée à l'étape précédente de chemins combinés.

 
Combiner / Séparer
  • Combiner des chemins.

image-1662041926455.png

 

À gauche, les éléments sont groupés. On peut sélectionner le disque jaune séparément. 

 

À  droite, les chemins sont combinés, on ne peut donc que sélectionner tous les nœuds à la fois.

  • Séparer des chemins

Si on applique l'opération Séparer à ce chemin, les sous-chemins vont être détectés et pourront alors être manipulés différemment. Ces sous-chemins constituent même de nouveaux objets indépendants. Ainsi dans l'exemple ci-dessous on a changé la couleur du contour des différents sous-chemins qui ont été séparés.

image-1662042182040.pngimage-1662042181982.png

 

On peut également déplacer les objets nouvellement créés.

 

 

image-1662043203976.png
Dilater

Dilater utile pour créer des formes/contours 

La forme ci-dessous à gauche, on la duplique (la copie se superpose alors à la forme) puis on va dans Chemin > Dilater

 La copie est "élargie" autour du chemin initial (en rouge)

 

image-1662048165495.png

 

 

 

 

TRUCS ET ASTUCES

Si vous n’arrivez pas à trouver un menu pour modifier un objet = vérifier que vous l’avez bien sélectionné.

Si vous voulez déplacer ensemble des éléments = grouper les (Ctrl+G) cela permettra de ne pas créer de décalage par inadvertance. 

Si vous n’êtes pas sûr d’une étape que vous allez faire = faite le sur un copier coller de votre vectorisation.

N'oubliez pas d’enregistrer votre travail régulièrement (Ctrl+S).

Bravo, vous êtes arrivé à la fin de ce tuto sur “Les bases de l'utilisation d'Inskape

Si vous voulez être plus spécifique sur la vectorisation pour la découpe laser :  Vectoriser une image sur INKSCAPE - Laser, broderie, flocage

Pour créer un fichier pour la brodeuse numérique d'après un fichier.svg, rendez-vous : Création de broderie sur Inkscape avec l'extension Ink/Stitch.

SOURCES : 

Ce tuto est en grande partie repris du wiki du FabLab de Sorbonne Université ; Auteure: Clara Devanz :

 

https://wiki.fablab.sorbonne-universite.fr/BookStack/books/logiciels/page/principales-fonctionnalites-dont-vous-aurez-besoin-au-fablab