But de l’exercice: découvrir des outils de base pour la création d’une carte dans le logiciel open source de dessin vectoriel Inkscape (téléchargement gratuit sur le site inkscape.org). L’exercice parvient au même résultat que les deux suivants

À vous de choisir celui qui vous convient.

L’interface

Une fois Inkscape installé, ouvrez Inkscape. Un nouveau document est automatiquement créé. Sauvegardez le nouveau fichier sur votre disque dur.

Les outils essentiels

Découvrez les outils d’Inkscape dont nous aurons besoin pour cet exercice :

Déplacer le canevas

Pour ceux d’entre vous qui sont habitués à Illustrator, vous remarquerez que le raccourci standard (barre espace) pour déplacer et agrandir le canevas ne fonctionne pas dans Inkscape. Vous avez d’autres options:

  • Zoom in/out: touche Ctrl + mouvement vertical de la roue de la souris | du trackpad.
  • Déplacer le canevas de haut en bas: mouvement vertical de la roue de la souris | du trackpad.
  • Déplacer le canevas de droite à gauche: touche Shift + mouvement vertical de la roue de la souris | du trackpad.

Ajouter des calques

Il n’est pas nécessaire d’utiliser des calques dans Inkscape. Néanmoins, la logique des calques correspond à celle des couches de géo-information dans un logiciel de SIG comme ArcGIS ou qGIS. Du point de vue d’un travail cartographique, il est donc pratique d’opter pour la même logique.

Si l’onglet des calques n’est pas encore affiché, affichez-le avec le bouton “Afficher les calques”:

Double-cliquez sur le calque “Layer 1” pour le renommer. Renommez votre calque pour qu’il s’appelle “Frontières”:

Avec le bouton «Nouveau calque» (+), créez un nouveau calque. Créez ainsi trois autres calques, et nommez-les “Lieux”, “Routes”,  et “Légende”:

Sélectionnez le calque «Lieux»:

Créer des formes régulières (cercles)

Vous êtes prêts à dessiner sur ce calque. Cliquez sur l’outil de création d’ellipses. Dessinez une ellipse:

inkscape_6

En maintenant la touche “Ctrl” (ou “Command” sur un mac), vous forcez l’outil à dessiner un cercle. Dessinez un cercle:

inkscape_7

Avec l’outil de sélection (flèche noire) sélectionnez votre cercle et votre ellipse:

inkscape_8

Cliquez sur l’outil afficher les propriétés d’un objet (voir sur l’image plus haut) et choisissez l’onglet « Stroke paint ».

Donnez lui une couleur, en utilisant l’espace colorimétrique de votre choix. Je recommande le HSV pour la simplicité de sélection de couleurs. Voici une brève explication de ce que signifient les autres sigles:

  • RGB = Espace additif basé sur l’intensité de trois primaires lumineuses (Rouge-Vert-Bleu). Représente directement ce qu’émet un écran.
  • CMYK: Espace soustractif (Cyan-Magenta-Yellow-Key) utilisé en impression. Représente l’absorption de pigments plutôt que l’émission de lumière.
  • HSV = Modèle colorimétrique basé sur la perception intuitive : Hue (teinte), saturation (min=noir&blanc, max=couleurs pétantes), value (intensité de la teinte). Utile pour sélectionner des couleurs.
  • HSL:  Proche de HSV mais utilise Lightness (médiane entre clair et sombre).
  • HSLuv: Version perceptuellement uniforme de HSL. La saturation correspond à des distances euclidiennes dans un espace perceptuel dérivé de CIELUV.
  • CMS: Ensemble de mécanismes (profils ICC, conversions, rendus) assurant la cohérence des couleurs entre dispositifs (écran, imprimante, scanner) et entre espaces colorimétriques.
inkscape_10
La couleur du contour (stroke paint) vient d’être modifiée.

Votre pourtour reste noir alors que vous avez choisi le rouge comme Hue (H)? Vérifiez bien que la valeur de saturation (S) soit élevée, faute de quoi, en effet, vous êtes en mode noir&blanc.

Changez la couleur du remplissage (Fill) de la même manière:

inkscape_12_b
Avec vos ellipses et cercle encore sélectionnés (flèche noire), Changez la graisse de vos objet (Stroke style):
inkscape_14
Sélectionnez l’objet ellipse et appuyez sur Del ou Backspace (<-) pour l’effacer:
inkscape_15

Sélectionnez l’objet cercle (avec la flèche noire) et changez sa taille.Tenez, ce faisant, la touche Ctrl (ou Cmd) enfoncée, pour garder les proportions de l’objet:

inkscape_16

Sélectionnez le cercle dont vous vous avez changé la taille. Cliquez sur le bouton droit de la souris et choisissez “Duplicate” (Ctr+D) pour en faire une copie sur place:

Glissez l’objet dupliqué ailleurs sur l’écran:

inkscape_18

Faites ainsi plusieurs copies de votre cercle.

inkscape_19

Bloquez le calque «Lieux» en cliquant sur le cadenas ouvert à gauche du titre. Le cadenas se ferme.

Vous ne pouvez plus dessiner ou modifier des objets sur le calque “Lieux”. Sélectionnez le calque «Frontières».

Créer des polygones

Avec l’outil Plume, cliquez sur l’espace de travail.

inkscape_22

Vous venez de créer un point. Continuez à cliquer pour obtenir un polygone ouvert.

inkscape_23

Fermez le polygone en cliquant sur le point de départ.

inkscape_24
inkscape_25

Le polygone est sélectionné en principe. Sélectionnez le, sinon, avec la flèche noire. Donnez lui un fonds transparent s’il ne l’est pas déjà. Changez l’épaisseur du polygone avec l’outil Graisse que nous avons vu. Sélectionnez un point d’ancrage avec le sélectionneur de partie d’objet et déplacez-le.

inkscape_26
inkscape_27

Re-cliquez sur l’outil plume et créez deux autres polygones.

inkscape_28

Faire coïncider les frontières de polygones adjacents

Vous l’aurez compris: chaque polygone représente une entité territoriale sur une carte (pays, canton, district, commune, à choix…). Ces entités ne sont pas séparées par un vide métaphysique, mais adjacentes. Il faut donc faire en sorte que leurs frontières coïncident sur une carte.

Avec la flèche de sélection de points individuels (juste en dessous de la flèche noire) vous pouvez déplacer les points point d’ancrage des sommets d’un polygone.

Méthode 1: Utilisez le magnétisme

Si vous activez le magnétisme, les points d’ancrage de votre illustration vont s’attirer. Il vous suffit dès lors de saisir un de ces points, et le rapprocher d’un autre, jusqu’à ce qu’il “saute dessus” et que leurs positions coïncident exactement

Méthode 2: Utilisez les outils d’alignement

Avec la flèche de sélection de points individuels sélectionnez trois point d’ancrage proches, des trois polygones. Notez que l’intérieur des points d’ancrage sélectionnés apparait en bleu alors que celui des non-sélectionnés apparaît en gris.

inkscape_29

Affichez les options d’alignement et choisissez sur le bouton “Middle of selection” puis sur les deux boutons juste en-dessous, consécutivement, dans n’importe quel ordre.

inkscape_31

Faites en sorte que les frontières de vos polygones – imaginez qu’il s’agit de cantons ou de pays – coïncident.

inkscape_32

Créer une légende

Choisissez le calque légende afin de continuer à dessiner sur ce dernier. Nous allons faire une légende. Avec l’outil rectangle, dessinez un rectangle:

inkscape_34

Il se peut que votre rectangle ait des coins arrondis. Nous voulons un rectangle standard ici. Afin d’obtenir cette forme, saisissez la poignée ronde inférieure et glissez la sur le coin marqué lui aussi d’une poignée ronde (droite en haut):

inkscape_35

Dupliquez deux fois votre rectangle:

inkscape_36

Sélectionnez tous les trois avec la flèche noire. Avec les outils d’alignement d’objet, alignez-les au centre:

inkscape_38

Gardez les rectangles sélectionnés. Cliquez sur distribution verticale au centre.

inkscape_40

Voilà. Vous savez aligner et distribuer des objets. L’outil marche avec tout: polygones, lignes ou textes. Pour la suite de l’exercice effacez le rectangle du milieu. Donnez une couleur à chacun de vos rectangles. Effacez leur contour. Éloignez-les l’un de l’autre.

inkscape_41

Sélectionnez les deux rectangles avec la flèche noire. Dans le menu, choisissez Path > Object to path. Inkscape a besoin de cette conversion pour pouvoir appliquer l’extension dont nous avons besoin. Dans l’outil Extensions > Generate from path > Interpolate… Indiquez deux étapes. Cliquez sur Apply.

inkscape_42
inkscape_43

Vous avec créé une légende en dégradé de polygones, pouvant servir à fabriquer une légende. Cliquez sur l’un des rectangles du milieu avec la flèche noire. Vous voyez que les deux rectangles du milieu sont sélectionnés. Cela est dû au fait qu’ils sont associés. Dissociez-les: click droit de la souris: dans le menu qui apparaît, choisir Ungroup.

inkscape_44

Colorer les polygones

À présent, sélectionnez un polygones de frontière. Avec l’outil pipette, allez prendre la couleur d’un rectangle de la légende.

inkscape_45
inkscape_46

Colorez ainsi tous vos pays / cantons / communes.

inkscape_47

Ajouter du texte

Avec l’outil texte, donnez une valeur au premier rectangle de votre légende.

inkscape_49

Affichez les options de texte avec le bouton correspondant afin d’ajuster la taille et la police du texte:

inkscape_48

Il est possible d’appliquer une même taille et police de texte à plusieurs objets texte sélectionnés avec la flèche noire:

inkscape_50

Alignez et distribuez les entrées de légende de manière plus harmonieuse avec l’outil d’alignement que nous avons vu plus haut.

inkscape_51

Avec l’outil Texte, créez une zone de texte.

inkscape_52
inkscape_53

Remplissez la zone avec du texte.

Ajouter des lignes et des courbes de Bézier

Bloquez tous les calques sauf routes et sélectionnez Routes. Sélectionnez l’outil plume et tracez un trait entre deux points: double-cliquez à l’emplacement du point d’arrivée de la ligne pour terminer le tracé.

inkscape_59

Sélectionnez l’outil ajout de sélection de parties d’objets. Double-cliquez n’importe où sur la ligne créée pour ajouter un point d’ancrage. Ajoutez ainsi trois points d’ancrage en tout.

inkscape_60

Déplacez vos points d’ancrage.

inkscape_61

Dotez votre ligne d’une épaisseur est d’une couleur avec les outils que nous avons vu. Sélectionnez un segment de ligne avec l’outil de sélection partielle d’objets.

inkscape_62

Remarquez l’apparition d’une barre d’outils en haut de l’écran. Celle-ci vous permettra de transformer le segment ligne en courbe (deuxième bouton depuis la droite):

inkscape_64

Des poignées viennent d’être ajoutées. Votre ligne est devenue une courbe de Bezier. Faites en sorte que la courbe passe par les points pas encore desservis par la route.

inkscape_65

FIN DE L’EXERCICE

Continuez avec l’exercice Créez votre pays imaginaire avec qGIS.

Flow into frame avec Inkscape

Facultatif, pour celles et ceux qui souhaitent le tenter

Comme Illustrator, Inkscape permet de continuer le flux d’un texte d’un polygone contenant à l’autre. L’interface Inkscape pour le faire est beaucoup moins conviviale, mais rien n’empêche d’essayer.

inkscape_53

Remplissez la zone avec du texte jusqu’à ce que vous dépassiez le cadre. À côté de votre objet texte, dessinez deux rectangles:

inkscape_54

Avec la flèche noire, sélectionnez le texte et les deux rectangles.

inkscape_55

Dans le menu, choisissez Text > Flow into frame:

inkscape_56

Ajustez l’ordre des rectangles et leur couleur de fond de manière à correspondre à vos besoins:

inkscape_58

One reply on “Dessinez votre pays imaginaire avec Inkscape: une introduction au dessin vectoriel”

Comments are closed.