Textes et formes remplis d'un dégradé

Un gros titre en dégradé, c'est fait pour une affiche, une couverture, une page de garde — et la façon habituelle d'en obtenir un est de le fabriquer dans un logiciel de dessin et d'en déposer l'image. Le texte cesse alors d'être du texte : on ne peut plus le chercher, on ne peut plus le copier, et on ne peut plus le traduire sans repasser par celui qui l'a fabriqué.

Ici, les lettres restent des lettres : on peut les chercher, les copier et les traduire, et le dégradé se voit quand même au travers. Le dégradé est fixé à la page, et chaque lettre est une fenêtre sur la partie qui se trouve derrière elle. C'est pourquoi le mot se lit d'un seul mouvement d'un bout à l'autre, au lieu du même petit mouvement répété dans chaque lettre — ce que donne un logiciel de dessin, et ce qui fait paraître un titre bon marché. Une forme est servie de la même façon : le panneau ci-dessous est rempli d'un dégradé en cercle, et c'est toujours une forme, pas l'image d'une forme.

Ce que montre cet exemple

  • Un dégradé employé comme couleur de remplissage, au lieu d'être peint directement.
  • Du texte dont les glyphes laissent voir le dégradé derrière eux.
  • Le dégradé ancré dans la page, pour qu'il traverse tout le mot.

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

Textes et formes remplis d'un dégradé, première page

Optimisé, ce document pèse 10.6 ko — au moins 90 % 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.

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