Dégradé Photoshop : tutoriel et modèles à télécharger

Un dégradé sur Photoshop est un effet de fondu entre deux (ou plusieurs) couleurs. On peut également créer un dégradé « transparent », c’est à dire un fondu transparent vers une couleur. Voyons ensemble comment créer un dégradé grâce à l’outil dédié ou utiliser un modèle existant, au travers de ce cours en ligne Photoshop.

Les différents types de dégradé sur Photoshop

Il existe plusieurs types de dégradé sur Adobe Photoshop. Chacun aura un effet différent, que nous allons voir ensemble.

Dégradé linéaire

Le dégradé linéaire consiste à fondre plusieurs couleurs sur une « ligne droite », horizontale, verticale ou diagonale. Voici un exemple.

Dégradé radial

Avec le dégradé radial, le fondu se présente sous forme d’ellipse. Une première couleur est appliquée au centre puis une seconde autour du cercle. Voici un exemple.

Dégradé incliné

Le dégradé incliné (ou angle) va fondre les couleurs à 360° et finir avec une ligne sans fondu. Tu comprendras mieux avec cet exemple.

Dégradé réfléchi

Le dégradé réfléchi ressemble au dégradé linéaire, à la différence que l’une des deux couleurs va se placer avant et après l’autre couleur.

Dégradé en losange

Ce dernier dégradé reprend le principe du dégradé radial mais c’est un losange qui se forme avec la première couleur au centre.

Comment faire un dégradé sur Photoshop ?

Maintenant que nous avons vu les différents types de dégradé sur Photoshop, nous allons voir comment les créer. Il y a deux manières de le faire, le rendu sera différent pour chacun.

Avec l’outil dégradé

La manière la plus simple de créer un dégradé sur Photoshop est d’utiliser l’outil Dégradé, qui se trouve dans la barre d’outils à gauche (ou tu peux utiliser le raccourci Photoshop « G »).

Tout d’abord, tu dois sélectionner ton calque (Calque 0 si tu viens de créer un document) ou en créer un nouveau (bouton « + » dans le panneau « Calques »).

Ensuite, il suffit de cliquer sur l’outil Dégradé (ou touche G) puis de suivre les étapes suivantes :

1. Choisir un dégradé parmi ceux proposés ;
2. Sélectionner le type de dégradé (radial, linéaire, etc.) ;
3. Garder activé « Normal » dans Mode ;
4. Choisir une opacité de 100% ;
5. Cliquer sur un endroit de l’image puis, en gardant la souris enfoncée, tracé un trait vers la direction souhaitée

Voici un exemple de ce qu’on obtient avec un dégradé linéaire (et les configurations indiquées ci-dessus) :

Quelques précisions concernant cet outil dégradé :

• Plus ton trait sera long et plus il y aura un effet « fondu » ;
• A l’inverse, plus il sera petit et plus la transition entre les couleurs sera nette ;
• Si tu cliques sur « Inversé », l’ordre des couleurs sera inversé ;
• L’orientation de ton trait définit l’orientation du dégradé ;
• Pour tracer une ligne droite de 45°, maintenir la touche « MAJ » (Shift) ;
• Le dégradé s’appliquera toujours sur l’entièreté du calque.

Bon à savoir : je te conseille de créer ton dégradé sur un calque à part, afin de pouvoir le modifier ou le supprimer plus tard. En effet, si tu ajoutes d’autres éléments sur ce même calque, tu supprimeras tout si tu souhaites simplement enlever le dégradé.

Avec l’outil fond de dégradé

Personnellement, je n’utilise que cette technique pour créer un dégradé sur Photoshop. Je la trouve bien plus simple, personnalisable et on peut le modifier ou le supprimer n’importe quand.

Dans le panneau « Calques » (F7 pour l’afficher si besoin), clique sur l’icône « Créer un calque de remplissage ou de réglage » (rond noir et blanc) puis choisis « Dégradé… ».

Un nouveau calque de réglage se crée. Tu peux alors choisir ton dégradé, le style (linéaire, radial, etc.), l’angle (remplace le fait de tracer un trait) et cliquer sur « OK ».

Une fois que ton dégradé est créé, tu peux le modifier à ta guise en double-cliquant sur la vignette du calque. Tu peux aussi masquer une partie de ce dégradé en cliquant sur le masque de fusion (fond blanc à droite) puis en remplissant de noir les zones à masquer (à l’aide du pinceau par exemple). Voilà ce que ça peut donner :

