Magazine Graphisme

Inkscape - Cartographie: la perspective pour focaliser les données

Publié le 12 juillet 2008 par Thibaut Hofer

Inkscape - Cartographie: la perspective pour focaliser les donnéesNiveau alchimiste
La perspective est un excellent moyen d'appuyer des données en privilégiant leur mise en valeur dans l'espace. L'arrière-plan se fait alors discret, et devient un simple élément de contexte.
Inkscape 0.46 sous Ubuntu Gutsy Gibbon

Dans un premier exercice sur la cartographie, et en introduction aux courbes de Bézier, nous avons vu comment créer une carte basique: représentation réaliste et espace plane. Dans ce nouvel exercice, il s'agit de privilégier les données par une représentation en perspective.

Inkscape - Cartographie: la perspective pour focaliser les données
ÉTAPE 1
Justification de la perspective
1-La perspective facilite la comparaison entre données. Donc autant qu'elles soient nombreuses. Dans les cas limités à deux ou trois valeurs, la perspective sera beaucoup moins pertinente, ou du moins peut facilement être remplacée par un autre espace de représentation plus efficace.
Dans le cas présent, le document qui servira de référence est disponible sur le site du ministère de l'équipement: il s'agit du parc locatif social d'Île-de-France.
2-La perspective est aussi une façon de donner aux données une échelle humaine. Notre vision en trois dimensions est davantage habituée à des angles horizontaux légers qu'à des aplombs à 90° en deux dimensions.
C'est pourquoi il sera judicieux de pousser la perspective assez loin (inférieure à 45°), comme un surplomb depuis le sommet d'une colline. La contrainte est qu'il faut que la carte qui sert de contexte reste identifiable.
3-La perspective apporte du dynamisme à vos données, leur imprime une poussée qui saute aux yeux et donne envie de s'attarder sur le graphique.
Cette poussée n'est pas égale et varie selon la position du spectateur face à l'objet en relief. L'extrusion devra aussi en tenir compte.
Inkscape - Cartographie: la perspective pour focaliser les données
ÉTAPE 2
Création de la carte
Si vous avez bien suivi l'exercice de création d'une carte du Japon, les courbes de Bézier n'ont plus de secret pour vous. Sinon, prenez le temps de le reprendre.
Ici, la difficulté de création de la carte se trouve dans la juxtaposition des formes entre elles. Difficile de reprendre un tracé frontalier à deux départements avec exactitude! D'autant que l'imprécision n'a pas sa place dans ce genre de travaux. Les options de chemin vous nous être d'un grand secours.
En premier lieu, utilisez une carte (p. ex. bitmap) comme modèle pour créer le contour général de l'Île de France.
Inkscape - Cartographie: la perspective pour focaliser les données

Créez ensuite votre premier département en respectant les frontières intérieures à l'ïle-de-France, mais en schématisant la partie extérieure à la région. De simples lignes droites suffiront.
Inkscape - Cartographie: la perspective pour focaliser les données

Copiez ensuite l'Île-de-France, puis sélectionnez vos deux premières formes (le département dans sa région) et appliquez l'action Chemin > Intersection.
Inkscape - Cartographie: la perspective pour focaliser les données

Seul vous reste le département, dont les contours extérieurs correspondent désormais à ceux de l'ïle-de-France.
Inkscape - Cartographie: la perspective pour focaliser les données

Ne reste plus qu'à coller sur place (Edition > Coller sur place) votre précédent contour de l'ïle-de-France, et à le passer à l'arrière-plan (Objet > Descendre à l'arrière-plan): les deux tracés se superposent à la perfection.
Inkscape - Cartographie: la perspective pour focaliser les données

Autre exemple, avec l'exclusion: créez les contours de Paris et d'un département limitrophe.
Inkscape - Cartographie: la perspective pour focaliser les données

Passez l'objet Paris au premier plan (Objet > Monter), puis copiez-le. Sélectionnez Paris et son département limitrophe, et appliquez Chemin > Exclusion.
Inkscape - Cartographie: la perspective pour focaliser les données

Collez Paris sur place.
Inkscape - Cartographie: la perspective pour focaliser les données

Répétez l'opération jusqu'à avoir tous les départements circonscrits dans la région Île-de-France. Attention de ne pas en oublier un! Avec tous ces tracés qui se superposent, c'est très facile d'en laisser un de côté. Vous pouvez isoler le contour de la région sur un calque masqué (ça peut toujours servir), et appliquer un léger contour blanc aux départements. Choisissez un camaïeu de trois déclinaisons pour Paris, la Petite Couronne et la Grande Couronne.
Inkscape - Cartographie: la perspective pour focaliser les données

