Initiation à Inkscape
Résumé de section
-
Inkscape est un logiciel de dessin gratuit et open source. Il vous permettra de créer toutes sortes de dessins (icônes, logos, graphiques, schémas, visualisation de données…) sans perte de qualité grâce au format vectoriel. Il pourra aussi vous être utile pour créer des supports, comme des posters scientifiques, avec une résolution adéquate pour l’impression.
Objectifs
- Distinguer images matricielles et vectorielles
- Appréhender l'interface d'Inkscape
- Utiliser les fonctions de base
- Créer des dessins simples de type icônes et les paramétrer
- Déterminer, dans un contexte donné, les éléments que l'on peut partager en complément d'un article publié
- Retoucher des photos (détourer et vectoriser)
- Mettre en page un document et l’exporter en pdf avec une résolution suffisante pour l’impression
Ce cours est en libre accès !
Aucune création de compte ou d'inscription n'est nécessaire, toutefois vous ne pourrez le parcourir qu'en lecture seule.
Pour participer aux activités (exercices, forum...), vous devez vous inscrire au cours.
S'inscrire au cours -
Objectif : distinguer images matricielles et vectorielles
-
Les images numériques, interprétées par les ordinateurs, sont omniprésentes sur le Web et en dehors. Vous en avez sûrement déjà manipulés, ne serait-ce qu’en partageant une photo prise sur votre téléphone.
Il n’est pas obligatoire de connaître le fonctionnement technique des images pour des pratiques simples, comme le partage de photos. Par contre l’utilisation d’Inkscape demande de connaître un minimum l’anatomie des images.
Afin de partir sur de bonnes bases, nous allons donc faire un point technique : principes de fonctionnement, formats, gestion des couleurs et surtout la différence entre les images du type matriciel et vectoriel.
File:Bitmap VS SVG.svg: Yug, modifications by 3247 / *derivative work Tiger66, CC BY-SA 2.5, via Wikimedia Commons
La vidéo ci-dessous (3min) vous présente les principes de fonctionnement des images matricielles et vectorielles. Vous connaîtrez ainsi les différences entre ces deux types d’images et dans quel cas il convient d’utiliser l’un plutôt que l’autre. Une version PDF est disponible en dessous de la vidéo.
Viet Jeannaud. Callisto. (2021, 5 mai). Introduction aux images numériques. [Vidéo]. Canal-U. https://www.canal-u.tv/85417. (Consultée le 31 juillet 2023)
-
-
-
Inkscape est un logiciel de Dessin Assisté par Ordinateur (DAO). C’est l’équivalent gratuit et open source du logiciel Adobe Illustrator. Inkscape pourra vous être utile sur plusieurs types de travaux, et en particulier ceux présentés ici.
-
Créer des dessins vectoriels
La fonction première d’Inkscape est de créer des dessins vectoriels à l’aide d’outils de création de formes (cercles, polygones, lignes…), ce qui peut vous servir à :
- Créer des schémas, dessins techniques, artistiques… ;
- Représenter des données (graphiques, diagrammes…) ;
- Modéliser des objets ;
- Faire des cartographies simples (ce n’est pas un logiciel de SIG comme QGIS, AutoCAD, ArcGIS…).
Travailler des images matricielles
Bien que ce ne soit pas un logiciel de retouche de photos, Inkscape vous permet de travailler sur des images matricielles, notamment pour les vectoriser, détourer un élément, découper une partie, recolorer, etc.
Pour un travail plus fin des images matricielles, il vaut mieux se retourner vers des logiciels spécifiques de retouche de photo, comme Adobe Photoshop ou Gimp (qui lui est gratuit et open source).
Créer des posters
Bien que ce ne soit pas un logiciel de Publication Assistée par Ordinateur (PAO) tel que Adobe Indesign ou Scribus (version gratuite et open source), Inkscape vous permet aussi de travailler la mise en page de supports de communication (poster, affiche, flyer, carte…).
-
Les vecteurs
Un point à rapidement saisir est le fonctionnement des vecteurs. Ils sont constitués de chemins (lignes) et de noeuds (points) que l’on peut modifier, ré-arranger comme on veut.
-
-
Objectifs :
- Appréhender l'interface d'Inkscape
- Utiliser les fonctions de base
-
Didacticiel de base
Découvrez Inkscape et testez les différents outils. Une fois que vous avez installé Inkscape, téléchargez le fichier ci-dessous et ouvrez-le avec Inkscape.
Si votre ordinateur n’ouvre pas ce fichier avec Inkscape, faites un clic droit dessus et “ouvrir avec Inkscape”.
-
-
Note
Suivant votre système d’exploitation (Windows, Linux ou Mac), l’interface d’Inkscape peut varier légèrement ainsi que les raccourcis clavier. Les deux tutoriels ci-dessous ont été réalisés sur Windows, et les tutoriels qui vont suivre sur Mac.
En laissant votre curseur sur un onglet, vous verrez apparaître le bon raccourci suivant votre système d’exploitation. Ci-dessous un exemple de raccourci sur Mac.
-
Cette formation va consister en la réalisation d’un support de type poster.
L’exercice se déroulera en trois étapes : création de dessins vectoriels, manipulation d’images matricielles, mise en page et publication du poster.
-
Résultat final
Au final, votre travail devrait ressembler à l’image ci-contre.
Vous allez donc :
- Créer des dessins vectoriels à l’aide de formes basiques (cercles, lignes, polygones…);
- Gérer les couleurs;
- Importer, détourer et vectoriser une image matricielle;
- Insérer et mettre en forme du texte;
- Ré-agencer les éléments;
- Mettre en page le document;
- Définir la résolution du document;
- Exporter votre travail en PDF.
Durant la réalisation des différents travaux, des choix de couleurs et de polices vous seront proposées dans les tutoriels. Mais vous pourrez choisir vos propres couleurs et polices du moment que l’ensemble reste lisible (faites attention aux contrastes).
-
-
Objectif : créer des dessins simples de type icônes et les paramétrer
-
Commençons par la création de dessins vectoriels. Vous allez devoir réaliser la carte météo contenant les pictogrammes.
Téléchargez ci-dessous la carte vierge (map france.svg) qui nous servira de base de travail.
-
-
Puis suivez pas à pas ces tutoriels.
Notes : rappel des manipulations courantes sur Inkscape
Pensez à sauvegarder régulièrement votre travail pour ne pas tout perdre (fichier / enregistrer sous).
N’oubliez pas de revenir sur l’outil sélection
pour les fonctions courantes
(déplacer un objet, le redimensionner…)En cas d’erreur, vous pouvez toujours revenir en arrière en faisant un control + z ou via l’icône
1) Décompresser et ouvrir le fichier svg
Une fois que vous avez téléchargé le dossier, décompressez-le et ouvrez le fichier “map france.svg” avec Inkscape.
2) Modifier les couleurs de la map
Ce tutoriel vous permettra de faire des sélections multiples d’objets et de leur appliquer des couleurs, via la palette ou l’outil pipette.
3) Créer le soleil
Ce tutoriel vous permettra de créer des formes (étoile et cercle), d’attribuer des couleurs de fond et de contour et d’aligner ces formes.
4) Créer le nuage
Ce tutoriel vous permettra de créer des formes (rectangle et cercle), d’arrondir les angles d’un rectangle, d’attribuer des couleurs de fond et d’aligner ces formes.
5) Créer l'éclair
Ce tutoriel vous permettra de créer une forme libre avec l’outil “courbe de Bézier”, d’aligner les noeuds avec l’outil “noeud”et d’attribuer une couleur de fond.
6) Créer la pluie
Ce tutoriel vous permettra de créer des lignes avec l’outil “courbe de Bézier”, de modifier le style de contour, de lui attribuer une couleur et de répartir les lignes à distance égale.
7) Sauvegarder et exporter
Ce tutoriel vous permettra d’ajuster la taille de votre page à celle du dessin, d’enregistrer votre travail en svg, d’enregistrer un élément (le soleil en l’occurence) en svg et de l’exporter en png.
-
Évaluation 1 : déposer le dessin du soleil aux formats PNG et SVG
Vous avez terminé la partie du travail sur la création de dessins vectoriels. La dernière vidéo vous a montré comment sauvegarder le dessin du soleil aux formats PNG et SVG. Vous pouvez maintenant les déposer ci-dessous pour évaluation.
-
Les étudiants doiventRemettre un travailRecevoir une noteObtenir une note minimale de réussite
-
-
Objectif: retoucher des photos (détourer et vectoriser)
-
Nous allons maintenant travailler sur deux images matricielles : toronto.jpg et oiseau.jpg.
Téléchargez ci-dessous les deux images. -
-
Images à télécharger
-
-
Observons ces deux images
En regardant les propriétés des images, on remarque que oiseau.jpg a une taille et des dimensions inférieures à toronto.jpg.
On peut déduire la définition de ces deux images :
- oiseau.jpg : 374 x 256 = 95 744 pixels
- toronto.jpg : 4 882 x 3 254 = 15 886 028 pixels
On sait donc que toronto.jpg a une meilleure définition. Quand vous l’importerez dans Inkscape, il vous l’affichera en très grand (Inkscape affiche l’image originale, sans la compresser).
Dernière remarque, on observe que les deux images ont la même résolution (96 ppp). Nous verrons qu’il est possible d’augmenter la résolution sur Inkscape afin de pouvoir imprimer les images en préservant une bonne qualité.
Pensez à observer ces détails pour les images avec lesquelles vous travaillez.
-
Puis suivez pas à pas ces tutoriels.
Notes : rappel des manipulations courantes sur Inkscape
Pensez à sauvegarder régulièrement votre travail pour ne pas tout perdre (fichier / enregistrer sous).
N’oubliez pas de revenir sur l’outil sélection
pour les fonctions courantes
(déplacer un objet, le redimensionner…)En cas d’erreur, vous pouvez toujours revenir en arrière en faisant un control + z ou via l’icône
1) Importer Toronto.jpg
Une fois téléchargé, décompressez le dossier. À l’intérieur se trouve deux images : toronto.jpg et oiseau.jpg.
Ouvrez un nouveau document Inkscape et importez l’image toronto.jpg. Pour ce faire, vous pouvez passer par le menu : Fichier / Importer. Vous pouvez aussi simplement glisser-déposer l’image dans Inkscape.
Une boîte de dialogue s’ouvre, vous pouvez cliquer sur Ok sans changer les paramètres d’importation.
2) Créer une découpe
Ce tutoriel vous permettra d’importer une image dans Inkscape et de découper une partie de cette image.
3) Détourer un élément
Ce tutoriel vous permettra de définir une découpe plus fine à l’aide de l’outil “courbe de Bézier” et de réajuster les noeuds avec l’outil “noeud”.
4) Vectoriser une matricielle
Ce tutoriel vous permettra de paramétrer la vectorisation d’une image matricielle.
-
-
Objectif : mettre en page un document et l’exporter en pdf avec une résolution suffisante pour l’impression
-
-
Puis suivez pas à pas ces tutoriels.
Notes : rappel des manipulations courantes sur Inkscape
Pensez à sauvegarder régulièrement votre travail pour ne pas tout perdre (fichier / enregistrer sous).
N’oubliez pas de revenir sur l’outil sélection
pour les fonctions courantes
(déplacer un objet, le redimensionner…)En cas d’erreur, vous pouvez toujours revenir en arrière en faisant un control + z ou via l’icône
1) Créer le fond du poster
Ce tutoriel vous permettra de définir la taille de la page, de créer un calque et de le verrouiller, de définir des marges pour le fond du poster et de lui attribuer dégradé de couleur.
2) Intégrer les images
Ce tutoriel vous permettra de créer un nouveau calque et d’y importer des images vectorielles et matricielles.
3) Intégrer le texte
Ce tutoriel vous permettra de créer différentes zones de texte, de les paramétrer (choix de police, taille, graisse) et de les arranger à l’aide de l’outil “noeud”.
4) Mise en page, sauvegarde, export
Ce tutoriel vous permettra de mettre en page le document en alignant les objets les uns par rapport aux autres, d’enregistrer votre travail en svg et de l’exporter en pdf avec une résolution de 300ppp et en convertissant les polices en chemin.
-
Évaluation 2 : déposer le poster aux formats PDF et SVG
Vous êtes arrivé à la fin de ce cours ! La dernière vidéo vous a montré comment sauvegarder votre poster aux formats SVG et PDF. Vous pouvez maintenant les déposer ci-dessous pour évaluation.
-
Les étudiants doiventRemettre un travailRecevoir une noteObtenir une note minimale de réussite
-
Cette initiation au logiciel Inkscape est maintenant terminée. Vous pouvez si vous le souhaitez poser vos questions ou faire vos remarques dans le forum dédié ci-dessous.
-
