Tutoriel Inkscape - sommaire

Inkscape - interface du logiciel

Il s'agit de l'interface de la version 1.2.1 (la version de 2022). La dernière version (en 2024) est la 1.3.1.
Dans la capture d'écran ci-dessous j'ai créé un nouveau document ; j'ai demandé l'affichage de la grille.

J'ai utilisé la barre d'outils pour dessiner des formes de base :
• un rectangle
• un rond puis une ellipse
• un polygone et une étoile
• une spirale
• une ligne au pinceau
• une ligne à main levée

Par défaut le fond est noir avec le texte en blanc.
Mais si, comme moi, vous préférez l'inverse, il suffit de produire la commande Edition / Préférences/ Thème

Les différentes zones

Disposition de ces zones lorsque la fenêtre :

• au milieu de la fenêtre la zone de dessin appelé canevas 
• en haut : la barre de menus
• sous la barre de menus : la barre de contrôle des outils
• à gauche du canevas : barre d'outils (ou boîte à outils) ; c'est la barre la plus importante
• à droite du canevas, la barre des commandes
• en bas : palette de couleurs
• en dessous de la palette de couleurs : la barre d'état qui donne des infos très utiles (couleur de remplissage et de contour de l'objet sélectionné, calque actif)

La barre la plus importante est la barre d'outils (ou boite à outils).
Toutes les barres peuvent être masquées (sauf la barre de menus). C'est le cas par défaut de la barre de commandes qui permet un accès plus rapide à certaines commmandes que la barre de menus.

Une excellente vidéo de présentation de l'interface d'Inkscape

Quelques commandes de base

Modifier les propriétés du document

Lorsque vous démarrez Inkscape ce logiciel crée un nouveau document qui fait 210 par 297 millimètres (format A4 en mode portrait).
Si vous voulez créer des dessins vectoriels destinés à être intégrés dans des pages web. Il est préférable de raisonner en pixels.
C'est très facile de modifier l'unité de mesure, la hauteur et la largeur du document. Il suffit de produire la commande Fichier/Propriétés du document.

Ci-dessous les règlages pour obtenir un document de 900 par 600 pixels avec un viewBox de 0 0 900 600.

J'ai remplacé dans unité par défaut "mm" par "px" et j'ai renseigné zone de vue pour créer l'attribut viewBox.

J'ai ensuite dessiné une ellipse et enregistré le document au format optimisé (voir plus loin).
Le code SVG obtenu : <svg version="1.1" viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="440" cy="285" rx="235" ry="195" fill="#800080"/> </svg>

Admettez que le code SVG généré désormais par Inkscape est succinct et facile à décripter.

Zoomer le document

Pour agrandir le canevas il suffit d'appuyer sur la touche + et pour réduire d'appuyer sur - du pavé numérique. Mais vous pouvez aussi zoomer avec la souris : ctrl + molette de la souris.

Afficher la grille

C'est plus facile de dessiner des formes en s'aidant d'une grille. Commande pour afficher la grille : Affichage/grille.

Deux commandes de la barre d'outils

Dans la barre d'outils les deux premiers icônes sont très important :
• premier icône légendé :"sélectionner et transformer des objets
• deuxième icône légendé : "éditer des noeuds ou des poignées de contrôle d'un chemin"

Sélectionner un objet

Activez dans la barre d'outils le premier icône puis cliquez sur une forme ; elle est alors sélectionnée.
On voit qu'elle est sélectionnée car 8 poignées apparaissent sous forme de flèches doubles.

Dans la capture d'écran ci-dessous on voit que c'est le rectangle qui est la forme sélectionnée.

Vous pouvez alors lui appliquer une multitude de traitements :
• déplacer la forme
• redimensionner la forme en respectant ou pas les proportions selon que vous déplacez les poignées d'angle ou de côté
• modifier la couleur de fond
• copier la forme
• supprimer la forme
• cacher ou verrouiller la forme

Sélection multiple : cliquez sur l'icône de sélection tout en appuyant simultanément sur la touche MAJ.

Editer un objet

Activez dans la barre d'outils la deuxième commande ("éditer les noeuds et poignées de contrôle) puis cliquez sur n'importe quel objet.
Comme vous le voyez les poignées d'édition apparaissent (des petits cercles et carrés blancs).
Vous pouvez alors arrondir les angles d'un rectangle en déplaçant le petit rond blanc situé sur le côté droit du rectangle.
Plus vous tirez cette poignée vers le bas et plus les angles seront arrondis.

Autres commandes de base

Colorier la forme sélectionnée

Pour remplir le fond et le contour d'une couleur, le plus simple est d'utiliser la palette de couleurs :
• cliquez sur une couleur de la palette pour l'appliquer au remplissage de l'objet sélectionné
• cliquez sur une couleur de la palette tout en appuyant sur la touche maj pour appliquer ladite couleur uniquement au contour de l'objet sélectionné
• utilisez la liste déroulante de la barre d'état pour modifier l'épaisseur du contour
• toujours dans la barre d'état vous pouvez préciser l'opacité de la forme sélectionnée

Vous pouvez aussi colorier la forme sélectionnée via le volet "fond et contour".
Vous pourrez alors opérer des mises en couleur plus pointues : dégradés, floutage, etc.
Je reviendrai sur cette boite de dialogue très importante.

Dupliquer un objet

Pour copier une forme il suffit de la sélectionner et de produire la commande Edition/dupliquer (ou CTRL+D).
Attention la copie est au dessus de l'original. Il faut donc la déplacer (la copie est automatiquement sélectionnée).

Rotation d'une forme

Double-cliquez sur une forme ; les poignées de rotation apparaissent.
Ainsi un carré peut devenir un losange comme ci-dessous.

J'ai double-cliqué sur le carré puis j'ai effectué une rotation de 45°. Ainsi le carré est devenu un losange.
Rappel : un carré est une forme particulière de rectangle. Pour dessiner un carré sélectionnez "créer rectangles ..." dans la barre d'outils puis appuyez sur la touche CTRL lors du dessin de la forme avec le pointeur de souris.