Les réglages d’un dégradé

On retrouve plusieurs autres réglages lorsqu’on crée un dégradé sur Photoshop :

• L’échelle : c’est la « grandeur » du dégradé sur le calque (plus la valeur est petite et plus la transition sera nette) ;
• Simuler : pour éviter au maximum un effet de « bandes » dans le dégradé, sélectionner cette case ;
• Mode : il s’agit du mode de fusion du calque ou du dégradé, c’est à dire comment il s’affiche par rapport au reste des éléments. Par exemple, si tu choisis « Produit » et qu’une image se trouve dans un calque inférieur, l’image sera de nouveau visible et le dégradé sera intégré à l’image, de façon plus sombre ;
• Opacité : c’est le degré de transparence du dégradé (au global). Plus la valeur est haute et moins le dégradé sera transparent.

Comment créer un dégradé personnalisé ?

Nous avons vu comment créer un dégradé à partir d’un modèle existant, proposé par Adobe. Mais bien sûr, tu peux aussi créer de A à Z ton propre dégradé avec les couleurs que tu souhaites.

Trouver l’outil de création

Pour cela, deux chemins possibles :

1. Avec l’outil dégradé, cliquer sur la petite flèche à droite du visuel du dégradé, puis cliquer sur la roue et « Nouveau dégradé prédéfini » ;
2. Avec le fond en dégradé, double-cliquer sur la vignette de réglage puis sur la flèche et « Nouveau dégradé prédéfini ».

Suivre les étapes pour créer son dégradé

Il suffit ensuite de suivre ces étapes :

1. Choisir un nom pour son dégradé ;
2. Dans « Lissage », faire glisser le curseur si besoin (plus la valeur est haute et plus la transition se fera de façon progressive) ;
3. Cliquer sur le curseur en bas à gauche puis sur « Couleur ». Choisir une couleur dans la palette ou indiquer un code. Terminer par « OK » ;
4. Faire la même chose avec le curseur en bas à droite ;
5. Cliquer sur le bouton « Nouveau » puis sur « OK ».

Tu peux ensuite définir les réglages que tu souhaites, comme on l’a déjà vu plus tôt.

Ajouter d’autres couleurs

Si tu souhaites ajouter des couleurs supplémentaires, il suffit de cliquer n’importe où en-dessous du dégradé (une icône main apparaît). Tu peux ensuite déplacer le curseur pour le positionner où tu le souhaites.

Supprimer une couleur

Si finalement tu ne veux plus de cette troisième couleur, il te suffit de faire glisser le curseur vers le bas. Enfin, l’icône du losange permet de déplacer le fondu entre chaque couleur.

Comment faire un dégradé transparent ?

Tu souhaites faire un dégradé transparent ? C’est à dire une transition entre du transparent et une couleur ? Voyons comment faire.

Que tu veuilles modifier un dégradé existant ou en créer un nouveau, cela n’a pas d’importance. Il faudra aller dans le même panneau que celui présenté précédemment (« Éditeur de dégradé »).

Lorsque tu choisis ta couleur, il suffit de cliquer sur le curseur juste au-dessus pour régler la transparence, autrement dit l’opacité. Plus tu places le curseur sur une valeur basse et plus ta couleur sera transparente.

Un damier de transparence apparaîtra d’ailleurs. Si tu mets la valeur à 0%, la première couleur sera invisible et tu auras un dégradé transparent vers une couleur.

Si tu ajoutes une couleur intermédiaire et que tu veux régler la transparence, il faut cliquer au-dessus du dégradé pour ajouter un curseur d’opacité.

Télécharger un modèle de dégradé Photoshop

Pour finir, voici plusieurs dégradés que j’ai créés sur Photoshop et que tu peux télécharger pour les utiliser dans tes créations.

Une fois le fichier téléchargé, il ne te reste qu’à aller dans la mollette (pour créer un dégradé) et choisir « Importer les dégradés ». Tu pourras bien sûr les modifier à ta guise.

Tu sais maintenant tout des dégradés sur Photoshop, il n’y a plus qu’à t’exercer ! Si tu as des questions, n’hésite pas à les poser en commentaire.

Télécharge 14 différents dégradés gratuits à utiliser dans tes créations (dont dégradés transparents) et à personnaliser selon tes envies :