Apprenez tout ce que vous devez savoir pour commencer à utiliser les effets de calque et les styles de calque dans Photoshop CC 2020, y compris un aperçu des nouveaux préréglages, dégradés, motifs de CC 2020 et plus encore!

Dans ce premier tutoriel de ma série sur les effets de calque Photoshop, je couvre tout ce que vous devez savoir pour ajouter des effets de calque et des styles de calque dans Photoshop CC 2020! Nous allons commencer par apprendre la différence entre un effet de calque et un style de calque, et comment utiliser les préréglages de style de calque de Photoshop pour ajouter des effets instantanés d'un seul clic à vos images. Nous examinerons les tout nouveaux styles de calque inclus avec Photoshop CC 2020 et je vous montrerai où trouver les styles manquants des versions antérieures de Photoshop.

À partir de là, vous apprendrez à ajouter et à modifier vos propres effets de calque et à tirer pleinement parti des nouveaux dégradés et motifs étonnants de Photoshop CC 2020. Je vais même vous montrer comment ajouter plusieurs copies d'un effet au même calque, comment mettre à l'échelle les effets de calque pour les adapter à votre image, comment enregistrer vos effets en tant que préréglages de style de calque personnalisés, et plus encore!

Ce tutoriel est exclusivement pour Photoshop CC 2020. Donc, avant de commencer, vous devez vous assurer que votre copie de Photoshop CC est à jour.

Nous avons beaucoup à couvrir, alors commençons!

Configuration du document

Si vous souhaitez suivre, ouvrez une image à utiliser comme arrière-plan, puis ajoutez du texte au-dessus. Ici, j'utilise une texture d'arrière-plan que j'ai téléchargée à partir d'Adobe Stock, et j'ai ajouté les mots "LAYER" et "EFFECTS". Je vais travailler avec des calques de texte pour ce didacticiel, mais des effets de calque peuvent également être appliqués aux calques de pixels et aux calques de forme:

Le document original avec du texte devant une image d'arrière-plan.

Dans le panneau Calques, nous voyons la texture du calque d'arrière-plan, et chaque mot est sur son propre calque de type:

Le panneau Calques affichant les trois calques du document.

Quels sont les effets de calque dans Photoshop?

Les effets de calque sont une collection d'effets non destructifs et modifiables qui peuvent être appliqués à presque tous les types de calques dans Photoshop. Vous pouvez choisir parmi 10 effets de calque différents, mais ils peuvent être regroupés en trois catégories principales: ombres et lueurs, superpositions et traits . Les effets de calque sont des effets en direct qui sont directement liés au calque. Ainsi, si vous apportez des modifications au contenu d'un calque, tous les effets appliqués à ce calque seront instantanément mis à jour.

Quels sont les styles de calque?

Bien que vous entendiez souvent les termes "effets de calque" et "styles de calque" utilisés de manière interchangeable, les effets de calque sont les effets individuels eux-mêmes, comme Ombre portée, Trait, Lueur extérieure, etc. Un style de calque est une collection de deux ou plusieurs effets de calque travaillant ensemble pour créer un aspect global plus grand. Les styles de calque incluent également toutes les options de fusion appliquées au calque, y compris le mode de fusion du calque, ainsi que ses paramètres actuels d'opacité et d'opacité de remplissage.

Quels sont les avantages de l'utilisation des effets de calque?

Les effets de calque sont faciles à utiliser, entièrement modifiables et entièrement non destructifs . Et ils n'ajoutent pratiquement rien à la taille globale de votre document Photoshop. Bien que les effets de calque soient le plus souvent utilisés avec le texte, ils peuvent également être utilisés avec des images et des formes vectorielles pour ajouter du réalisme ou de la créativité d'une manière qui serait difficile, voire impossible, sans effets de calque.

Vous pouvez ajouter plusieurs effets à un seul calque, activer ou désactiver les effets de calque, modifier leurs paramètres et supprimer les effets de calque sans apporter de modifications permanentes à votre image. Vous pouvez même ajouter des effets de calque à un groupe de calques entier pour appliquer les mêmes effets à plusieurs calques à la fois. Et vous pouvez combiner les effets de calque avec le type pour créer des effets de texte incroyables tout en gardant votre texte entièrement modifiable!

Où puis-je trouver les effets de calque de Photoshop?

Il y a deux endroits principaux où vous trouverez la liste des effets de calque.

Le menu Calque

La première consiste à accéder au menu Calque dans la barre de menus et à choisir le style de calque . À partir de là, vous verrez une liste de tous les effets de calque parmi lesquels vous pouvez choisir, y compris Biseautage et estampage, Contour, Ombre intérieure, etc. Pour ajouter un effet, sélectionnez-le dans la liste:

Allez dans Calque> Style de calque pour choisir un effet de calque.

Le panneau Calques

L'autre moyen plus rapide d'ajouter des effets de calque consiste à cliquer sur l'icône fx en bas du panneau Calques :

Cliquez sur l'icône fx.

Et puis en choisissant dans la même liste d'effets de calque que nous avons vu dans la barre de menu:

Ajout d'un effet de calque à partir du panneau Calques.

Pourquoi mes effets de calque sont-ils grisés?

Si les effets du menu Style de calque de la barre de menus sont grisés ou si l'icône fx du panneau Calques est grisée, c'est probablement parce que le calque d'arrière - plan est sélectionné dans le panneau Calques. Photoshop ne nous permet pas d'ajouter des effets de calque au calque d'arrière-plan, principalement parce que les effets de calque fonctionnent mieux sur les calques qui incluent des zones de transparence, que le calque d'arrière-plan ne prend pas en charge:

