Tuto : Inkskape, le logiciel de dessin intelligent et intuitif !

Dernière modification 24 avril 2023 Logo Inkscape

Inkscape est un logiciel libre (donc entièrement gratuit) de dessin vectoriel très pratique à utiliser pour créer vos logos, vos affiches, vos maquettes de sites web, vos icônes SVG... Il est l'équivalent d'Illustrator d'Adobe qui reste une référence malheureusement incontournable dans les agences de communication, alors qu'il est à mon sens moins pratique. Inkscape est disponible sur Windows, Linux et les Macs récents.

Généralités

Inkscape permet de créer des dessins vectoriels et de les exporter en PNG.

SVG est son format d'enregistrement.

On peut également importer un PDF, un fichier Illustrator .ai ou un DXF et enregistrer en PDF.

Malheureusement, pour l'impression professionnelle, Inkscape n'exporte pas en CMJN. Il faudra donc passer par un autre logiciel : Scribus, Krita, Indesign, Illustrator, Photoshop...

Inkscape supporte très bien les gros projets. Vous pouvez donc, par exemple, créer des dizaines de déclinaisons et d'essais de logos sur le même document.

Qu'est-ce que le format vectoriel ?

Comparaison d'une image pixel avec une image vectorielle

Le format image est constitué de pixels. Le format vectoriel est formé de points et de vecteurs qui peuvent être zoomés à l'infini.

Tutoriel

Prérequis du tutoriel :
Savoir se servir d'un logiciel

Télécharger et installer Inkscape. Je préfère la version 0.48 aux dernières versions :
https://inkscape.org/fr/release/0.48.5

Il existe aussi une version portable (en anglais), pratique pour utiliser le logiciel partout depuis une clé USB.
Ouvrir le logiciel.
Sélectionnez l'outil rectangles et créez quelques rectangles par cliqué-glissé.
Vous pouvez à présent vous servir de ces rectangles pour expérimenter les fonctions les plus utiles d'Inkscape ci-dessous.

Des didacticiels plus complets sont également disponibles à l'intérieur du logiciel dans Aide > Didacticiels

Touches

Zoomer : Ctrl + molette
Se déplacer : maintien-glissé molette

Le clic sur un élément permet de le sélectionner.
Le Shift maintenu + clic permet de sélectionner plusieurs éléments.

Ctrl+G permet de grouper plusieurs éléments sélectionnés
Ctrl+shift+G permet de dégrouper

Suppr supprime les éléments sélectionnés

Début place l'élément au-dessus de tous les autres
Fin place l'élément en dessous de tous les autres
Page précédente monte l'élément d'un étage
Page suivante descend l'élément d'un étage

Ctrl+D duplique la sélection
Alt + D crée un clone (si l’élément original est modifié, le clone aussi)

Remplissage et contour

On y accède en cliquant en bas à gauche d'Inkscape :

On peut laisser cette boîte de dialogue ouverte en permanence. Elle permet de gérer :

La couleur de fond de l'élément
Les dégradés
La couleur des contours
L'épaisseur et le style du contour
L'opacité de l'élément
Le flou de l'élément (ralenti le PC lorsque l'on zoome dessus)

Importer des images

Glissez-déplacez vos images dans Inkscape et choisissez l'option Incorporer ou Lier.

Incorporer : L’image est incluse dans le fichier SVG.

Lier : L’image est liée à une image de vos dossiers. Si l’image du dossier change, l’image dans Inkscape aussi. Si l’image est manquante dans le dossier, l’image disparait dans Inkscape.

Barre d'outils

Flèche

1 clic : sélectionner, déplacer et redimensionner éléments (maintenir Ctrl pour garder les proportions).

2 clics : sélectionner, déplacer et tourner élément (maintenir Ctrl pour tourner selon les angles courants).

Shift + clic sélectionner plusieurs éléments.

Clic maintenu sélectionner plusieurs éléments dans un rectangle.

Double clic ouvrir les propriétés de l'élément.

Maintenez Ctrl pour déplacer un élément suivant un axe.

Flèche avec 3 poins

