Une couleur, vue à travers quatre pochoirs

Une photo qui s'efface doucement vers le bas d'une page de couverture. Un bandeau dont les bords s'assombrissent. Un mot découpé dans un bloc de couleur, comme un pochoir découpe une forme dans du carton. Ces trois effets se fabriquent d'habitude dans un logiciel de dessin, puis se collent en image — et une image pèse lourd, laisse voir où elle s'arrête à l'impression, et il faut la refaire entièrement le jour où la couleur change. Ici, ils sont dessinés dans le document : le même bloc de couleur, montré quatre fois, vu à travers quatre pochoirs différents.

Le premier pochoir s'efface d'un côté à l'autre, ce dont a besoin une photo qui doit passer sous un titre sans qu'on voie où elle s'arrête. Le deuxième est clair au milieu et sombre sur les bords, et c'est comme ça qu'on retient l'œil sur le visage d'une image. Le troisième est découpé dans deux mots, si bien que la couleur n'apparaît qu'à l'intérieur des lettres — un titre prend la couleur de ce qu'il y a derrière, et aucune image n'est collée dedans. Le quatrième se lit non pas au clair et au foncé mais à la transparence du pochoir lui-même, ce qui permet à une chose déjà dessinée de devenir le pochoir de la suivante. Sous les quatre court un bandeau qui s'efface, avec une étiquette peinte pleine par-dessus : le pochoir s'arrête là où vous dites qu'il s'arrête.

Ce que montre cet exemple

  • Le même bloc de couleur quatre fois, et rien qui change que le pochoir posé dessus.
  • Un fondu et un bord assombri, tous les deux découpés dans un dégradé.
  • Deux mots découpés net dans un bloc de couleur, sans aucune image dedans.

Le code source complet

Rien n'est omis et rien n'est simplifié : c'est le programme exactement tel qu'il tourne, pour le développeur qui utilise cette bibliothèque. La troisième est la description elle-même : une simple liste de ce que la page doit dire, et c'est elle qu'on envoie au service.

Voir le code Rust Voir le code Python Voir le code JSON

Le document lui-même

Ouvrir le document en anglais Ouvrir le document en français

Une couleur, vue à travers quatre pochoirs, première page

Optimisé, ce document pèse 16.4 ko — au moins 85 % de moins que ce qu'écriraient la plupart des générateurs de PDF

Le document est plus léger qu'avant, et chaque page a exactement le même aspect. Voir la ligne de ce document dans le tableau de tous les exemples.

Des exemples voisins de celui-ci

Découper ce qu'on dessine

La même zone de rayures vue par deux fenêtres : un disque plein, et un anneau dont le milieu reste nu.

Transparence et modes de fusion

Des zones de couleur à moitié transparentes qui se chevauchent, un carré orange mis sur une barre bleue de quatre façons de mélanger les couleurs, et une ligne de lettres qui se chevauchent, peinte de deux façons.

Dégradés en ligne droite, en cercle, et une couleur lue dans une fonction

Cinq panneaux : un bandeau dont la couleur s'éteint, le même fondu posé en diagonale, une lueur prolongée au-delà de son cercle pour que les coins se remplissent, un dégradé qui passe par une troisième couleur, et un damier dont la couleur se calcule à partir de l'endroit où se tient chaque point, plus rouge vers la droite et plus vert vers le haut.

Textes et formes remplis d'un dégradé

Un dégradé employé comme couleur de remplissage : un titre dont les lettres sont autant de fenêtres sur un dégradé à trois couleurs, et un panneau rempli d'un dégradé en cercle.

Quatre sortes de maillages, une couleur à chaque sommet

Six triangles autour d'un centre qu'ils partagent, leurs arêtes tracées par-dessus la couleur ; un treillis de points dans les quatre encres d'imprimerie ; un carreau dont les quatre côtés sont des courbes ; et le même carreau, dont quatre points intérieurs tirent les couleurs.

Tous les exemples, par sujet