Les effets de calque ne sont pas disponibles lorsque le calque d'arrière-plan est actif.

Donc, avant d'ajouter des effets de calque, assurez-vous d'abord d'avoir sélectionné le bon calque:

Sélection du calque avant d'ajouter des effets de calque.

Apprenez tout sur les calques avec notre guide d'apprentissage des calques!

Comment utiliser les préréglages de style de calque de Photoshop

Avant de commencer à ajouter nos propres effets de calque, voyons comment utiliser les préréglages de style de calque de Photoshop. Un style de calque prédéfini est comme un effet prêt à l'emploi en un seul clic. Il vous suffit de cliquer sur un style de calque pour le sélectionner et l'effet est instantanément appliqué à votre calque. Il existe de nombreux styles prédéfinis parmi lesquels choisir, et Photoshop CC 2020 en ajoute encore plus! Et ils se trouvent tous dans le panneau Styles de Photoshop.

Si vous ne voyez pas le panneau Styles sur votre écran, vous pouvez l'ouvrir en allant dans le menu Fenêtre de la barre de menus et en choisissant Styles :

Allez dans Fenêtre> Styles.

Les nouveaux styles de calque par défaut dans Photoshop CC 2020

Photoshop CC 2020 introduit de tout nouveaux styles de calque par défaut, et les nouveaux styles sont regroupés dans l'un des quatre ensembles: Basiques, Naturel, Fourrure et Tissu . Chaque ensemble possède son propre dossier dans le panneau Styles et chaque style de calque est représenté par une miniature.

Par défaut, les quatre dossiers sont ouverts en tourbillonnant et la taille des miniatures est définie sur Large . Donc, pour voir tous les styles, vous devrez faire défiler la liste:

Disposition par défaut du panneau Styles dans Photoshop CC 2020.

Personnalisation du panneau Styles

Pour afficher plusieurs styles de calque à la fois, vous pouvez modifier la taille des miniatures. Cliquez sur l' icône de menu en haut à droite du panneau Styles:

Ouverture du menu du panneau Styles.

Et puis choisissez Small Thumbnail :

Choix de la taille de la miniature.

Et maintenant, les vignettes apparaissent beaucoup plus petites:

Plus de styles de calque sont désormais visibles à la fois.

Pointe! Comment faire tourner tous les dossiers ouverts ou fermés en même temps

Chaque ensemble du panneau Styles peut être ouvert ou fermé en tournant en cliquant sur la flèche à gauche de l'icône de son dossier. Ou vous pouvez faire tourner tous les dossiers ouverts ou fermés en même temps en maintenant la touche Ctrl (Win) / Commande (Mac) sur votre clavier lorsque vous cliquez sur l'une des flèches.

Ici, j'ai fermé tous les dossiers, ce qui permet de voir facilement les quatre nouveaux ensembles par défaut:

Maintenez Ctrl (Win) / Command (Mac) pour fermer tous les dossiers à la fois.

Ensuite, pour ouvrir uniquement le dossier dont vous avez besoin, relâchez votre Ctrl (Win) / Commande (Mac) et cliquez sur la flèche. J'ouvre le dossier Natural :

Ouverture d'un dossier unique en cliquant sur sa flèche.

Comment appliquer un préréglage de style de calque

Pour appliquer l'un des styles de calque du dossier, cliquez simplement sur sa miniature. Je vais sélectionner le nouveau style Sea :

Cliquer sur un style de calque pour l'appliquer.

Le style est instantanément appliqué au calque sélectionné, et nous obtenons ici ce type d'effet sous-marin sombre:

Le résultat après avoir appliqué l'un des styles de calque prédéfinis de Photoshop.

Et dans le panneau Calques, tous les effets de calque individuels qui composent le style apparaissent sous le calque. Donc, ce style de calque est en fait le résultat (dans ce cas) de sept effets de calque travaillant ensemble:

Un style de calque unique peut inclure plusieurs effets de calque.

Créez un effet de texte de peinture en aérosol avec les effets de calque de Photoshop!

Choix d'un style de calque différent

Pour choisir un style différent, cliquez simplement sur une vignette différente. Je vais essayer un autre style de l'ensemble Natural, comme Wood :

Sélection d'un préréglage de style différent.

Le nouveau style de calque remplace le précédent, et maintenant mon texte est rempli de cet effet de grain de bois:

De nouveaux styles de calque remplacent instantanément le style précédent.

Et les effets qui composent le nouveau style apparaissent sous le calque:

Différents styles de calque utilisent différents effets.

Choix de styles de calque dans un ensemble différent

Je ferme l'ensemble naturel en cliquant sur la flèche à côté de son dossier. Ensuite, je ferai tourner l'ensemble de fourrure et je cliquerai sur le style Zebra :

Sélection d'un style différent à partir d'un ensemble différent.

Et cette fois, mon texte est rempli de rayures zébrées:

Un autre nouveau style de calque par défaut dans Photoshop CC 2020.

Et encore une fois, nous voyons la liste des effets sous le calque:

Les effets qui composent le style de calque Zebra.

Créez du texte rétro des années 80 avec des effets de calque!

Agrandir et réduire la liste des effets de calque