Inkscape - Cartographie: la perspective pour focaliser les données
ÉTAPE 3
Mise en place de la perspective
Groupez les départements de votre toute nouvelle région (Objet > Grouper après les avoir sélectionnés), puis à l'aide de la flèche de redimensionnement inférieure, réduisez la hauteur de l'ensemble.
Inkscape - Cartographie: la perspective pour focaliser les données

Inkscape - Cartographie: la perspective pour focaliser les données

Ajustez pour obtenir une perspective qui corresponde, comme on l'a dit plus haut, à un surplomb depuis une colline, puis positionnez le tout.
Inkscape - Cartographie: la perspective pour focaliser les données

Créez ensuite un plan incliné qui correspond à cette vue.
Inkscape - Cartographie: la perspective pour focaliser les données

Extrudez ensuite ce plan à l'aide de la commande Effets > Générés à partir du chemin > Extrusion et avec les valeurs suivantes:
Inkscape - Cartographie: la perspective pour focaliser les données

Faites le ménage! Seul le rectangle de la face avant est utile, supprimez donc les autres. Utilisez une couleur foncée pour cette face avant, et passez le plan et sa face à l'arrière-plan.
Inkscape - Cartographie: la perspective pour focaliser les données

Inkscape - Cartographie: la perspective pour focaliser les données
ÉTAPE 4
L'échelle des données
Pour représenter des données, il vous faut choisir une échelle qui va permettre de les distinguer clairement. Les différences entre valeurs doivent être perceptibles même en l'absence de données écrites.
Pour cette carte, nous allons utiliser des parallélépipèdes verticaux: ce sont des objets faciles à créer et qui se repèrent très bien. En plus, le parallèle avec les logements sociaux est (malheureusement) on ne peut plus limpide.
Pour créer une échelle avec des rectangles, c'est très simple, et Inkscape propose une fonction idéale. A l'écart de votre canevas, créez un premier rectangle de 15 pixels de large et 50 de haut. Ces 50 de hauteur seront convertis en 100 000 logements (vous pouvez affiner en créant un rectangle de 25 pour 50 000 logements).
Inkscape - Cartographie: la perspective pour focaliser les données

Dupliquez ce rectangle (Edition > Dupliquer), et déplacez-le vers le haut ou vers le bas de 50 pixels, de façon à obtenir deux rectangles en formant un seul de 100 pixels.
Inkscape - Cartographie: la perspective pour focaliser les données

Sélectionnez ensuite vos deux rectangles, et utilisez la commande Objets > Objets en guides.
Cela crée instantanément un modèle à l'échelle voulue pour vos parallélépipèdes.
Inkscape - Cartographie: la perspective pour focaliser les données

Inkscape - Cartographie: la perspective pour focaliser les données
ÉTAPE 5
Les données
Pour représenter les données, nous allons nous appuyer sur l'outil de boîte 3D. Munissez-vous de lui, et créez un premier parallélépipède au niveau de vos repères.
Inkscape - Cartographie: la perspective pour focaliser les données

Toujours à l'aide de l'outil Boîte 3D, positionnez votre parallélépipède dans vos repères, puis adaptez son échelle à la largeur voulue.
Inkscape - Cartographie: la perspective pour focaliser les données

A présent, étirez verticalement une copie de votre parallélépipède de façon à correspondre à chaque donnée fournie par le document de référence. Trois conseils:

  • - n'hésitez pas à disposer d'autres repères temporaires entre les extrémités de votre modèle;
  • - n'utilisez que l'outil Boîte 3D pour ajuster votre forme, et en aucun cas l'outil de sélection par défaut, sous peine de fausser la perspective initiale;
  • utilisez la touche Ctrl pour contraindre l'axe de déformation.

Inkscape - Cartographie: la perspective pour focaliser les données

Appliquez à chacune des formes ainsi copiées un camaïeu de votre choix, et positionnez-les sur votre carte.
Inkscape - Cartographie: la perspective pour focaliser les données

Inkscape - Cartographie: la perspective pour focaliser les données
ÉTAPE 6
La légende
La création de la légende se fera en plusieurs étapes. Commencez par créer 3 rectangles avec les couleurs de remplissage respectives des trois zones de l'ïle-de-France, puis appliquez-leur une perspective parallèle au bord de l'image. Enfin, extrudez-les avec ces valeurs:
Inkscape - Cartographie: la perspective pour focaliser les données

Ajoutez un degré de réalisme à votre perspective: plus les formes sont proches de vous, plus elles prennent de la place dans votre champ de vision. Si vous déclinez votre légende verticalement, grossissez légèrement les formes les plus basses. En voici un exemple:
Inkscape - Cartographie: la perspective pour focaliser les données