Édite le chemin vectoriel de l'élément

Carré

Dessine un rectangle (maintenir Ctrl pour un carré).

Les poignées rondes permettent de créer des arrondis.

Rond

Dessine un ovale (maintenir Ctrl pour un rond).

Les poignées rondes permettent de créer des portions de cercle (voir effet lorsque la souris est à l'intérieur ou à l'extérieur du cercle).

Étoile

Permet de créer des polygones réguliers.

Feutre

Permet de créer un chemin avec des courbes de Bézier.

Taper Entrée pour casser un angle.

A

Outil texte.

Pipette

Sélectionner une couleur dans la page pour l'élément sélectionné.

Shift + Pipette sélectionne une couleur pour le contour.

)
Exporte la sélection en PNG.
Pour une image écran, choisir 90 ppp.
Pour une impression basse qualité, choisir 150 ppp.
Pour une impression professionnelle, choisir 300 ppp.

Calques > Calques
Gérer les calques (on peut se passer de calques dans la plupart des cas).

Objet > Découpe
En sélectionnant 2 éléments, permet de découper celui du dessous avec la forme de celui du dessus.
Par exemple, glisser-déposer une image dans Inkscape, dessiner un rectangle dessus, sélectionner les 2, définir la découpe.
Accessible aussi par clic droit.

Objet > Aligner et distribuer (ou bouton aligner et distribuer

)
Ouvre une boîte de dialogue pour aligner plusieurs éléments.
Permet aussi d'aligner des points du chemin vectoriel.

Objet > Lignes et colonnes
Ouvre une autre boite de dialogue pour aligner plusieurs éléments.

Chemin > Objet en chemin
Convertit les rectangles, les ronds et les polygones en chemin vectoriel.

Chemin > Contour en chemin
Convertit les contours en chemin vectoriel.

Chemin > Vectoriser le bitmap
Convertit une image en chemin vectoriel.

Chemin > Union (Ctrl + +)
Chemin > Différence (Ctrl + -)
Chemin > Intersection (Ctrl + *)
Additionne ou soustrait 2 formes dégroupées.

Texte > Mettre suivant un chemin
En sélectionnant un objet et un texte permet d'écrire un texte courbe.

Texte > Encadrer
En sélectionnant un objet et un texte permet de donner une forme à un paragraphe.

Filtres > Couleurs > Désaturer
Permet de mettre une image en noir et blanc.

Filtres > Ombres et lueur > Ombre portée
Ajoute une ombre

Extension > Texte > Lorem ipsum
Permet de générer du faux-texte.

Extension > Texte > Modifier la casse > Majuscule
Transforme le texte en majuscules.

Guides

Cliquez-glissez depuis les règles sur les bords de l'espace de travail pour faire apparaître des repères.

Le magnétisme fonctionne plutôt mal. Pour désactiver le magnétisme : Affichage > Magnétisme ou

Pour cacher les guides : Affichage > Guides

Pour transformer un objet en guide : Objet > Objet en guides

Autres boutons importants

Propriétés de texte

Permet d'éditer la police en détail.

Retourner les objets sélectionnés

Symétrie de l'élément.

Affecter

Préserve ou pas l'épaisseur des contours et la taille des arrondis des objets lors du redimensionnement.

Bugs connus

Comme tout logiciel, Inkscape a quelques défauts.

Il lui arrive parfois de planter. Je vous recommande chaudement d'activer les sauvegardes automatiques :
Fichier > Propriété d'Inkscape > Enregistrement

Importer de très grosses images peut le faire ralentir, voir planter.

Les JPG importés dans le logiciel peuvent être légèrement re-compressés.

Si vous installez des polices sur votre ordinateur, il faudra redémarrer Inkscape pour qu'elles apparaissent dans le logiciel.

Les raccourcis clavier pour écrire des lettres accentués (Alt + 0201 pour É par exemple) ne marchent pas. Il faudra les copier-coller depuis un fichier texte par exemple.

Retour aux tutos

Besoin de l'aide d'un professionnel pour créer votre site ou votre publication graphique ? Contactez-moi !

Licence Creative Commons Attribution