Pour libérer de l'espace dans le panneau Calques, vous pouvez réduire la liste des effets de calque en cliquant sur la petite flèche à côté de l'icône fx à l'extrême droite du calque. Cliquez à nouveau sur la flèche pour développer la liste. Cela n'active ou ne désactive pas les effets eux-mêmes. C'est juste un moyen d'empêcher le panneau Calques de paraître encombré, surtout lorsque vous avez plusieurs calques avec des effets appliqués:

Cliquez sur la flèche pour développer ou réduire la liste des effets.

Comment charger plus de styles de calque dans Photoshop CC 2020

À première vue, il semble que Photoshop CC 2020 n'inclut pas de nombreux préréglages de style de calque. Et si vous avez effectué une mise à niveau à partir d'une version précédente de Photoshop, vous vous demandez peut-être ce qui est arrivé aux styles prédéfinis d'origine qui font partie de Photoshop depuis des années. Tous les styles prédéfinis des versions antérieures sont toujours disponibles dans CC 2020, avec encore plus de nouveaux styles. Pour y accéder, il suffit de les charger dans le panneau Styles.

Cliquez sur l' icône de menu du panneau Styles:

Ouverture du menu du panneau Styles.

Et choisissez les styles hérités et plus :

Choisir "Legacy Styles and More" dans le menu.

Cela ajoute un dossier "Legacy Styles and More" sous les dossiers par défaut:

Un nouveau dossier "Legacy Styles and More" apparaît.

Ouvrez le dossier et vous trouverez deux autres dossiers à l'intérieur. Le dossier Styles 2019 contient plus de nouveaux styles de calque à essayer. Et le dossier Tous les styles par défaut hérités contient tous les préréglages de style de calque d'origine des versions antérieures de Photoshop:

Les ensembles "Styles 2019" et "Tous les styles par défaut hérités".

Les styles 2019

Les styles de calque du dossier Styles 2019 sont divisés en différents ensembles, notamment Gel, Verre, Grunge, Chrome, Métallique et 3D. Je ferai tourner l'ensemble Chrome, puis je sélectionnerai le style Bling :

Choisir l'un des nouveaux préréglages de style de calque dans le dossier Styles 2019.

Et comme vous pouvez vous attendre de quelque chose appelé Bling, nous obtenons cet effet brillant et exagéré:

Le résultat du style de calque Bling.

Et si je fais tourner le dossier 3D et que je choisis le style Duplicates vers le bas:

Choisir un style dans l'ensemble 3D.

Nous obtenons cet effet complètement différent, avec des doublons du texte apparaissant derrière lui dans différentes couleurs:

Le résultat du style de calque Duplicates.

Les styles par défaut hérités

Pour utiliser l'un des styles de calque des versions précédentes de Photoshop, ouvrez le dossier Tous les styles par défaut hérités et vous trouverez tous les styles d'origine, à nouveau divisés en ensembles.

Je vais sélectionner le style Chromed Satin dans l'ensemble Legacy Default Styles :

Choix d'un style de calque hérité.

Et maintenant, nous obtenons cet effet chrome classique de Photoshop:

L'effet satiné chromé hérité.

Comment activer et désactiver les effets de calque

Un moyen simple de voir comment chaque effet de calque contribue à l'aspect général du style consiste à activer ou désactiver les effets individuels, ce que vous pouvez faire en cliquant sur l' icône de visibilité (le globe oculaire) à gauche de leur nom.

Par exemple, si je désactive la superposition de dégradé dans le style Satin chromé:

Désactiver l'un des effets dans le style de calque.

Le dégradé orange et bleu dans les lettres disparaît, ne laissant que les effets d'ombrage et l'ombre portée derrière le texte:

Le style de calque avec la superposition de dégradé désactivée.

Pour réactiver l'effet, cliquez dans la case vide à côté du nom de l'effet:

Réactivation de la superposition de dégradé.

Et le dégradé réapparaît:

Le même style de calque avec la superposition de dégradés activée.

Comment basculer tous les effets de calque à la fois

Pour désactiver tous les effets de calque en même temps, cliquez sur l'icône de visibilité principale à côté du mot "Effets". Cliquez à nouveau dessus pour réactiver les effets:

Activer et désactiver tous les effets de calque.

Comment déplacer et copier des styles de calque

Pour copier un style de calque à partir d'un calque et le coller sur un autre calque, cliquez avec le bouton droit (Win) / Contrôle-clic (Mac) sur l'icône fx du calque contenant le style que vous souhaitez copier:

Clic droit (Win) / Contrôle-clic (Mac) sur l'icône "fx".

Et choisissez Copier le style de calque dans le menu:

Choisir "Copier le style de calque".

Cliquez ensuite avec le bouton droit (Win) / Ctrl-clic (Mac) sur le calque où vous souhaitez coller le style:

Clic droit / Ctrl-clic sur un autre calque.

Et choisissez Coller le style de calque :

Choisir "Coller le style de calque".

Et maintenant, le même style de calque est appliqué aux deux calques:

Le résultat après avoir copié et collé le style de calque.

Comment effacer un style de calque

Pour supprimer un style de calque, effacez -le en cliquant avec le bouton droit (Win) / Contrôle-clic (Mac) sur l'icône fx du calque:

Clic droit (Win) / Contrôle-clic (Mac) sur l'icône "fx".

Et en choisissant Clear Layer Style :

Choisir "Clear Layer Style".

Et maintenant, je reviens aux effets appliqués uniquement au calque de texte supérieur:

Le style de calque a été effacé du texte du bas.

Comment déplacer des effets de calque vers un autre calque

Si vous souhaitez simplement déplacer les effets vers un autre calque, cliquez sur l'icône fx sur le calque contenant les effets, faites-le glisser sur l'autre calque, puis relâchez le bouton de votre souris:

