Créer un fond dégradé avec du grain

Pourquoi le dégradé granuleux est partout

Pochettes d’album, affiches de festival, fonds de site, stories de marque : le dégradé avec du grain, souvent appelé grainy gradient, a remplacé le dégradé lisse des années 2010. Il plaît pour trois raisons :

• Il a de la matière. Le grain évoque le papier, l’impression ou la pellicule, et donne à un visuel numérique un aspect plus chaleureux, presque tactile.
• Il cache les « escaliers ». Un dégradé lisse s’affiche souvent avec des bandes visibles, surtout après la compression des réseaux sociaux. Le grain brouille ces paliers et rend la transition continue à l’œil.
• Il se marie avec tout. Un fond granuleux reste discret derrière un titre, une photo détourée ou un produit, tout en évitant l’aplat plat et froid.

1. Choisir les couleurs

Un beau dégradé commence par une palette courte. Trois à cinq couleurs suffisent ; au-delà, l’ensemble devient vite confus.

• Des couleurs voisines (rose, orange, jaune pâle) donnent un dégradé doux, facile à placer derrière du texte.
• Une couleur sombre parmi les claires crée de la profondeur, comme une ombre ou un ciel de nuit.
• Attention aux couleurs opposées (bleu et orange, vert et rose) : mélangées de façon classique, elles passent par une zone grise et terne au milieu. L’outil Dégradé mélange les couleurs dans un espace pensé pour l’œil (OKLab), qui garde des transitions lumineuses même entre couleurs éloignées.

Pour construire la palette elle-même, la méthode est détaillée dans notre guide pour créer une palette de couleurs harmonieuse.

2. Donner une forme au dégradé

Le dégradé linéaire, d’un bord à l’autre, paraît vite banal. Un dégradé « mesh », à plusieurs points de couleur qui se mélangent dans toutes les directions, est plus organique :

• Placez les couleurs vives près des bords et les teintes claires vers le centre si un texte doit s’y poser.
• Ajoutez un peu d’ondulation pour un effet de tissu ou de fumée, et un léger tourbillon pour casser la symétrie. Un peu suffit : poussé trop loin, le dégradé ressemble à un fond d’écran psychédélique.
• Réglez la netteté des zones : douce pour un fond flou et vaporeux, plus franche pour des taches de couleur bien dessinées.

Dans l’outil Dégradé, les points se déplacent directement sur l’aperçu, et la barre d’espace tire un nouveau dégradé au hasard quand on manque d’idées.

3. Doser le grain

C’est le grain qui fait tout le style. Quelques règles pour qu’il reste élégant :

• Commencez discret, autour de 15 à 25 %, puis augmentez. Un grain fort convient à une affiche ou une pochette ; derrière un texte long, restez léger.
• Un grain plus visible dans les tons moyens que dans les noirs profonds et les blancs purs paraît naturel, comme sur une pellicule. Un bruit uniforme posé par-dessus fait plus « filtre ».
• Adaptez la taille du grain à l’usage : très fin pour un écran de téléphone, un peu plus gros pour une vidéo, car la compression lisse les détails les plus fins.
• Jugez-le en taille réelle, pas sur une vignette : le grain disparaît en petit et ressort une fois l’image affichée en grand.

4. Aller plus loin que le dégradé simple

Le dégradé granuleux a plusieurs cousins, tout aussi recherchés :

• Les silhouettes floutées en bandes de couleur : des formes floues découpées en paliers nets, avec grain et tramage. C’est le style « Foule » de l’outil Fond, qui ajoute aussi un vignettage et un tramage façon impression.
• Le papier marbré et les courbes de niveau, pour un fond plus graphique mais toujours texturé (styles « Marbre » et « Terrain » de Fond).
• Le relief irisé : le rendu « Relief 3D » de Dégradé transforme les couleurs en un volume lisse traversé d’un reflet arc-en-ciel, très proche des visuels holographiques.

5. Exporter sans abîmer le grain

• Pour une image fixe, préférez le PNG. Le JPEG compresse justement les petits détails comme le grain, et fait réapparaître les bandes qu’il devait cacher.
• Pour un fond animé, exportez en MP4 : le grain bouge d’une image à l’autre, comme sur un film, au lieu de rester figé comme une vitre sale.
• Pour un fichier éditable dans Illustrator, passez Dégradé en rendu « Vectoriel » : le SVG contient de vrais dégradés modifiables, sans grain. Ajoutez la texture ensuite dans votre logiciel, ou utilisez Fond, qui peut inclure le grain dans le SVG sous forme d’image.
• Choisissez le bon format dès le départ (carré, portrait, story) pour que le réseau social ne recadre pas votre dégradé : les dimensions sont dans notre guide des tailles d’images pour les réseaux sociaux.

Les erreurs qui gâchent un dégradé granuleux

• Trop de couleurs : au-delà de cinq, le dégradé perd son caractère et ressemble à une tache.
• Un grain trop gros sur un petit format : sur un avatar ou une miniature, il se transforme en bruit sale.
• Un texte posé sur la zone la plus contrastée : placez vos titres sur une partie calme et claire (ou sombre) du dégradé, pas à la frontière entre deux couleurs fortes.
• Une photo bruitée, puis du grain par-dessus : si vous ajoutez du grain à une photo, partez d’une image propre. L’outil Grain applique un grain fin et d’autres textures rétro à vos propres images.