Dans ce didacticiel, nous allons apprendre à dessiner des dégradés dans Photoshop ! Il existe de nombreux endroits dans Photoshop où des dégradés sont utilisés. L'outil Dégradé, par exemple, nous permet de dessiner des dégradés sur des calques ou des sélections, ou sur des masques de calque pour créer des transitions fluides d'un calque à l'autre.
Nous pouvons remplir du texte et des formes avec des dégradés. Nous pouvons coloriser une photo en utilisant un ajustement d'image de carte de dégradé, ou ajouter des effets de couleur avec un style de couche de superposition de dégradé, et plus encore! Les dégradés sont inestimables dans Photoshop, et ils sont un excellent moyen d'ajouter plus d'intérêt et de vie à ce qui aurait été une image ou un design plat.
Dans ce didacticiel, nous aborderons les bases de la façon de dessiner des dégradés en utilisant la plus simple (et peut-être la plus utile) des fonctions liées au dégradé de Photoshop, l' outil Dégradé . Nous verrons d'autres façons d'appliquer des dégradés dans d'autres didacticiels, mais vous constaterez qu'ils fonctionnent tous essentiellement de la même manière, donc une fois que vous aurez appris les bases avec l'outil Dégradé, vous pourrez profiter de toutes les autres fonctionnalités de dégradé que Photoshop a à offrir!
En plus d'apprendre à dessiner des dégradés, nous verrons également comment sélectionner parmi les nombreux dégradés prédéfinis de Photoshop à l'aide du sélecteur de dégradés, y compris comment charger des jeux de dégradés supplémentaires inclus avec Photoshop. Nous examinerons différents styles de dégradé que nous pouvons dessiner et nous examinerons quelques-uns des dégradés les plus couramment utilisés, y compris celui qui peut être le plus utile de tous, le dégradé par défaut du premier plan au fond !
Une fois que nous aurons appris les bases de la création de dégradés, dans le prochain didacticiel, nous apprendrons comment modifier et enregistrer nos propres dégradés personnalisés à l'aide de l'éditeur de dégradés de Photoshop.
Je vais utiliser Photoshop CC ici, mais ce tutoriel est également entièrement compatible avec Photoshop CS6 . Commençons!
Dégradés de dessin dans Photoshop
Création d'un nouveau document
Commençons par créer un nouveau document Photoshop. Pour ce faire, je vais aller dans le menu Fichier dans la barre de menus en haut de l'écran et choisir Nouveau :
Allez dans Fichier> Nouveau.
Cela ouvre la boîte de dialogue Nouveau. Pour ce tutoriel, je vais définir la largeur de mon document à 1200 pixels et la hauteur à 800 pixels. Il n'y a aucune raison particulière pour laquelle j'utilise cette taille, donc si vous travaillez avec moi et que vous avez une taille différente à l'esprit, n'hésitez pas à l'utiliser. Je laisse la valeur de résolution définie à sa valeur par défaut de 72 pixels / pouce, et je m'assure que le contenu d'arrière-plan est défini sur Blanc . Je clique sur OK lorsque j'ai terminé pour fermer la boîte de dialogue, à quel point un nouveau document rempli de blanc apparaît à l'écran:
La boîte de dialogue Nouveau.
Sélection de l'outil Dégradé
L' outil Dégradé de Photoshop se trouve dans le panneau Outils à gauche de l'écran. Je vais le sélectionner en cliquant sur son icône. Vous pouvez également sélectionner l'outil Dégradé en appuyant simplement sur la lettre G de votre clavier:
Sélection de l'outil Dégradé dans le panneau Outils.
Le sélecteur de dégradé
Avec l'outil Dégradé sélectionné, la prochaine chose que nous devons faire est de choisir un dégradé, et il y a deux façons de le faire. La première consiste à ouvrir le sélecteur de dégradé de Photoshop; l'autre consiste à ouvrir l' éditeur de dégradé plus grand. La différence entre les deux est que le sélecteur de dégradé nous permet simplement de choisir parmi des dégradés prédéfinis prêts à l'emploi, tandis que l'éditeur de dégradé, comme son nom l'indique, est l'endroit où nous pouvons modifier et personnaliser nos propres dégradés. Pour ce didacticiel, nous nous concentrerons sur le sélecteur de dégradé lui-même. Nous apprendrons tout sur l'éditeur de dégradé dans le prochain didacticiel.
Lorsque vous souhaitez simplement choisir l'un des dégradés prédéfinis de Photoshop, ou celui que vous avez déjà créé par vous-même et enregistré en tant que préréglage personnalisé (encore une fois, nous apprendrons comment le faire dans le prochain didacticiel), cliquez sur le petit flèche à droite de la barre d'aperçu du dégradé dans la barre des options. Assurez-vous de cliquer sur la flèche elle-même, pas sur la barre d'aperçu (cliquer sur la barre d'aperçu ouvrira l'éditeur de dégradé et nous ne voulons pas y aller tout de suite):
Cliquez sur la flèche pour ouvrir le sélecteur de dégradé.
Cliquer sur la flèche ouvre le sélecteur de dégradé, avec des miniatures de tous les dégradés prédéfinis parmi lesquels nous pouvons choisir. Pour choisir un dégradé, cliquez sur sa vignette, puis appuyez sur Entrée (Win) / Retour (Mac) sur votre clavier, ou cliquez sur n'importe quel espace vide dans la barre des options, pour fermer le sélecteur de dégradé. Vous pouvez également double-cliquer sur la vignette, qui sélectionnera à la fois le dégradé et fermera le sélecteur de dégradé:
Le sélecteur de dégradé.
Chargement de plus de dégradés
Par défaut, seul un petit nombre de dégradés prédéfinis sont disponibles, mais Photoshop comprend d'autres ensembles de dégradés parmi lesquels nous pouvons choisir. Il suffit de les charger. Pour ce faire, cliquez sur l' icône d'engrenage en haut à droite:
Cliquez sur l'icône d'engrenage dans le sélecteur de dégradé.
Si vous regardez dans la moitié inférieure du menu qui apparaît, vous trouverez la liste des jeux de dégradés supplémentaires, chacun basé sur un thème spécifique, comme les harmonies de couleurs, les métaux, les pastels, etc. Si vous êtes photographe, les dégradés de densité neutre et de virage photographique sont particulièrement utiles:
Les autres ensembles de dégradés que nous pouvons choisir.
Pour charger l'un des ensembles, cliquez sur son nom dans la liste. J'ai cliqué sur l'ensemble Photographic Toning. Photoshop vous demandera si vous souhaitez remplacer les dégradés actuels par les nouveaux. Si vous cliquez sur Ajouter, plutôt que de remplacer les dégradés d'origine, il ajoutera simplement les nouveaux sous les originaux. Comme nous le verrons dans un instant, il est facile de restaurer les originaux, je vais donc cliquer sur OK pour les remplacer par le jeu de tons photographiques:
Cliquez sur OK pour remplacer les dégradés d'origine par le nouveau jeu.
Et maintenant, nous voyons dans le sélecteur de dégradé que les dégradés d'origine ont été remplacés par les dégradés de tonalité photographique. Pour en savoir plus sur l'ensemble Photographic Toning et comment l'utiliser, consultez notre tutoriel complet Photographic Toning Presets:
Les dégradés d'origine ont été remplacés par le nouvel ensemble.
Restauration des dégradés par défaut
Pour nous concentrer sur les bases, nous nous en tiendrons aux dégradés par défaut d'origine pour l'instant. Pour les restaurer, cliquez à nouveau sur l' icône d'engrenage dans le sélecteur de dégradé:
Cliquer sur l'icône d'engrenage.
Choisissez ensuite Réinitialiser les dégradés dans le menu:
Choisir "Réinitialiser les dégradés".
Photoshop vous demandera si vous souhaitez remplacer les dégradés actuels par les valeurs par défaut. Cliquez sur OK :
Remplacement des dégradés actuels par les valeurs par défaut.
Et maintenant, nous revenons aux originaux:
Les dégradés par défaut ont été restaurés.
Le premier plan au dégradé d'arrière-plan
Avant d'apprendre à dessiner des dégradés, examinons rapidement un dégradé en particulier - le dégradé du premier plan au fond . C'est celui que Photoshop sélectionne pour nous par défaut, mais vous pouvez également le sélectionner manuellement si vous en avez besoin en cliquant sur sa vignette (la première à gauche, rangée du haut):
Sélection du dégradé du premier plan au fond.
Comme vous l'avez peut-être deviné, le dégradé du premier plan au fond tire ses couleurs de vos couleurs de premier plan et de fond. Vous pouvez voir vos couleurs d'avant-plan et d'arrière-plan actuelles dans les échantillons de couleurs situés en bas du panneau Outils. L'échantillon en haut à gauche montre la couleur de premier plan et celui en bas à droite montre la couleur d' arrière - plan . Par défaut, la couleur de premier plan est définie sur noir et la couleur d'arrière-plan est définie sur blanc :
Les couleurs d'avant-plan (en haut à gauche) et d'arrière-plan (en bas à droite).
Puisqu'il est basé sur vos couleurs actuelles de premier plan et d'arrière-plan, le dégradé de premier plan à arrière-plan est le plus facile de tous les dégradés à personnaliser et celui qui s'avère souvent le plus utile. Utilisons-le pour nous aider à apprendre à dessiner un dégradé et, en cours de route, nous verrons à quel point il est facile de changer ses couleurs en tout ce dont nous avons besoin!
Dessiner un dégradé avec l'outil Dégradé
Dessiner un dégradé avec l'outil Dégradé dans Photoshop est aussi simple que de cliquer et de faire glisser votre souris. Cliquez simplement dans votre document pour définir un point de départ pour le dégradé, puis maintenez le bouton de la souris enfoncé et faites glisser le point de départ jusqu'à l'endroit où vous souhaitez que le dégradé se termine. Lorsque vous faites glisser, vous ne verrez qu'une fine ligne indiquant la direction du dégradé. Lorsque vous relâchez le bouton de votre souris, Photoshop termine le dégradé et le dessine avec les couleurs choisies.
Par exemple, je vais cliquer sur le côté gauche de mon document, puis avec le bouton de la souris toujours enfoncé, je vais glisser sur le côté droit. Notez que jusqu'à présent, tout ce que nous pouvons voir est une fine ligne entre le point de départ et le point d'arrivée. Si vous souhaitez faciliter le dessin d'un dégradé parfaitement horizontal, maintenez la touche Maj enfoncée pendant que vous faites glisser, ce qui limitera l'angle dans lequel vous pouvez faire glisser. N'oubliez pas d'attendre après avoir relâché le bouton de votre souris avant de relâcher la touche Maj ou cela ne fonctionnera pas:
Cliquer et faire glisser (avec le bouton de la souris enfoncé) d'un côté du document à l'autre.
Lorsque je relâche le bouton de ma souris, Photoshop dessine le dégradé. Étant donné que ma couleur de premier plan a été définie sur noir et que ma couleur d'arrière-plan a été définie sur blanc, je me retrouve avec un dégradé de noir à blanc:
Photoshop dessine le dégradé lorsque vous relâchez le bouton de votre souris.
Inverser les couleurs
Vous pouvez inverser les couleurs de votre dégradé en sélectionnant l'option Inverser dans la barre des options:
Sélectionnez "Inverser" dans la barre des options.
Avec Reverse sélectionné, si je dessine exactement le même dégradé, nous voyons que cette fois, les couleurs apparaissent sur les côtés opposés, avec du blanc à gauche et du noir à droite. C'est une fonctionnalité pratique, mais assurez-vous de décocher l'option Inverser lorsque vous avez terminé, sinon les prochains dégradés que vous dessinez seront également inversés:
Le même dégradé que précédemment mais avec les couleurs inversées.
Bien sûr, les dégradés n'ont pas besoin de s'exécuter horizontalement comme ceci. Ils peuvent fonctionner dans la direction que vous choisissez. Je vais dessiner un autre dégradé, cette fois de haut en bas. Notez que je n'ai pas besoin d'annuler ou de supprimer mon dégradé existant. Photoshop remplacera simplement le dégradé actuel par le nouveau. Je vais cliquer près du haut de mon document, puis maintenir le bouton de la souris enfoncé et faire glisser vers le bas vers le bas. Tout comme avec le dessin d'un dégradé horizontal, il est beaucoup plus facile de dessiner un dégradé vertical si vous maintenez la touche Maj enfoncée pendant que vous faites glisser, en vous assurant d'attendre après avoir relâché le bouton de votre souris avant de relâcher la touche Maj. Ici encore, nous ne voyons qu'un mince aperçu au début:
Cliquer et faire glisser un dégradé vertical de haut en bas.
Lorsque je relâche le bouton de ma souris, Photoshop termine le dégradé, en remplaçant le horizontal initial par un dégradé vertical noir à blanc:
Le nouveau dégradé vertical noir à blanc.
Modification des couleurs du dégradé par défaut
Étant donné que le dégradé par défaut obtient ses couleurs à partir des couleurs de premier plan et d'arrière-plan actuelles, tout ce que nous devons faire pour modifier les couleurs du dégradé est de sélectionner différentes couleurs pour le premier plan et l'arrière-plan. Par exemple, je vais choisir une autre couleur de premier plan en cliquant sur l' échantillon de couleur de premier plan dans le panneau Outils (celui qui est actuellement défini sur noir):
Cliquez sur l'échantillon de couleur de premier plan.
Cela ouvre le sélecteur de couleurs de Photoshop. Je sélectionne le rouge pour ma nouvelle couleur de premier plan, puis je clique sur OK pour fermer le sélecteur de couleurs:
Choisir le rouge pour la nouvelle couleur de premier plan.
Ensuite, je changerai ma couleur d'arrière-plan en cliquant sur son échantillon de couleur (celui actuellement rempli de blanc):
Cliquez sur l'échantillon de couleur d'arrière-plan.
Cela ouvre à nouveau le sélecteur de couleurs. Je vais changer la couleur d'arrière-plan du blanc en jaune vif, puis je vais OK pour fermer le sélecteur de couleurs:
Choisir le jaune pour la nouvelle couleur d'arrière-plan.
Notez que les échantillons de couleurs ont été mis à jour pour afficher les nouvelles couleurs que j'ai choisies pour le premier plan et l'arrière-plan:
Les échantillons ont été mis à jour avec les nouvelles couleurs.
La barre d'aperçu du dégradé dans la barre des options a également été mise à jour pour me montrer à quoi ressembleront les nouvelles couleurs de dégradé:
La barre d'aperçu du dégradé affiche toujours les couleurs de dégradé actuelles.
Je vais dessiner le dégradé, cette fois en diagonale, en cliquant en bas à gauche de mon document et en le faisant glisser en haut à droite. Encore une fois, il n'est pas nécessaire d'annuler ou de supprimer le dégradé précédent. Photoshop le remplacera par le nouveau:
Dessiner le nouveau dégradé du bas à gauche vers le haut à droite du document.
Lorsque je relâche le bouton de ma souris, Photoshop trace le dégradé rouge à jaune en diagonale sur le document:
Le nouveau dégradé diagonal rouge à jaune.
Réinitialisation des couleurs de premier plan et d'arrière-plan
Notez que si j'ouvre mon sélecteur de dégradé dans la barre des options, la miniature du dégradé du premier plan au fond affiche également mes nouvelles couleurs rouge et jaune:
La miniature du premier plan au fond mise à jour dans le sélecteur de dégradé.
Vous pouvez modifier les couleurs de ce dégradé à tout moment en cliquant sur les nuances de couleur de premier plan et / ou d'arrière-plan dans la barre des options et en choisissant différentes couleurs. Mais si vous devez réinitialiser rapidement les couleurs à leurs valeurs par défaut, rendant la couleur de premier plan noire et la couleur d'arrière-plan blanche, appuyez simplement sur la lettre D (pensez "D" pour "Defaults") sur votre clavier. Vous verrez les échantillons dans le panneau Outils revenir au noir et blanc par défaut:
Les échantillons de premier plan et d'arrière-plan ont été réinitialisés.
Et vous verrez que la barre d'aperçu du dégradé dans la barre des options et la vignette du dégradé du premier plan au fond dans le sélecteur de dégradé affichent à nouveau les couleurs par défaut:
Tout est maintenant revenu à ce qu'il était au départ.
Dessiner un dégradé sur son propre calque
Si nous regardons dans mon panneau Calques, nous voyons que jusqu'à présent, j'ai dessiné mes dégradés directement sur le calque d'arrière-plan:
Le panneau Calques affichant le dégradé du calque d'arrière-plan.
Dessiner sur le calque d'arrière-plan peut convenir à nos fins ici, mais une bien meilleure façon de travailler dans Photoshop est de tirer parti des calques et de placer chaque élément de notre document sur son propre calque séparé. Pour ce faire, je vais d'abord effacer mon dégradé en allant dans le menu Edition en haut de l'écran et en choisissant Remplir :
Aller dans Edition> Remplir.
Lorsque la boîte de dialogue Remplir s'ouvre, je vais définir l'option Contenu en haut sur Blanc, puis je clique sur OK . Cela remplit le calque d'arrière-plan avec du blanc:
La boîte de dialogue Remplir.
Ensuite, je vais ajouter un nouveau calque pour mon dégradé en appuyant et maintenant la touche Alt (Win) / Option (Mac) sur mon clavier et en cliquant sur l'icône Nouveau calque en bas du panneau Calques:
Maintenez la touche Alt (Win) / Option (Mac) enfoncée tout en cliquant sur l'icône Nouveau calque.
L'ajout de la touche Alt (Win) / Option (Mac) tout en cliquant sur l'icône Nouveau calque indique à Photoshop d'ouvrir d'abord la boîte de dialogue Nouveau calque dans laquelle nous pouvons nommer le calque avant son ajout. Je vais nommer mon calque "Dégradé", puis je clique sur OK :
La boîte de dialogue Nouveau calque.
Photoshop ajoute un nouveau calque vierge nommé "Dégradé" au-dessus du calque d'arrière-plan. Je peux maintenant dessiner mon dégradé sur ce nouveau calque et le garder séparé de tout le reste (même si "tout le reste" dans ce cas est vraiment juste le calque d'arrière-plan, mais c'est toujours une bonne habitude de workflow à prendre):
J'ai maintenant un calque séparé pour mon dégradé.
La zone de transition
Une chose qu'il est très important de comprendre quand il s'agit de dessiner des dégradés, c'est que ce n'est pas seulement la direction dans laquelle vous faites glisser qui importe; la distance entre vos points de départ et d'arrivée est également importante.
La raison en est que ce que vous dessinez réellement avec l'outil Dégradé, ainsi que la direction du dégradé, est la zone de transition entre les couleurs. La distance que vous faites glisser de votre point de départ à votre point d'arrivée détermine la taille de la zone de transition. Des distances plus longues vous donneront des transitions plus douces et plus graduelles, tandis que des distances plus courtes créeront des transitions plus dures et plus abruptes.
Pour vous montrer ce que je veux dire, je vais utiliser le dégradé du premier plan au fond sur son noir et blanc par défaut. Tout d'abord, je vais dessiner un dégradé de gauche à droite, en commençant près du bord gauche du document et en terminant près du bord droit. La zone entre mes points de départ et d'arrivée deviendra la zone de transition entre mes deux couleurs (dans ce cas, le noir et le blanc):
Dessiner un dégradé avec une large zone de transition.
Je relâche le bouton de ma souris pour laisser Photoshop dessiner le dégradé, et comme il y avait un si grand écart entre mes points de départ et d'arrivée, nous voyons une transition douce et très progressive entre le noir à gauche et le blanc à droite:
Un dégradé avec une transition progressive entre les couleurs.
Je vais annuler le dégradé, juste pour rendre les choses plus faciles à voir, en allant dans le menu Edition en haut de l'écran et en choisissant Annuler le dégradé . Je pourrais également appuyer sur Ctrl + Z (Win) / Commande + Z (Mac) sur mon clavier:
Allez dans Edition> Annuler le dégradé.
Cette fois, je vais dessiner mon dégradé dans la même direction (de gauche à droite) mais avec un écart beaucoup plus petit entre mes points de départ et d'arrivée:
Dessiner un dégradé avec une zone de transition étroite.
Lorsque je relâche le bouton de ma souris, on constate que si ce dégradé a été tracé dans le même sens que le précédent, la transition entre le noir à gauche et le blanc à droite est beaucoup plus brutale et abrupte. Comme nous pouvons le voir, la distance entre vos points de départ et d'arrivée est tout aussi importante que la direction en ce qui concerne l'apparence générale du dégradé:
Un gradient similaire mais avec une zone de transition beaucoup plus petite.
Avant de continuer, jetons un coup d'œil dans mon panneau Calques où nous voyons que, parce que j'ai ajouté un nouveau calque plus tôt, mon dégradé est maintenant tracé sur le calque "Dégradé" séparé plutôt que sur le calque d'arrière-plan. Encore une fois, ce n'est pas un gros problème dans ce cas, mais prendre l'habitude de tout garder sur son propre calque rendra le travail avec Photoshop beaucoup plus facile:
Le dégradé se trouve maintenant sur son propre calque au-dessus du calque d'arrière-plan.
Du premier plan au dégradé transparent
Jusqu'à présent, nous avons principalement examiné le dégradé de premier plan à l'arrière-plan par défaut de Photoshop, mais un autre qui est souvent très utile est le dégradé de premier plan à transparent, et il vaut la peine d'être examiné car il se comporte un peu différemment des autres. Je vais le sélectionner dans le sélecteur de dégradé en double-cliquant sur sa miniature. Vous le trouverez directement à côté de la miniature du premier plan au fond:
Choix du dégradé de premier plan à transparent.
Le dégradé de premier plan à transparent est similaire au dégradé de premier plan à arrière-plan en ce qu'il tire sa couleur de votre couleur de premier plan actuelle, ce qui signifie que vous pouvez facilement le changer en choisissant une couleur de premier plan différente. Ce qui le rend spécial, cependant, c'est qu'il n'y a pas de deuxième couleur. Au lieu de cela, il passe d'une couleur unique à la transparence.
Je vais annuler mon dégradé actuel en allant dans le menu Edition et en choisissant Annuler le dégradé . Ensuite, je choisirai une couleur en cliquant sur l' échantillon de couleur de premier plan dans le panneau Outils. Pour le moment, il est réglé sur noir:
Cliquez sur l'échantillon de couleur de premier plan.
Lorsque le sélecteur de couleurs s'ouvre, je choisis le violet, puis je clique sur OK:
Choisir le violet comme nouvelle couleur de premier plan.
Avec ma couleur de premier plan maintenant définie sur le violet, nous voyons dans la barre d'aperçu du dégradé dans la barre des options que je vais dessiner un dégradé violet à transparent (le motif en damier que vous pouvez voir derrière le violet est la façon dont Photoshop représente la transparence):
Le dégradé va maintenant passer du violet au transparent.
Je vais dessiner un dégradé vertical depuis le haut de mon document jusqu'au centre:
Dessiner un premier plan vertical en dégradé transparent dans la moitié supérieure du document.
Lorsque je relâche le bouton de ma souris, il semble que ce que j'ai dessiné soit un dégradé basique du violet au blanc. Cependant, le blanc que nous voyons provient en fait du calque d'arrière-plan en dessous du dégradé. Cela ne fait pas partie du dégradé lui-même:
Le violet provient du dégradé, mais le blanc provient de l'arrière-plan en dessous.
Pour le prouver, je désactiverai temporairement mon calque d'arrière-plan en cliquant sur son icône de visibilité (l'icône globe oculaire) dans le panneau Calques:
Désactiver le calque d'arrière-plan.
Cela masque l'arrière-plan blanc dans le document, révélant uniquement le dégradé lui-même, et maintenant nous pouvons clairement voir qu'il s'agit vraiment d'un dégradé violet à transparent. Encore une fois, le motif en damier est la façon dont Photoshop représente la transparence:
Le dégradé violet à transparent réel.
Une autre raison pour laquelle le dégradé du premier plan au transparent est différent des autres est que Photoshop n'écrase pas le dégradé précédent du premier plan au transparent si nous en dessinons un autre par-dessus. Au lieu de cela, il ajoute simplement le nouveau dégradé à l'original. Je vais dessiner un deuxième dégradé de premier plan à transparent, cette fois de près du bas du document jusqu'au centre:
Ajout d'un deuxième premier plan au dégradé transparent.
Je relâche le bouton de ma souris, et plutôt que d'écraser mon dégradé d'origine, Photoshop y ajoute mon second. Si je dessinais un troisième ou un quatrième dégradé (peut-être l'un à gauche et l'autre à droite), il ajouterait également ceux-ci:
Les dégradés de premier plan à transparents ont été fusionnés.
Je réactiverai mon calque d'arrière-plan dans le document en cliquant à nouveau sur son icône de visibilité :
Activer le calque d'arrière-plan.
Et maintenant, nous revenons à voir ce qui ressemble à un dégradé violet à blanc (à violet), même si nous savons que le blanc n'est vraiment que le calque d'arrière-plan affiché à travers la transparence:
Le même dégradé avec le calque d'arrière-plan activé.
L'option de transparence
Le dégradé du premier plan au transparent dans Photoshop est idéal pour des choses comme assombrir les bords d'une photo ou assombrir le ciel dans une image pour faire ressortir plus de détails (ce que nous verrons comment faire dans un autre tutoriel). Mais pour que la partie transparence fonctionne, vous devez vous assurer que l'option Transparence dans la barre des options est sélectionnée:
Assurez-vous que la transparence est activée lorsque vous dessinez un dégradé qui utilise la transparence.
Si l'option Transparence est désactivée lors du dessin d'un dégradé de premier plan vers transparent, tout ce que vous finirez par faire, c'est de remplir le calque ou la sélection avec la couleur de premier plan choisie:
Lorsque l'option Transparence est désactivée, Photoshop ne peut pas dessiner la partie transparente du dégradé.
Le dégradé noir et blanc
Nous ne passerons pas en revue tous les dégradés que nous pouvons choisir dans Photoshop (car vous pouvez facilement le faire vous-même), mais si vous devez dessiner un dégradé noir à blanc et que vos couleurs d'avant-plan et d'arrière-plan sont actuellement définies sur quelque chose d'autre que le noir et blanc, il suffit de saisir le dégradé noir, blanc du sélecteur de dégradé (troisième vignette à gauche, rangée du haut). Contrairement au dégradé de premier plan à arrière-plan, le dégradé noir, blanc dessine toujours un dégradé de noir à blanc, quelles que soient vos couleurs actuelles de premier plan et d'arrière-plan:
Vignette du dégradé noir, blanc.
Les styles de dégradé
Jusqu'à présent, nous avons vu des exemples de dégradés qui passent en ligne droite du point de départ au point d'arrivée. Ce type de dégradé est connu sous le nom de dégradé linéaire, mais il s'agit en fait d'un des cinq styles de dégradé différents que nous pouvons choisir dans Photoshop.
Si vous regardez à droite de la barre d'aperçu du dégradé dans la barre des options, vous verrez les cinq icônes de style de dégradé . En partant de la gauche, nous avons Linéaire, Radial, Angle, Réfléchi et Diamant :
Les icônes de style de dégradé Linéaire, Radial, Angle, Réfléchi et Diamant.
Voyons ce que chacun de ces styles de dégradé peut faire. Je vais appuyer sur Ctrl + Alt + Z (Win) / Commande + Option + Z (Mac) plusieurs fois sur mon clavier pour annuler mes étapes précédentes jusqu'à ce que je revienne à voir juste un document rempli de blanc. Ensuite, je reviens au dégradé de premier plan à arrière-plan en le sélectionnant dans le sélecteur de dégradé:
Choix du dégradé du premier plan au fond.
Je vais appuyer sur la lettre D de mon clavier pour réinitialiser mes couleurs de premier plan et d'arrière-plan en noir et blanc. Ensuite, juste pour garder les choses intéressantes, je changerai ma couleur d'arrière-plan du blanc au bleu clair:
Mes dernières couleurs de premier plan et d'arrière-plan.
Linéaire
Le style de dégradé par défaut dans Photoshop est Linéaire, mais vous pouvez le sélectionner manuellement si vous en avez besoin en cliquant sur la première icône à gauche:
Sélection du style de dégradé linéaire.
Nous avons déjà vu plusieurs exemples du style linéaire, qui dessine le dégradé du point de départ au point d'arrivée en ligne droite en fonction de la direction dans laquelle vous avez fait glisser. Si vous sélectionnez Inverser dans la barre des options, l'ordre des couleurs sera inversé :
Un exemple de dégradé linéaire standard.
Radial
Le style radial (deuxième icône à partir de la gauche) dessine un dégradé circulaire vers l'extérieur à partir de votre point de départ:
Sélection du style de dégradé radial.
Je vais annuler mon dégradé linéaire en appuyant sur Ctrl + Z (Win) / Commande + Z (Mac) sur mon clavier. Pour dessiner un dégradé radial, je clique au centre de mon document pour définir le point de départ, puis je fais glisser vers l'extérieur vers le bord:
Dessiner un dégradé radial à partir du centre du document.
Je relâche le bouton de ma souris et nous voyons ici à quoi ressemble le dégradé radial. Il commence par ma couleur de premier plan (noir) à mon point de départ au centre et se déplace vers l'extérieur dans toutes les directions lors de sa transition vers ma couleur de fond (bleu):
Le gradient radial.
Si j'avais sélectionné l'option Inverser dans la barre des options, les couleurs seraient inversées, en commençant par le bleu au centre et en passant vers l'extérieur de manière circulaire en noir:
Le même dégradé radial avec les couleurs inversées.
Angle
Le style Angle (icône du milieu) est l'endroit où les choses commencent à devenir intéressantes (bien que peut-être pas aussi utiles):
Sélection du style de dégradé d'angle.
Tout comme le style Radial, le style Angle utilise également votre point de départ comme centre du dégradé. Mais plutôt que de passer vers l'extérieur dans toutes les directions, il s'enroule autour du point de départ dans le sens antihoraire. Je vais à nouveau appuyer sur Ctrl + Z (Win) / Commande + Z (Mac) sur mon clavier pour annuler mon dernier dégradé. Ensuite, je dessine le dégradé de style angulaire de la même manière que le dégradé radial en cliquant au centre du document pour définir le point de départ, puis en le faisant glisser:
Dessiner un dégradé de style angle à partir du centre.
Voici à quoi ressemble le style d'angle lorsque je relâche le bouton de ma souris. Comme avec tous les styles de dégradé de Photoshop, la sélection de Inverser dans la barre des options vous donnerait le même résultat mais avec les couleurs inversées:
Le style d'angle enveloppe le dégradé autour de votre point de départ dans le sens antihoraire.
Réfléchi
Le style Reflected (quatrième icône à gauche) est très similaire au style linéaire standard, mais il va plus loin en prenant tout d'un côté de votre point de départ et en le reflétant de l'autre côté:
Sélection du style de dégradé réfléchi.
Ici, je clique au centre du document pour définir mon point de départ, puis je fais glisser vers le haut:
Dessiner un dégradé de style réfléchi.
Lorsque je relâche le bouton de ma souris, Photoshop dessine un dégradé linéaire standard dans la moitié supérieure de mon document entre mes points de départ et d'arrivée, puis le met en miroir dans la moitié inférieure pour créer la réflexion:
Le dégradé de style réfléchi.
Voici à quoi ressemblerait le dégradé réfléchi avec les couleurs inversées:
Dégradé de style réfléchi avec Inverse sélectionné dans la barre des options.
diamant
Enfin, le style de dégradé Diamond transite vers l'extérieur à partir de votre point de départ, similaire au style Radial, sauf qu'il crée une forme de diamant:
Sélection du style de dégradé Diamond.
Je clique à nouveau au centre de mon document pour définir le point de départ, puis je l'éloigne:
Dessiner un dégradé de style diamant à partir du centre.
Lorsque je relâche le bouton de ma souris, nous obtenons cette forme de diamant intéressante:
Le dégradé de style diamant.
Dans ce cas, je pense que la forme du diamant est plus belle avec les couleurs inversées, mais bien sûr, cela dépendra des couleurs que vous avez choisies pour le dégradé et de la façon dont il est utilisé dans votre conception de notre mise en page:
Le dégradé de diamant avec les couleurs inversées.
L'option Dither
Une dernière option que nous devrions examiner dans la barre des options est Dither . Lorsque l'option Dither est sélectionnée, Photoshop mélange un peu de bruit dans vos dégradés pour faciliter les transitions entre les couleurs. Cela permet de réduire les bandes (lignes visibles qui se forment entre les couleurs lorsque les transitions ne sont pas suffisamment lisses). L'option Dither est activée par défaut et vous souhaiterez généralement la laisser sélectionnée:
L'option Dither permet de réduire les bandes laides entre les couleurs.
Les options de mode et d'opacité
Il y a quelques autres options de l'outil Dégradé dans la barre des options que nous allons enregistrer pour un autre tutoriel car elles vont un peu au-delà des bases. L'option Mode (abréviation de Blend Mode) et l'option Opacity affectent la façon dont le dégradé se fondra dans le contenu d'origine du calque. Si vous connaissez les modes de fusion des calques, les modes de dégradé fonctionnent de la même manière, tandis que l’option d’opacité du dégradé fonctionne un peu comme l’option Opacité du panneau Calques. Dans la plupart des cas, vous souhaiterez les laisser définis sur leurs valeurs par défaut, mais encore une fois, nous couvrirons ces deux options en détail dans leur propre didacticiel distinct:
Les options Mode et Opacité.