Faire glisser l'icône "fx" d'un calque à un autre.

Les effets sont instantanément déplacés du calque d'origine vers le nouveau calque:

Les effets ont été déplacés du calque de texte supérieur vers le bas.

Découvrez 5 façons simples de déplacer des images entre des documents Photoshop!

Un moyen plus rapide de copier les effets de calque

Et si vous maintenez la touche Alt (Win) / Option (Mac) de votre clavier enfoncée tout en faisant glisser l'icône fx :

Maintenez Alt (Win) / Option (Mac) tout en faisant glisser l'icône "fx".

Vous allez copier, plutôt que déplacer, les effets d'un calque à l'autre. Je couvre plus en détail la copie d'effets de calque dans mon tutoriel Comment copier des effets de calque:

Les effets sont à nouveau appliqués aux deux calques de texte.

Comment modifier un effet dans un style de calque

Notez qu'après avoir copié le même style de calque Chrome dans les deux calques de texte, le dégradé est exactement le même dans les deux lettres, allant de l'orange en bas au bleu en haut. Et si je voulais inverser le dégradé sur le texte du bas? Nous allons voir comment ajouter et modifier des effets de calque plus en détail dans un instant. Mais pour modifier les paramètres de n'importe quel effet dans un style de calque, double-cliquez sur le nom de l'effet sous le calque.

Par exemple, je veux modifier le dégradé, je vais donc double-cliquer sur l'effet Gradient Overlay :

Double-cliquez sur l'effet que je souhaite modifier.

Photoshop ouvre la boîte de dialogue Style de calque et au centre de la boîte de dialogue se trouvent les paramètres de l'effet:

La boîte de dialogue Style de calque s'ouvre sur les paramètres de l'effet de calque.

Pour inverser les couleurs du dégradé, il me suffit de sélectionner l'option Inverser . Ensuite, je clique sur OK pour fermer la boîte de dialogue:

Sélectionnez Inverser pour inverser les couleurs du dégradé.

Et maintenant, les couleurs dégradées dans le texte du bas sont inversées:

L'effet après avoir inversé les couleurs dans la superposition de dégradé.

Comment effacer les styles de calque de plusieurs calques à la fois

Plus tôt, nous avons appris à supprimer un style de calque d'un calque unique. Pour effacer les styles de deux ou plusieurs calques à la fois, cliquez sur un calque, sélectionnez-le, puis maintenez la touche Ctrl (Win) / Commande (Mac) et cliquez sur les autres calques pour les sélectionner:

Sélection de deux calques à la fois dans le panneau Calques.

Cliquez ensuite avec le bouton droit sur (Win) / Ctrl-clic (Mac) sur l'un des calques sélectionnés et choisissez Effacer le style de calque dans le menu:

Choisir la commande "Effacer le style de calque".

Et maintenant, je suis de retour à mes lettres blanches simples devant le fond bleu:

Le résultat après avoir effacé les styles de calque des deux calques de texte.

Comment mettre à l'échelle les effets de calque dans Photoshop

Parfois, vous appliquerez un style de calque et l'effet semblera être soit trop grand soit trop petit pour le contenu de votre calque. En effet, le résultat obtenu à partir des effets de calque dépend beaucoup de la taille de votre image. Les images plus grandes nécessitent souvent des paramètres différents des images plus petites pour obtenir le même aspect. Mais vous pouvez corriger tous les problèmes de taille en adaptant les effets à la taille dont vous avez besoin.

Par exemple, dans le panneau Calques, je sélectionnerai mon calque de texte supérieur:

Sélection du calque supérieur dans le panneau Calques.

Et puis dans le panneau Styles, je ferai tourner l'ensemble KS Styles (qui se trouve dans le dossier All Legacy Default Styles) et je choisirai le style Frosted :

Choix du style de calque givré.

Cela donne instantanément au texte un aspect glacé et glacé. Mais bien que ce soit un effet sympa (jeu de mots voulu), il semble également un peu écrasant, comme si l'effet était trop grand pour la taille des lettres:

Le résultat après avoir appliqué le style de calque Givré.

Pour résoudre ce problème, nous pouvons mettre à l'échelle les effets. Une façon de mettre à l'échelle les effets de calque consiste à accéder au menu Calque dans la barre de menus, à choisir le style de calque, puis à choisir les effets d'échelle :

Accédez à Calque> Style de calque> Effets d'échelle.

Et l'autre est en cliquant avec le bouton droit (Win) / Contrôle-clic (Mac) sur l'icône fx du calque:

Faites un clic droit / Ctrl-clic sur l'icône "fx".

Et en choisissant Scale Effects dans le menu:

Choisir "Scale Effects" dans le menu "fx".

Ensuite, dans la boîte de dialogue Effets de calque d'échelle, ajustez la valeur d' échelle à la quantité dont vous avez besoin. Je vais abaisser le mien de 100% à 60%. Assurez-vous que la case Aperçu est cochée pour pouvoir prévisualiser les résultats lorsque vous ajustez la valeur. Lorsque vous avez terminé, cliquez sur OK pour fermer la boîte de dialogue:

Réglage de l'échelle.

Et voici le résultat avec le même style Frosted à 60% de sa taille d'origine. Notez que la taille du texte lui-même n'a pas changé. Seuls les effets appliqués au texte ont été redimensionnés:

Le résultat après avoir mis à l'échelle les effets.

Comment redimensionner des images sans perdre en qualité avec les objets intelligents!

Les styles de calque peuvent inclure plus que de simples effets

Avant de continuer, notez dans le panneau Calques que, avec les effets, ce style de calque a également abaissé la valeur de remplissage du calque de 100% à 56%:

Le style de calque a également modifié la valeur de remplissage du calque.

Nous verrons ce que signifie la valeur de remplissage dans un instant. Mais un style de calque peut inclure non seulement des effets, mais aussi les options de fusion du calque, qui incluent les valeurs d' opacité et de remplissage ainsi que le mode de fusion du calque:

Les valeurs Mode de fusion, Opacité et Remplissage peuvent toutes faire partie d'un style de calque.

Une autre façon d'effacer un style de calque

Et voici une autre façon d'effacer un style de calque dans Photoshop CC 2020. Dans le panneau Calques, assurez-vous que le calque correct est sélectionné. Ensuite, dans le panneau Styles, ouvrez le dossier Notions de base et choisissez le style par défaut, qui est Aucun . C'est la vignette blanche avec la ligne diagonale rouge:

Sélectionnez "Aucun" dans le dossier Notions de base.

Et après avoir effacé le style, je suis de nouveau de retour à mon texte blanc uni. Et ce sont les bases de l'utilisation des préréglages de style de calque dans Photoshop!

Le résultat après avoir défini le style de calque sur "Aucun".

Comment ajouter des effets de calque dans Photoshop

Alors maintenant que nous savons comment utiliser les préréglages de style de calque de Photoshop, apprenons comment ajouter nos propres effets de calque individuels. Nous n'allons pas couvrir tous les effets de calque et tous les paramètres, mais vous aurez une bonne compréhension du fonctionnement des effets de calque. Et je couvrirai des effets spécifiques plus en détail dans d'autres tutoriels de cette série.

Choisir un effet de calque

Tout d'abord, dans le panneau Calques, sélectionnez le calque auquel vous souhaitez appliquer un ou plusieurs effets. Je vais sélectionner ma couche de texte supérieure:

Sélection du calque de texte supérieur.

Cliquez ensuite sur l'icône Effets de calque (l'icône fx ):

Cliquez sur l'icône "fx".

Et choisissez un effet de calque dans la liste. Je vais commencer par Drop Shadow :

Ajout d'un effet de calque Ombre portée.

Boîte de dialogue Style de calque de Photoshop

La sélection d'un effet ouvre la boîte de dialogue Style de calque . Et parce que j'ai sélectionné Ombre portée, la boîte de dialogue s'ouvre sur les paramètres Ombre portée afin que je puisse personnaliser l'apparence de l'effet:

La boîte de dialogue Style de calque affichant les paramètres de l'effet de calque sélectionné.

Restauration des paramètres par défaut de l'effet de calque

La boîte de dialogue Style de calque se souvient des derniers paramètres que vous avez appliqués. Donc, avant de commencer à personnaliser un effet, c'est généralement une bonne idée de restaurer les paramètres par défaut en cliquant sur le bouton Réinitialiser par défaut :

Boîte de dialogue Style de calque dans Photoshop.

Comment personnaliser un effet de calque

Ensuite, vous pouvez ajuster les paramètres de l'effet pour créer l'apparence dont vous avez besoin. Chaque effet de calque a ses propres paramètres propres à cet effet spécifique.

Ainsi, par exemple, avec l'ombre portée, vous pouvez faire glisser le curseur Opacité pour régler l'intensité de l'ombre. Vous pouvez changer le mode de fusion de l'effet (bien que la multiplication fonctionne généralement mieux pour les ombres). Et vous pouvez cliquer sur l' échantillon de couleur pour choisir une couleur différente pour l'ombre. Le noir est la couleur d'ombre par défaut, mais parfois une couleur différente fonctionne mieux:

Les paramètres Opacité, Mode de fusion et Couleur de l'ombre portée.

L'option Angle vous permet de régler la direction de la source lumineuse et l'ombre apparaîtra dans la direction opposée. Donc, si la lumière vient du coin supérieur gauche, l'ombre apparaîtra en bas à droite. Vous pouvez changer l'angle en cliquant et en faisant glisser à l'intérieur du cadran radial ou en entrant une valeur spécifique:

Utilisez l'option Angle pour régler la source de lumière de l'ombre.

Utilisez Global Light

L'option Utiliser la lumière globale permet à tous les effets de calque nécessitant une source lumineuse de partager la même source lumineuse, afin que l'éclairage apparaisse uniforme tout au long de l'effet global. Vous trouverez cette option non seulement dans les paramètres de l'ombre portée, mais également dans les paramètres du biseau et de l'estampage et de l'ombre intérieure. Dans la plupart des cas, vous souhaiterez laisser Use Global Light activé, ce qui est par défaut:

"Utiliser la lumière globale" maintient la source de lumière cohérente avec différents effets.

La valeur Distance contrôle la distance entre l'ombre et le contenu du calque. Par exemple, lorsque vous appliquez une ombre portée à un calque de texte, Distance contrôle la distance entre l'ombre et les lettres.

Et la valeur Taille contrôle la taille globale de l'ombre. Lorsque la valeur Étalement est définie sur 0%, l'augmentation de la valeur Taille adoucit les bords d'ombre. Et l'augmentation de la valeur Spread remplit l'ombre et la rend plus opaque:

Les options Distance, Spread et Size.

Je vais augmenter l' opacité de l'ombre à 40%, la distance à 90 px et la taille à 40 px :

Personnalisation des paramètres de l'ombre portée.

Comment accepter vos paramètres

Si vous êtes satisfait des paramètres et que c'est le seul effet de calque que vous devez appliquer, cliquez sur OK pour accepter vos paramètres et fermez la boîte de dialogue Style de calque:

Cliquez sur OK pour fermer la boîte de dialogue.

Créez un texte flou modifiable avec Drop Shadows!

Comment modifier un effet de calque

Dans le document, l'ombre portée apparaît derrière les lettres du mot "LAYER":

Le résultat après avoir ajouté une ombre portée au mot "LAYER".

Et dans le panneau Calques, l’ombre portée est désormais répertoriée comme un effet sous le calque. Pour modifier un effet de calque, double-cliquez sur le nom de l'effet:

Double-cliquez sur les mots "Ombre portée".

Photoshop rouvre la boîte de dialogue Style de calque aux paramètres actuels de l'effet afin que vous puissiez apporter les modifications dont vous avez besoin. Les effets de calque sont entièrement non destructifs, vous ne perdrez donc pas la qualité de l'image, quel que soit le nombre de modifications que vous apportez.

Je vais augmenter l' opacité de l'ombre à 50% et je vais augmenter la distance à 100 px . Mais je ne fermerai pas encore la boîte de dialogue Style de calque car j'ai d'autres effets de calque que je veux ajouter:

Modification des paramètres de l'ombre portée.

Après avoir modifié l'effet, l'ombre est désormais plus visible derrière les lettres:

Le résultat après avoir modifié les paramètres de l'ombre portée.

Ajout d'effets supplémentaires dans la boîte de dialogue Style de calque

Nous savons que nous pouvons ajouter des effets de calque en cliquant sur l'icône fx dans le panneau Calques. Mais si la boîte de dialogue Style de calque est ouverte, vous pouvez ajouter d'autres effets en les sélectionnant dans la colonne de gauche:

La liste des effets dans la boîte de dialogue Style de calque.

Comment montrer les effets manquants

Si certains de vos effets de calque sont absents de la liste, cliquez sur le bouton fx en bas à gauche de la boîte de dialogue:

Cliquer sur le bouton "fx".

Et choisissez Afficher tous les effets :

Choisir "Afficher tous les effets" dans le menu.

Les catégories d'effets de calque

Comme je l'ai mentionné précédemment, les effets de calque de Photoshop peuvent être regroupés en trois catégories principales. Nous avons des effets d' ombre et de lueur, qui comprennent Biseau et gaufrage, Ombre intérieure, Lueur intérieure, Satin, Lueur extérieure et Ombre portée. Notez que le contour et la texture répertoriés ci-dessous Biseautage et gaufrage font partie de l'effet Biseau et gaufrage, c'est pourquoi ils sont en retrait vers la droite:

Les effets de calque Ombres et lueurs.

Nous avons également des effets de superposition (superposition de couleurs, superposition de dégradés et superposition de motifs):

Les effets de calque de superposition.

Et nous avons Stroke, qui ajoute un contour ou une bordure autour du contenu du calque:

L'effet de couche Stroke.

Ordre d'empilement des effets de calque de Photoshop

Remarquez l'ordre dans lequel les effets de calque sont répertoriés. Dans les versions les plus récentes de Photoshop, les effets de calque sont désormais répertoriés dans l'ordre dans lequel ils sont appliqués, de bas en haut. Ainsi, une ombre portée est toujours appliquée en premier, puis une lueur extérieure est appliquée au-dessus. Viennent ensuite les effets de superposition (Motif, puis Dégradé, puis Couleur), suivis de Satin, Inner Glow, Inner Shadow, puis Stroke. Et l'effet biseau et gaufrage est toujours appliqué en dernier, en plus de tous les autres effets que nous avons appliqués.

De plus, l'ombre portée et l'éclat extérieur sont les deux seuls effets de calque qui apparaissent sous le contenu du calque. Tout autre effet apparaît au - dessus du contenu. Connaître l'ordre d'empilement des effets de calque peut sembler trivial, mais cela peut vous aider à comprendre pourquoi vos effets ne vous donnent pas les résultats escomptés:

Les effets de calque sont toujours appliqués de bas en haut.

Ajout d'un deuxième effet de calque

Pour ajouter un autre effet de calque, cliquez sur son nom dans la liste. Je vais ajouter un AVC :

Ajout d'un effet de calque de trait.

Personnalisation de l'effet de trait

Dans les paramètres de trait, je vais à nouveau commencer par cliquer sur le bouton Rétablir les valeurs par défaut pour restaurer les valeurs par défaut:

Réinitialisation des paramètres par défaut du trait.

Ensuite, je changerai la couleur du trait en cliquant sur l' échantillon de couleur :

Cliquer sur l'échantillon de couleur du trait.

Et dans le sélecteur de couleurs, je vais choisir une nuance d'orange en définissant la valeur de teinte ( H ) à 25, la valeur de saturation ( S ) à 100 et la valeur de luminosité ( B ) également à 100 . Ensuite, je clique sur OK pour fermer le sélecteur de couleurs:

Choisir une nouvelle couleur pour le trait.

L'option Position vous permet d'aligner le trait sur le bord intérieur ou extérieur du contenu du calque. Ou vous pouvez centrer le trait le long du bord. Je choisirai Outside. Et l'option Taille est l'endroit où nous définissons la largeur ou l'épaisseur du trait. Je vais augmenter la taille à 20 pixels :

Réglage de la taille et de la position du trait.

Encore une fois, je laisse la boîte de dialogue Style de calque ouverte. Et voici l'effet avec le trait orange et l'ombre portée appliquée au texte supérieur:

Le résultat avec le trait et l'ombre portée appliqués.

Comment créer du texte doré avec des effets de calque!

Les options de mélange

Outre la sélection et la modification des effets, la boîte de dialogue Style de calque nous donne également accès aux options de fusion du calque. Cliquez sur la catégorie Options de fusion au-dessus des effets dans la colonne de gauche:

Ouverture des options de fusion.

À partir d'ici, nous pouvons accéder aux mêmes paramètres de mode de fusion, d' opacité et de remplissage que ceux trouvés dans le panneau Calques. Nous avons également quelques options de mélange avancé que nous verrons dans d'autres tutoriels:

Vous pouvez modifier le mode de fusion, l'opacité ou le remplissage dans la boîte de dialogue Style de calque.

Comment masquer le contenu du calque et afficher uniquement les effets

Une grande astuce que nous pouvons faire avec les options de fusion est que nous pouvons masquer le contenu réel d'un calque et afficher uniquement les effets de calque eux-mêmes. Vous pouvez le faire dans la boîte de dialogue Style de calque ou dans le panneau Calques.

Si je baisse la valeur d' opacité de 100% à 0% :

Baisser la valeur d'opacité à 0%.

Le texte et les effets de calque appliqués au texte disparaissent:

L'abaissement de l'opacité a rendu le calque et les effets de calque transparents.

Mais si je redéfinis l'opacité à 100%, puis que je baisse la valeur de remplissage (ou l' opacité de remplissage dans la boîte de dialogue Style de calque) à 0% :

Baisser la valeur d'opacité de remplissage à 0%.

Cette fois, le texte lui-même disparaît mais les effets de calque restent visibles, ce qui nous permet de voir à travers les lettres jusqu'à l'image d'arrière-plan bleu derrière eux. Ainsi, la valeur d'opacité affecte la transparence du contenu du calque et des effets de calque, et la valeur de remplissage affecte la transparence uniquement du contenu du calque. Consultez mon tutoriel Opacité de calque vs remplissage pour en savoir plus:

Le résultat après avoir abaissé la valeur de remplissage à 0%.

Mélangez du texte dans des nuages ​​avec les options de mélange avancé de Photoshop!

Fermer la boîte de dialogue Style de calque

Je ferme pour l'instant la boîte de dialogue Style de calque en cliquant sur OK:

Cliquez sur OK pour fermer la boîte de dialogue.

Et dans le panneau Calques, nous voyons le trait et l'ombre portée listés comme effets sous le calque. Notez que la valeur de remplissage est également définie sur 0%, car je l'ai abaissée dans la boîte de dialogue Style de calque:

Le panneau Calques affichant les deux effets de calque plus la nouvelle valeur de remplissage.

Nouveaux dégradés et motifs dans Photoshop CC 2020

Outre les nouveaux styles de calque, Photoshop CC 2020 comprend également de nouveaux dégradés et motifs, qui peuvent tous deux être appliqués en tant qu'effets de calque. Mais pour accéder à tous les dégradés et motifs, nous devons d'abord visiter les panneaux Dégradés et motifs, qui sont également nouveaux dans CC 2020.

Comment charger plus de modèles

Tout d'abord, passez au panneau Patterns . Vous le trouverez imbriqué dans les panneaux Couleur et Nuancier. Tout comme avec le panneau Styles, les nouveaux motifs sont divisés en ensembles qui peuvent être ouverts et fermés en tourbillonnant. Mais par défaut, il n'y a que quelques jeux de motifs parmi lesquels choisir (arbres, herbe et eau).

Pour charger plus de modèles, cliquez sur l' icône du menu du panneau Modèles:

Cliquez sur l'icône de menu du panneau Motifs.

Et choisissez les modèles hérités et plus :

Choisir "Modèles hérités et plus".

Un nouveau dossier nommé «Legacy Patterns and More» apparaît sous les jeux de motifs par défaut. Et si vous tournez le dossier pour l'ouvrir, vous y trouverez deux autres dossiers. L'un contient plus de nouveaux motifs à partir de 2019, et l'autre contient tous les motifs originaux des versions antérieures de Photoshop. Tous ces motifs seront désormais disponibles dans la boîte de dialogue Style de calque:

Tous les modèles de Photoshop sont désormais disponibles.

Comment charger plus de dégradés

Ensuite, passez au nouveau panneau Dégradés, imbriqué à côté du panneau Motifs. Vous trouverez ici de nombreux dégradés parmi lesquels choisir dans CC 2020, encore une fois divisés en ensembles.

Mais si vous souhaitez également accéder aux dégradés précédents des versions antérieures de Photoshop, cliquez sur l' icône de menu du panneau Dégradés:

Cliquez sur l'icône de menu du panneau Dégradés.

Et choisissez les dégradés hérités :

Chargement des dégradés hérités dans Photoshop CC 2020.

A "Legacy Gradients" folder appears below the default gradients, and they will now be available in the Layer Style dialog box:

The Legacy Gradients have been loaded.

Adding a Pattern Overlay effect

Gradients and patterns can both be applied to layers as overlay effects. To add a pattern, click the fx icon at the bottom of the Layers panel:

Clicking the Layer Effects icon.

And choose Pattern Overlay :

Adding a Pattern Overlay effect.

In the Layer Style dialog box, click on the pattern swatch :

Clicking the swatch in the Pattern Overlay settings.

And then scroll through the sets to choose a pattern. I'll twirl open the Legacy Patterns and More folder, then the 2019 Patterns folder, and then the Stone folder, and I'll select the Stone Marble pattern by clicking its thumbnail. Note that you can drag the pattern selection window larger if needed:

Selecting one of the new patterns in Photoshop CC 2020.

And now my text is filled with a marble pattern:

The result after applying a Pattern Overlay to the text.

Adding a Gradient Overlay effect

To add a gradient, with the Layer Style dialog box still open, choose Gradient Overlay from the left column:

Adding a Gradient Overlay effect.

And then click on the small arrow next to the gradient swatch. Don't click on the swatch itself or you'll open Photoshop's Gradient Editor. We just want to choose from the gradient presets, so click the arrow instead:

Clicking the arrow next to the gradient swatch.

Then scroll through the sets to choose a gradient. I'll twirl open the Oranges folder and I'll select the Orange 10 gradient by clicking its thumbnail:

Selecting one of the new gradients in Photoshop CC 2020.

And here's my text with the gradient applied. But notice that the gradient is blocking the pattern from view. That's because gradients are always applied above patterns, as we learned earlier when we looked at the layer effect stacking order:

The gradient is currently blocking the pattern below it.

Changing a layer effect's blend mode

To blend the gradient in with the pattern, go up to the Blend Mode option in the Gradient Overlay settings and choose a new blend mode from the list. I'll choose Linear Burn :

Setting the Gradient Overlay effect to Linear Burn.

And now the colors from the gradient are blending in with the pattern below it:

The Gradient Overlay now blends with the Pattern Overlay effect.

Get my Layer Blend Modes Complete Guide when you download this tutorial as a PDF!

How to add multiple copies of the same layer effect

If you look at the effects along the left of the Layer Style dialog box, you'll notice that some effects ( Stroke, Inner Shadow, Color Overlay, Gradient Overlay, and Drop Shadow ) each have a plus sign on the right. The plus sign means that we can add multiple copies of the effect to the same layer:

Photoshop lets us add multiple copies of certain effects.

Editing the first Stroke effect

Let's look at how to add a second stroke. But first, I want to change the color of my existing stroke, so I'll reselect Stroke from the list:

Reselecting the current Stroke layer effect.

Then I'll click on the stroke's color swatch :

Changing the color of the first stroke.

And in the Color Picker, I'll choose white :

Choisir le blanc dans le sélecteur de couleurs.

I'll leave the Position of this stroke set to Outside :

Leaving the stroke's Position set to Outside.

And here we see the text with the stroke color changed to white:

The result after changing the Stroke color.

Adding a second Stroke effect

To add a second stroke to the same layer, click the plus sign :

Clicking the plus sign to add another stroke.

Photoshop adds the new Stroke effect above the first one, which means that it's sitting above the original stroke in the document:

A second stroke is added.

Editing the second stroke

At the moment, both strokes are exactly the same. So for my second stroke, I'll change its color to black by clicking the color swatch :

Clicking the color swatch for the second Stroke.

And choosing black from the Color Picker:

Setting the new Stroke to black.

But notice that the new stroke is now blocking the original one from view. Instead of seeing a white stroke and a black stroke around the text, all we're seeing is black:

The black stroke appears, but the white stroke is now missing.

The reason is that both strokes have their Position set to Outside, which means they are both aligned to the outside edges of the letters. And since both strokes are the same size (20px), the second one is blocking the first one from view.

To fix that, I'll change the Position of the second stroke to Inside so that it aligns to the inside edges of the letters. And I'll lower the stroke's Size from 20px down to 10px :

Changing the second stroke's Position to Inside and lowering its size.

And now, we have a white 20px stroke around the outside of the text, and a black 10px stroke along the inside. You can add up to 10 strokes to the same layer:

Both strokes are now visible around the letters.

Saving your effects as a custom layer style preset

Finally, to save your layer effects as a new style preset, click the New Style button on the right of the Layer Style dialog box:

Clicking the "New Style" button.

And then give your preset a name. I'll name mine "2 Strokes + Orange + Marble ". Make sure Include Layer Effects is checked, and if you've used any custom blend settings, check Include Layer Blending Options as well. You can also add the new style to your Creative Cloud library:

Saving the new layer style preset.

Click OK to close the New Style dialog box, and then click OK to close the Layer Style dialog box.

Switch over to your Styles panel, and you'll find a thumbnail for your new style below the folders:

The new style appears in the Styles panel.

Creating your own layer styles folder

To keep the Styles panel organized, add your custom styles to a separate folder. Click the Create New Group icon at the bottom of the Styles panel:

Clicking the "Create New Group" icon.

And then give the group a name, like "My Styles". Click OK to accept it:

Naming the new group.

The new folder appears below the others. Click on your layer style's thumbnail and drag it into the folder:

Dragging the custom style into the "My Styles" folder.

How to apply your custom layer style

To apply any of your custom styles to a layer, first select the layer in the Layers panel:

Selecting the layer where the custom style will be applied.

Then in the Styles panel, just click on the style's thumbnail:

Selecting the custom style.

And the entire effect is instantly applied to the layer:

The result after applying the custom style to the second type layer.

Et nous l'avons là! That's everything you need to know to start using layer effects and layer styles in Photoshop CC 2020! Consultez notre section Bases de Photoshop pour plus de tutoriels. Et n'oubliez pas, tous nos tutoriels Photoshop sont disponibles en téléchargement au format PDF!

Catégorie:

Bases de Photoshop