Tuto : Inkskape, le logiciel de dessin intelligent et intuitif !
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 ?
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.
Menu
Fichier > Propriété du document
Format de la page.
Le bouton Redimensionner la page au contenu > Ajuster la page au dessin peut être très pratique.
Fichier > Exporter (ou bouton exporter )
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 !
Vous êtes libre de réutiliser cet article à condition de mentionner qu'il a été écrit par Creavolt.fr
Optimiser vos images pour le web
Les QR codes
Besoin de l'aide d'un professionnel pour créer votre site ou votre publication graphique ? Contactez-moi !
Vous êtes libre de réutiliser cet article à condition de mentionner qu'il a été écrit par Creavolt.fr
Ces tutos peuvent vous intéresser
Optimiser vos images pour le web
Les QR codes