Ajoutez votre texte sans lui appliquer de perspective. Sa verticalité lui donne déjà une perspective presque perpendiculaire au plan.
Inkscape - Cartographie: la perspective pour focaliser les données

Ensuite, dupliquez et vectorisez ces textes, appliquez-leur une couleur marron foncé et réduisez-les en hauteur. Ajustez le décalage comme suit au besoin:
Inkscape - Cartographie: la perspective pour focaliser les données

Disposez-les derrière votre texte puis floutez-les.
Inkscape - Cartographie: la perspective pour focaliser les données

A l'opposé, inscrivez le titre de la carte, et en plus petit la source de vos données. Faites adopter une perspective à vos textes.
Inkscape - Cartographie: la perspective pour focaliser les données

Les valeurs représentées pour le moment ne couvrent que les départements. Rien n'est mentionné pour les valeurs plus générales de la Grande et la Petite Couronnes. Rattrapez cet oubli en proposant les deux données directement en chiffres sur votre carte. Vous pouvez jouer avec l'information en traduisant l'échelle de ces deux données par deux corps typographiques différents. La clarté n'en sera que renforcée par un rappel des couleurs que vous avez choisies pour représenter chacune des deux couronnes.
Inkscape - Cartographie: la perspective pour focaliser les données

L'étape finale prendra place dans un tableau, dans lequel vous ferez figurer les valeurs chiffrées propres à chaque département. Pour que cette légende prenne tout son sens, faites correspondre la couleur de votre typo à vos parallélépipèdes. Réduisez légèrement l'opacité de votre bloc de légende, et ajoutez-lui une ombre portée pour la cohérence graphique.
Inkscape - Cartographie: la perspective pour focaliser les données

Grand format disponible ici

Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

  • Concours de Webdesign pour Inkscape

    Le site officiel d'Inkscape va être réorganisé à l'occasion de sa migration vers le CMS Drupal. Pour cette cocsasion l'équipe fait un appel à la communauté... Lire la suite

    Par  Thibaut Hofer
    GRAPHISME, HIGH TECH, INFORMATIQUE, LOGICIELS, TALENTS
  • Enfin Inkscape 0.46 !

    Aujourd'hui c'est la sortie officielle de la version 0.46. Cette nouvelle version aura mis plus d'un an à sortir afin de fignoler de nouvelles (et nombreuses... Lire la suite

    Par  Thibaut Hofer
    GRAPHISME, HIGH TECH, INFORMATIQUE, LOGICIELS, TALENTS
  • Vous avez dit Inkscape 0.47 ?

    Inkscape 0.46 demande encore à être maîtrisé ? Mais pourquoi déjà parlé de 0,47 ? Mais parce ce que ce qu'il nous réserve est déjà prévu. La version 0.46 a mis... Lire la suite

    Par  Thibaut Hofer
    GRAPHISME, HIGH TECH, INFORMATIQUE, LOGICIELS, TALENTS
  • Inkscape - Gestion de la couleur

    Niveau alchimiste Les qualités du vectoriel font d'Inkscape un acteur fort de la chaîne graphique. Cette position implique cependant de coordonner les tâches... Lire la suite

    Par  Thibaut Hofer
    GRAPHISME, HIGH TECH, INFORMATIQUE, LOGICIELS, TALENTS
  • Peut-être un futur effet pour Inkscape 0.47 : Color Blindness

    Cet effet sera peut être présent dans la future version stable d'Inkscape, soit la 0.47. Il simule ce que verrait une personne atteinte de dyschromatopsie... Lire la suite

    Par  Thibaut Hofer
    GRAPHISME, HIGH TECH, INFORMATIQUE, LOGICIELS, TALENTS
  • A venir dans Inkscape: des fonctions pour le dessin technique

    Un nouvel outil se dessine pour Inkscape 0.47 ou 0.48... Il servira au dessin technique. On ne peut pas encore le tester, mais voici quelques images qui ont... Lire la suite

    Par  Thibaut Hofer
    GRAPHISME, HIGH TECH, INFORMATIQUE, LOGICIELS, TALENTS
  • Video: Inkscape et le crayonné

    John Bintz, développeur et dessinateur de comic strips, nous offre une video qui démontre qu'Inkscape est tout-à-fait adapté à la réalisation de crayonnés amené... Lire la suite

    Par  Thibaut Hofer
    GRAPHISME, HIGH TECH, INFORMATIQUE, LOGICIELS, TALENTS

A propos de l’auteur


Thibaut Hofer 11 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte