Aller au contenu

Faire une carte façon Ed Fairburn avec QGIS#

📆 Date de publication initiale : 30 septembre 2022

Introduction#

Si tu ne connais pas encore le travail d'Ed Fairburn, son portfolio est par là.

Sympa cette façon de mélanger portrait et fond de carte, non ?

Dans ce tuto, je te propose de faire une carte inspirée de ses réalisations grâce aux possibilités qu'offrent les modes de fusion.

Pré-requis :

  • QGIS.
  • Une dose de géo-données.
  • Un soupçon de créativité.

Commenter cet article


Les modes de fusion en quelques mots#

Superposition, Écran, Soustraire, Différence, ... j'avais prévenu : quelques mots.

Plus sérieusement, sous QGIS les modes de fusion sont disponibles dans les options de rendu. On les trouve à plusieurs endroits, au niveau de la symbologie d'une couche aussi bien vecteur que raster par exemple, mais aussi sur les objets d'une mise en page dans le composeur d'impression.

Le mode de fusion détermine comment un élément graphique se comporte vis à vis des éléments qui se trouvent en-dessous. Classiquement, le mode de fusion est Normal de sorte que l'objet au-dessus masque ceux qui sont placés en dessous. En jouant sur les transparences, il est possible de ne pas totalement masquer les autres éléments mais les modes de fusion permettent d'aller plus loin.

La description du comportement de chacun des modes est bien évidemment disponible dans le documentation. Difficile en quelques lignes de décrire de façon intelligible ces options même si certains s'y sont essayés comme par exemple dans cet article ou encore dans celui-ci.

Mon avis : le mieux reste de tester pour visualiser et enfin comprendre le comportement des différents modes.


Projet QGIS#

Logo QGIS

J'utilise ici la BD Topo® de l'IGN mais tu peux travailler avec d'autres sources, pourquoi pas te tourner vers OSMData et chopper 2 - 3 données sympas.

Pour ma part, ce sera un plan basé sur les classes :

  • batiment
  • voie_nommee
  • zone_de_vegetation
  • troncon_hydrographique
  • surface_hydrographique

La classe batiment est l'élément principal. Je colore cette couche en noir, c'est important pour la suite, et j'ajoute une bordure blanche pour distinguer les constructions les unes des autres.

Les voie_nommee sont quant à elles colorées en gris et étiquetées.

Les zone_de_vegetation et surface_hydrographique sont respectivement vertes et bleues (si si ! c'est vrai !).

La classe troncon_hydrographique est simplement utilisée pour l'étiquetage des surfaces hydrographiques.

Aperçu du projet QGIS


Mise en page#

Tu as probablement reconnu le Jardin des Tuileries et le Louvre sur l'image précédente. On va essayer de faire une affichcarto, ou cartaffiche si tu préfères, pour le plus célèbre des musées parisiens.

Quand le fond...#

Pour cette mise en page carrée de 50 cm de côté, je ne vais pas commencer par l'objet Carte.

Je construis à la place une sorte de fond de mise en forme avec :

  • une bordure bien épaisse grâce à un objet Rectangle,
  • deux objets Etiquette en guise de titre et sous-titre,
  • et deux objets Polygone placés de sorte à rappeler le premier symbole du Louvre : la Pyramide.

Fond de mise en page

...fait la forme !#

C'est à cette étape qu'on va ajouter l'objet Carte, mais avant ça, parlons un peu du mode de fusion Addition.

Comme son nom l'indique, le mode Addition additionne les couleurs, et là tu te dis "Ah ok, donc jaune et bleu ça fait vert !!!" et bien pas du tout.

La somme est réalisée sur les 3 composantes des codes RGB. Ainsi, l'addition de deux couleurs #UUVVWW et #XXYYZZ donne #(UU+XX)(VV+YY)(WW+ZZ).

En RGB, le code hexa du jaune est #FFFF00 et celui du bleu est #0000FF. La somme de #FFFF00 et #0000FF est égale à #FFFFFF soit le blanc.

En image, voilà ce que donne le croisement du rouge (#FF0000), du vert (#00FF00) et du bleu (#0000FF).

Comportement du mode de fusion Addition

On retrouve bien le jaune (#FFFF00) au croisement du rouge et du vert (#FF0000 + #00FF00). Au centre, le croisement des trois couleurs (#FF0000 + #00FF00 + #0000FF) donne le blanc (#FFFFFF).

De fait, n'importe quelle couleur additionnée à du blanc donne du blanc...parce que plus blanc que blanc on ne sait toujours pas ce que c'est. Inversement, n'importe quelle couleur avec du noir (#000000) donne la couleur elle-même. Tu commences à comprendre pourquoi le choix du noir à l'étape qui précède ?

J'ajoute la carte et fixe son rendu à Addition et là ... magie ! On vient de transformer le fond en forme.

Plan en mode Addition

Note

La police d'écriture de l'étiquette "- PARIS -" est trop fine et illisible si elle s'additionne avec la carte. Comme vu plus haut, le mode de fusion définit le comportement d'un objet avec ce qu'il y a en dessous. En plaçant "- PARIS -" au-dessus, j'évite la fusion.

LE portrait#

A cette étape, pour faire honneur aux travaux d'Ed Fairburn, on ne va pas utiliser un portrait mais LE portrait, celui de Mona Lisa.

Par contre, on va cette fois opter pour le mode Éclaircir qui conserve sur chacune des composantes RGB celle qui a la plus grande valeur. Avec ce rendu, l'assemblage des couleurs #UUVVWW et #XXYYZZ donne #max(UU,XX)max(VV,YY)max(WW,ZZ)

Comme pour Addition, avec le mode Éclaircir couleur + blanc = blanc et couleur + noir = couleur, mais le résultat est différent sur les valeurs intermédiaires, la preuve en image.

Comportement du mode de fusion Eclaircir

On voit que le mode Addition tend plus rapidement vers le blanc. Pour l'ajout du portrait, il donnerait une sensation de brûlage/surexposition de la Joconde.

Le mode Éclaircir permet de remplacer le noir des bâtiments par le visage de Mona Lisa et d'avoir un mélange plus fondu sur les zones de végétation, les surfaces hydrographiques et les voies nommées.

La Joconde en mode Eclaircir

"Rue de Rivoli" Touch#

Je ne suis vraiment pas fier de cette dernière étape mais c'est là encore pour aller dans le sens d'Ed Fairburn qui met parfois en lumière certaines rues dans ses dessins. En plus GéoTribu me rémunère au nombre de mots donc bon...

Le musée du Louvre étant Rue de Rivoli, j'ajoute simplement une ligne rouge/blanche au premier plan et une étiquette. Par défaut en mode de fusion Normal, ces deux nouveaux éléments masquent ce qu'il y a en-dessous.

On voit ici que la superposition des modes est possible à l'infini...enfin l'infini, disons que c'est possible tant que ta machine et QGIS sont capables de calculer les fusions à l'affichage.

Mise en avant de la rue de Rivoli


Et voilà le travail#

Nous avons terminé notre portrait de la Joconde façon Ed Fairburn.

Nous avons utilisé pour cela deux des modes de fusion proposés par QGIS, mais comme tu as pu le voir dans la documentation, il y en a bien plus. Il existe notamment Soustraire et Assombrir qui sont les exacts opposés des modesAddition et Éclaircir que nous avons vus. Pour le reste, il te faudra tester...

Tiens, et si on demandait à DALL.E de nous générer le "portrait de la Joconde dans un plan de Paris en forme de pyramide" ?

La Joconde par DALL.E - version 1

La Joconde par DALL.E - version 2

Je ne sais pas toi mais perso je préfère notre version QGIS. En vrai, on doit pouvoir faire mieux avec des couleurs moins flashys et peut-être aussi quelques dégradés en lieu et place du noir brut pour les fusions.

Le but de l'article est surtout de comprendre le principe et de montrer qu'on peut déjà pas mal s'amuser avec le seul composeur d'impression.

La Joconde façon Ed Fairburn

Dans le détail, on voit bien comment le portrait est fusionné avec les zones de végétation et les surfaces hydrographiques.

Détails de la fusion

Et alors que je m'apprête à mettre un point final à cet article, un relecteur que nous nommerons G-DOPenIG pour ne pas briser son anonymat me propose de, je cite, te "renvoyer à la différence entre synthèse additive (RVB, écran) et soustractive (CMJN, imprimerie)", preuve irréfutable qu'il en connait plus que moi sur le sujet. Cet anonyme nous propose cette page explicative pour en savoir plus.

Allé, à toi de jouer maintenant !


Auteur·ice#

Michaël GALIEN#

Portrait Michaël GALIEN

Diplômé de Polytech'Montpellier, spécialité Informatique & Gestion, je débute ma carrière dans l'édition de logiciels. En qualité d'ingénieur-développement, je travaille sur différents projets en .NET pour le compte d'un éditeur spécialisé en Lecture et Reconnaissance Automatique de Documents (LAD/RAD).

En 2013, j'intègre le département du Gard et commence à utiliser le SIg. Je crois alors que la géomatique consiste à empiler des SHP dans ArcGIS pour faire des cartes. Et puis je découvre PostGIS, l'extension géographique de PostgreSQL avec lequel j'avais déjà travaillé dans le privé. Depuis, je profite de mes compétences techniques pour développer le SIg du Gard sur les thématiques routes et bâtiments. Au passage, j'essaie de mettre en Open Source les travaux que je pense être réutilisables et/ou adaptables.

Compte Twitter : @Tetranos

Commentaires

Afin de favoriser les échanges constructifs, merci de préférer le pseudonymat à l'anonymat. Pour rappel, l'adresse mail n'est pas exposée publiquement et sert principalement aux notifications de réponse. Les commentaires sont automatiquement republiés sur nos réseaux sociaux pour favoriser la discussion. Consulter la page sur la confidentialité et les données personnelles.
Une version minimale de la syntaxe markdown est acceptée pour la mise en forme des commentaires.
Propulsé par Isso.

Ce contenu est sous licence Creative Commons BY-NC-SA 4.0 International Pictogramme Creative Commons Pictogramme Creative Commons BY Pictogramme Creative Commons NC Pictogramme Creative Commons SA