# Dégradé Photoshop : outils, courbes de transfert et rendu lisse

[Canonical HTML page](https://gradiently.design/fr/guide/photoshop-gradient)

Photoshop propose quatre façons de créer un dégradé, chacune adaptée à un usage différent. Voici laquelle choisir, comment fonctionne vraiment l’éditeur, et les habitudes qui gardent un fondu sans rayures.

## The short version

- Photoshop crée des dégradés de quatre façons : l’outil Dégradé, un calque de remplissage Dégradé, un réglage Courbe de transfert de dégradé et le style de calque Incrustation en dégradé.
- Le mode dynamique de l’outil Dégradé crée un calque de remplissage modifiable dont on peut déplacer les points de couleur sur le canevas, tandis que le mode Classique peint des pixels sur le calque actif.
- Photoshop propose cinq formes de dégradé : Linéaire, Radial, Incliné, Réfléchi et Losange.
- Une courbe de transfert de dégradé recolore une image selon ses tons, en envoyant les pixels les plus sombres vers le point de gauche et les plus clairs vers celui de droite.
- L’option Simuler, un document en 16 bits et un peu de bruit monochromatique sont les moyens les plus fiables d’éviter l’effet de bandes dans un dégradé Photoshop.

Un **dégradé Photoshop** se crée avec l’outil Dégradé (touche G), un calque de remplissage Dégradé, un réglage Courbe de transfert de dégradé ou un style Incrustation en dégradé. Pour la plupart des travaux, utilisez l’outil en mode dynamique pour que le fondu reste sur son propre calque modifiable, choisissez la méthode Perceptive, laissez Simuler coché et passez en 16 bits par couche quand le dégradé est sombre ou subtil. Ces habitudes font toute la différence entre un balayage de couleur net et un dégradé rayé.

## Quatre façons de créer un dégradé dans Photoshop

On prend souvent l’outil Dégradé pour tout, avant de se demander pourquoi on ne peut plus changer les couleurs. Chaque méthode a son rôle, et choisir la bonne dès le départ évite de tout reconstruire.

| Méthode | Où la trouver | Idéale pour |
| --- | --- | --- |
| Outil Dégradé | Barre d’outils, raccourci G | Faire glisser un fondu sur un calque ou une sélection |
| Calque de remplissage Dégradé | Calque › Nouveau calque de remplissage › Dégradé | Les fonds que vous continuerez d’ajuster |
| Courbe de transfert de dégradé | Calque › Nouveau calque de réglage › Courbe de transfert de dégradé | Recolorer une photo selon ses tons clairs et foncés |
| Incrustation en dégradé | Style de calque (le bouton fx) | De la couleur sur le texte et les formes qui reste modifiable |

Les quatre méthodes de dégradé de Photoshop et ce que chacune fait de mieux. Calques de remplissage, courbes de transfert et incrustations sont tous non destructifs.

## Utiliser l’outil Dégradé

1. **Prenez l’outil** Appuyez sur G. L’outil Dégradé partage son emplacement avec le Pot de peinture : appuyez sur Maj+G si c’est le pot qui apparaît.
2. **Choisissez dynamique ou classique** Dans les versions actuelles, la barre d’options propose **Dégradé**, qui crée un calque de remplissage en dégradé modifiable avec des poignées sur le canevas, et **Dégradé classique**, qui peint des pixels sur le calque actif. Choisissez le mode dynamique sauf si vous peignez volontairement dans un masque.
3. **Choisissez les couleurs** Cliquez sur l’aperçu du dégradé dans la barre d’options, ou ouvrez Fenêtre › Dégradés pour parcourir les paramètres prédéfinis rangés en dossiers. Réglez d’abord vos couleurs de premier plan et d’arrière-plan si vous voulez le fondu à deux couleurs le plus simple.
4. **Choisissez une forme** Linéaire, Radial, Incliné, Réfléchi ou Losange. La section suivante montre l’effet de chacune.
5. **Faites glisser sur le canevas** Le début du tracé correspond au premier point de couleur et la fin au dernier. Maintenez Maj pour contraindre l’angle par pas de 45 degrés. En mode dynamique, vous pouvez déplacer les points et le milieu ensuite.
6. **Réglez la méthode et l’option Simuler** Choisissez **Perceptive** pour des fondus réguliers entre couleurs saturées, et gardez **Simuler** activé. Classique reproduit l’ancien comportement, qui peut paraître terne au milieu.

## Les cinq formes de dégradé dans Photoshop

Le Linéaire est la bête de somme des fonds. Le Radial crée une flaque de lumière, le moyen le plus rapide de donner de la profondeur à un fond plat. L’Incliné fait tourner la couleur autour d’un point central comme une aiguille d’horloge. Le Réfléchi duplique en miroir un fondu linéaire depuis le centre vers l’extérieur, idéal pour les horizons et les barres de lumière. Le Losange diffuse la couleur en carré, et c’est celui que vous utiliserez le moins.

- Linéaire: `linear-gradient(90deg, #1e1b4b 0%, #7c3aed 50%, #f9a8d4 100%)`
- Radial: `radial-gradient(circle at 50% 50%, #fde68a 0%, #f97316 40%, #431407 100%)`
- Incliné: `conic-gradient(from 0deg at 50% 50%, #0ea5e9, #6366f1, #ec4899, #0ea5e9)`
- Réfléchi: `linear-gradient(90deg, #0f172a 0%, #14b8a6 50%, #0f172a 100%)`

Quatre des cinq formes de Photoshop, recréées en CSS pour que vous puissiez les copier pour le web. Incliné correspond à un dégradé conique ; Losange n’a pas d’équivalent CSS direct.

## Travailler dans l’Éditeur de dégradé

Double-cliquez sur l’aperçu dans la barre d’options, ou sur le dégradé dans la boîte de dialogue d’un calque de remplissage, pour ouvrir l’éditeur. Les points de couleur se trouvent sous la barre et les points d’opacité au-dessus. Cliquez sous la barre pour ajouter un point, faites-en glisser un hors de la barre pour le supprimer, et déplacez le petit losange entre deux points pour décaler le milieu de leur fondu. Le champ Position permet de saisir des emplacements exacts, ce qui compte quand une série de dégradés doit concorder.

Trois à cinq points donnent généralement un rendu plus riche que deux : un ton d’ombre, une couleur principale, un éclaircissement et peut-être un accent. Gardez les points voisins apparentés, car des couleurs opposées côte à côte passent par le gris, comme l’explique [les dégradés ternes](https://gradiently.design/fr/guide/muddy-gradients). Le menu Type de dégradé de l’éditeur propose aussi **Bruit**, qui génère des bandes de couleur aléatoires ; utile pour expérimenter des textures, rarement pour le travail de marque.

> **Fondez vers la transparence, pas vers le blanc** Pour laisser apparaître une image, réglez le dernier point d’opacité sur 0 % au lieu de choisir du blanc. Le paramètre prédéfini Premier plan vers transparent fait exactement cela, et garde le calque inférieur visible au lieu de le délaver.

## Les courbes de transfert de dégradé pour les photos

Une Courbe de transfert de dégradé ignore les couleurs de la photo et ne lit que ses tons. Les pixels les plus sombres prennent le point de gauche, les plus clairs celui de droite, et tout le reste suit la barre. Avec deux points, vous obtenez un duotone classique ; avec trois, vous pouvez refroidir les ombres et réchauffer les hautes lumières. Réglez le mode de fusion du calque de réglage sur Couleur ou Lumière tamisée et baissez son opacité pour un rendu plus doux. [La courbe de transfert de dégradé](https://gradiently.design/fr/guide/gradient-map) et [l’effet duotone](https://gradiently.design/fr/guide/duotone-effect) vont plus loin.

Courbe indigo, rose et beurre: `linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)`

Une courbe à trois points : les ombres deviennent indigo, les tons moyens rose, les hautes lumières jaune beurre pâle. Chargez-les comme points d’un calque Courbe de transfert de dégradé.

## Éviter l’effet de bandes dans un dégradé Photoshop

L’effet de bandes, ou banding, ce sont des paliers visibles là où un fondu devrait être lisse. Il est pire dans les dégradés sombres et peu contrastés étirés sur un grand canevas, car un fichier 8 bits n’a qu’un nombre limité de niveaux entre deux couleurs proches. L’explication complète se trouve dans [le banding des dégradés](https://gradiently.design/fr/guide/gradient-banding).

### Crée des bandes

- Un document 8 bits pour un fondu sombre et subtil
- L’option Simuler désactivée
- Deux points proches étirés sur 4 000 px
- Une forte compression JPEG à l’export
- La méthode Classique entre des couleurs opposées fortes

### Garde le rendu lisse

- Image › Mode › 16 bits/couche pendant le travail
- Simuler coché dans l’outil ou la boîte de dialogue du remplissage
- Un point intermédiaire, ou la méthode Perceptive
- Du PNG, ou du JPEG en haute qualité
- 1 à 3 % de bruit monochromatique sur un calque gris en Incrustation

Le calque de bruit mérite une explication. Remplissez un nouveau calque de gris à 50 %, passez-le en mode Incrustation pour que le gris disparaisse, puis appliquez Filtre › Bruit › Ajout de bruit avec Gaussienne et Monochromatique cochés. Ce grain fin casse les paliers, résiste mieux à la compression qu’un fondu lisse et donne au dégradé l’aspect d’une surface. [Les dégradés granuleux](https://gradiently.design/fr/guide/grainy-gradients) montre ce rendu.

Une publication sociale en portrait sur un dégradé sombre et lisse avec une courte astuce sur l’option Simuler et le bruit

Un fondu sombre comme celui-ci est exactement là où apparaît le banding. Simuler et un léger grain le gardent lisse sur tous les écrans.

## Des dégradés sur le texte et les formes

Pour un texte que vous voulez garder modifiable, ajoutez une Incrustation en dégradé depuis le menu fx. Laissez Aligner sur le calque coché pour que le fondu couvre les mots plutôt que tout le canevas, et ajustez Échelle et Angle jusqu’à ce que le changement de couleur tombe où vous le voulez. L’autre option est un calque de remplissage en dégradé placé au-dessus du texte et écrêté sur lui en maintenant Alt (Option sur Mac) et en cliquant sur la ligne entre les deux calques. Quand les mots sont posés sur un dégradé au lieu d’en être remplis, lisez [le texte sur un dégradé](https://gradiently.design/fr/guide/text-on-gradient) pour qu’ils restent lisibles.

## Quand une image devient dix formats

Photoshop excelle pour une image unique, soigneusement finie. Il devient lent quand le même fond doit devenir une publication, une story, une bannière et une miniature, car chaque recadrage déplace la zone la plus claire et chaque canevas demande de redessiner le dégradé. Dans Gradiently, le fond est un Mark qui se rend à chaque taille dans laquelle vous créez, et sa zone la plus calme se place d’elle-même derrière vos mots, si bien qu’une story et une bannière naissent d’une seule création. [Un style, tous les formats](https://gradiently.design/fr/guide/one-look-every-size) explique comment.

## FAQ

### Où se trouve l’outil Dégradé dans Photoshop ?

Il partage un emplacement de la barre d’outils avec le Pot de peinture. Appuyez sur G pour le sélectionner, ou sur Maj+G pour passer de l’un à l’autre.

### Pourquoi mon dégradé Photoshop a-t-il des rayures ?

C’est l’effet de bandes, causé par trop peu de niveaux de couleur entre des tons proches. Travaillez en 16 bits par couche, gardez Simuler activé et ajoutez un peu de bruit monochromatique avant d’exporter.

### Comment faire un dégradé vers la transparence dans Photoshop ?

Utilisez le paramètre prédéfini Premier plan vers transparent, ou réglez le dernier point d’opacité de l’Éditeur de dégradé sur 0 %.

### Comment mettre un dégradé sur un texte dans Photoshop en le gardant modifiable ?

Ajoutez un style de calque Incrustation en dégradé avec Aligner sur le calque coché, ou écrêtez un calque de remplissage en dégradé sur le calque de texte.

### Quelle différence entre un dégradé et une courbe de transfert de dégradé dans Photoshop ?

Un dégradé peint une nouvelle couleur sur une zone. Une courbe de transfert de dégradé recolore une image existante selon ses tons, du plus sombre au plus clair.
