Mapmaking

[Tuto mapmaking #1] Inkscape: les réseaux routiers / road networks

0
(0)

Comment dessiner un réseau routier sur un logiciel vectoriel comme Inkscape.


Maintenant que la cartographie de fiction me prend une bonne partie de mon temps, j’ai envie de pousser l’expérience un peu plus loin en faisant quelques tutoriels sur la création de cartes. N’hésitez pas à me dire ce que vous en pensez ! 🙂


1. Ouvrir Inkscape

Notez que tout marchera à peu près pareil sur Illustrator.

2. Tracer la route

Utilisez l’outil crayon (⌨ F6) pour tracer un chemin. Il faut qu’il soit assez lisse : ajustez le lissage pour éviter les angles dans votre tracé (je suggère au moins 50 à un niveau de zoom de 100%). Sélectionnez une couleur standard pour votre type de route (inspirez-vous d’une recherche Google Images si besoin) et choisissez sa largeur (ici, j’ai pris 6mm).

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”
Cliquez sur les images pour les afficher en plein écran.

💡Si vous avez besoin de réparer votre tracé, passez en outil nœuds (F2), sélectionnez tous les nœuds du chemin (Ctrl+A ou sélection manuelle) et cliquez sur “Rendre doux les nœuds sélectionnés”, ou bien simplifiez le chemin (🖱️ Chemin → Simplifier ou ⌨ Sélection → Ctrl+L) autant de fois que nécessaire.

3. Créer le contour de la route

Dupliquez le chemin (avec 🖱️ Clic droit → Dupliquer ou bien ⌨ Sélection → Ctrl+D) ; cela aura pour effet de le copier-coller sur place.

Sélectionnez ce nouveau chemin et donnez-lui une largeur légèrement supérieure à celle du premier chemin avec l’outil fond et contour (⌨ Maj+Ctrl+F) ; ici, j’ai mis 7mm.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

Donnez-lui ensuite un gris sombre comme couleur de contour.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

Enfin, faites passer le chemin à l’arrière-plan (avec 🖱️ Sélection → Descendre la sélection à l’arrière-plan ou ⌨ Sélection → Fin).

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

⚠️ Attention si vous manipulez un des deux objets : on a l’impression que la route a un “fond” et un “contour”, mais en réalité les deux sont des chemins (le plus épais étant derrière l’autre, il en “dépasse”), donc leur couleur est une couleur de contour dans les deux cas !

4. Ajouter le marquage au sol (facultatif)

Pour ajouter un petit effet réaliste, vous pouvez une nouvelle fois dupliquer le chemin (n’importe lequel des deux ici), le monter à l’avant-plan (avec 🖱️ Sélection → Monter la sélection au premier plan ou ⌨ Sélection → Origine), lui donner une faible largeur (ici 0,5mm) et utiliser un motif pointillé pour créer un joli marquage au sol.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

5. Créer les intersections

En réutilisant cette technique et avec quelques variations de couleur et d’épaisseur, vous pouvez créer tous types de routes, mais il reste une chose bonne à savoir : gérer les intersections.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

Vous rencontrerez souvent ce souci ; pour le régler, j’ai le réflexe normal chez toute personne avec un minimum d’expérience : je passe des chemins les uns derrière les autres au hasard en jurant jusqu’à ce que ça marche. 👍Cela donnera ce genre de résultat.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

En réalité, c’est assez simple à régler : le fond de la route blanche doit être derrière le fond de la route jaune mais il faut que le contour de la route blanche soit devant le contour de la route jaune. De bas en haut, on a donc : contour de la route jaune → contour de la route blanche → fond de la route blanche → fond de la route jaune.

Simple mais déroutant (dommage pour une carte routière). Vous pouvez simplement employer les avant-plans et les arrière-plans, mais n’hésitez pas à utiliser des calques différents pour des réseaux plus imposants – mieux vaut prendre ses précautions.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

Je vais m’arrêter ici pour ce tutoriel (je vous laisse simplement sur une astuce en guise de conclusion) ; n’hésitez pas à m’en réclamer d’autres, il y a tant de choses dont je pourrais parler !

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

Astuce : combiner les chemins

N’hésitez pas à tracer votre réseau entier en couleurs temporaires, sans contours, afin de le dessiner en paix. Il sera toujours temps de les colorer et de créer les contours plus tard.

Si vous choisissez cette option, vous pourrez ensuite combiner les chemins une fois votre réseau terminé.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

Pour ce faire, sélectionnez tous les chemins du même type, puis allez dans 🖱️ Chemin → Combiner (ou ⌨ Sélection → Ctrl+K). Cela aura pour effet de transformer vos chemins en un objet unique.

À partir de là, appliquez l’étape 3 du tutoriel ; vous créerez ainsi les contours de toutes les routes à la fois, et les intersections seront automatiquement jolies.

⚠️ Attention, les chemins que vous combinez doivent partager le même design, car les combiner aura pour effet de leur appliquer le même style de toute manière. Je vous suggère chaudement de séparer vos types de routes dans des calques distincts ; ainsi, vous pourrez faire vos tracés, puis sélectionner tous les chemins de chaque calque et les combiner sans problème.

Image du tutoriel “comment dessiner un réseau routier sur Inkscape”
Tenez, j’ai fait ça vite et vous remarquerez que la route nord-sud n’est pas assez lisse : il y a un coude en haut.
Image du tutoriel “comment dessiner un réseau routier sur Inkscape”

En page deux, vous trouverez l’article en anglais ! Merci pour votre lecture, j’espère vraiment que ça vous aura aidé ; sinon, laissez un commentaire pour qu’on puisse en parler. ^^ Et si ce genre de contenu vous plaît, faites un tour sur mon Tipeee ou mon uTip, ce sera toujours apprécié !

Mettez-moi des étoiles (dans les yeux !)

Un clic pour m'aider et/ou me motiver 😀

Note moyenne : 0 / 5. Votes : 0

Cet article n'est pas encore étoilé

Je suis navrée de ne pas vous avoir été utile

Aidez-moi à mieux faire !

Comment pourrais-je améliorer cet article ?

Pages : 1 2

Laisser un commentaire