Comment utiliser les ombres portées dans Photoshop

Les styles de calque Photoshop sont un moyen courant d'ajouter des effets, tels que des ombres portées et des traits, aux calques de manière non destructive. Avec les connaissances et l'expérience appropriées, tout effet peut être obtenu. Cependant, pour obtenir ces effets, vous devez comprendre ce que chaque paramètre fait et comment les combiner pour obtenir un certain look.. 

Dans cette série de John Shaver de Design Panoply, nous expliquerons chaque aspect de la fonctionnalité de styles de calque de Photoshop et vous montrerons comment libérer son potentiel. Dans cet article, Partie 2: Comment utiliser les ombres portées dans Photoshop, nous expliquerons les paramètres de l’ombre portée, ce qu’ils font chacun et comment nous pouvons les utiliser pour créer différents effets. Pour avoir une idée de ce qui est possible, consultez les actions Photoshop de Shadow Drop disponibles sur Envato Market..


À quoi servent les ombres portées??

L'utilisation traditionnelle d'une ombre portée consiste à simuler la profondeur 3D d'une image 2D. Pour ce faire, créez une ombre décalée derrière un objet pour indiquer que celui-ci survole au-dessus de l'arrière-plan dans un espace 3D..

Vous trouverez ci-dessous un exemple illustrant comment une ombre portée peut indiquer la taille et l'origine de la source de lumière, ainsi que la distance qui le sépare d'un objet par rapport à l'arrière-plan. En modifiant uniquement les paramètres de l'ombre, vous pouvez modifier radicalement l'aspect d'une image..


La boîte de dialogue Ombre portée Styles de calque

La boîte de dialogue Ombre portée est un bon point de départ pour les débutants, car les paramètres sont assez basiques et vous donneront une idée générale de la façon d'utiliser le reste des effets. Une ombre portée subtile est également l'un des meilleurs effets pour donner un peu de piquant à votre conception..


Mode de fusion

Le mode de fusion vous permet de définir le mode de fusion de votre ombre. Généralement, vous voudrez que ce soit Multiplier ou Brûler Linéaire, de sorte que votre ombre assombrisse le calque qui se trouve derrière..

Si vous ne connaissez pas le fonctionnement de tous les différents modes de fusion, je vous recommande vivement de consulter le didacticiel intitulé Blending Is Fun Basix..

C'est également à cet endroit que vous définissez la couleur de votre ombre en cliquant sur le bloc de couleur en regard du menu déroulant Mode de fusion. Par défaut, la couleur de l'ombre sera noire, mais vous pouvez ajouter une teinte de couleur ou même essayer quelque chose de scandaleux pour obtenir des effets spéciaux..

Dans l'exemple suivant, vous pouvez voir que la couleur de l'ombre de gauche est noire, tandis que celle de droite est de couleur marron foncé. Cela crée le résultat que vous voyez ci-dessous. Un simple changement peut donner un style totalement différent.


Opacité

Le curseur Opacité vous permet de spécifier le degré de transparence de votre ombre. Un réglage de 0% est complètement visible tandis que 100% est complètement opaque.

Dans l'exemple suivant, vous pouvez constater qu'en modifiant simplement l'opacité de 25% à 60%, l'ombre devient beaucoup plus visible..


Angle

L'angle angulaire et la boîte correspondante vous permettent de modifier l'angle apparent d'où provient la source de lumière. En activant la case à cocher "Utiliser la lumière globale", toute modification apportée à l'angle de l'ombre portée modifiera également l'angle des sources de lumière utilisées dans d'autres effets, tels que Bevel et Emboss, Inner Shadow, etc. vous pouvez modifier l'angle de lumière pour l'ombre portée indépendamment des autres effets.

Le réglage recommandé est "vérifié" dans la plupart des cas, car nous souhaitons avoir une source de lumière uniforme pour obtenir l’effet le plus cohésif qui soit..

Dans l'exemple suivant, la modification de l'angle de la source de lumière modifie la manière dont l'ombre tombe et, dans la mesure où la case "Utiliser la lumière globale" est cochée, elle a également modifié l'angle de lumière pour l'effet Bevel et Gaufrage..


Distance

Le curseur Distance modifie la distance apparente entre le sujet et l'arrière-plan. L'effet est obtenu en modifiant la distance entre le sujet et l'ombre portée.

Dans l'exemple suivant, l'augmentation de la distance donne l'impression que le texte à gauche flotte juste au-dessus de l'arrière-plan, tandis que le texte à droite est plus éloigné..


Propager

Le curseur Spread modifie l'atténuation de l'ombre de manière linéaire ou, en d'autres termes, comment elle disparaît progressivement sur les bords..

Pour une ombre portée typique, vous voudrez normalement laisser cette valeur à 0%, mais pour les ombres plus dures, vous devriez l'augmenter. Pour les ombres avec des contours nets ou même des traits supplémentaires, vous pouvez la régler à 100%..

Dans l'exemple suivant, l'augmentation du pourcentage d'étalement modifie l'atténuation de l'ombre afin qu'elle reste plus sombre plus sombre lorsqu'elle disparaît au bord..


Taille

Le curseur Taille modifie la taille apparente de l'ombre. Lorsqu'il est défini sur 0, l'ombre a exactement la même taille que la forme de l'objet. Au fur et à mesure que vous augmentez la taille, l'ombre grandit par incréments de 1 pixel..

Dans l'exemple suivant, augmenter la taille de l'ombre nous donne la possibilité de contrôler non seulement la taille globale de l'ombre, mais également sa douceur..


Contour

Les formes de contour vous permettent de modifier l'atténuation de l'ombre de manière non linéaire. En choisissant différents profils de courbe, vous pouvez obtenir l’ombre de différentes manières..

La seule fois où cela est vraiment utile, c’est lorsque vous essayez d’obtenir des effets spéciaux lumineux ou abstraits.

De plus, la case à cocher "Anti-aliasé" vous permet d'améliorer la qualité de l'atténuation des ombres avec une très légère baisse des performances. La baisse de performance est négligeable, nous vous recommandons donc de toujours cocher la case.

Dans l'exemple suivant, la modification de la forme du contour en "U" inversé génère un effet d'ombre "halo" étrange..


Bruit

Le curseur Noise est un outil utile pour donner à votre ombre une apparence granuleuse. Si vous créez un style ressemblant à de la terre ou du béton, l’ajout de bruit peut contribuer à l’effet général. Pour une ombre totalement lisse, laissez-le à 0%.

Dans l'exemple suivant, si vous définissez le bruit sur 15% seulement, vous obtenez une quantité de grain assez importante dans l'ombre. Une bonne plage d'utilisation est comprise entre 0% et 25%, car une valeur supérieure à 25% peut souvent donner un aspect très peu naturel..


Assommer

Qu'est-ce que "Layer Knock Out Drop Shadow" signifie dans le monde? C'est simple une fois que vous avez compris le concept, mais cela peut être difficile pour les débutants car il ne s'applique que dans certaines situations. Heureusement, il est presque toujours préférable de laisser cette option cochée.

Lorsque vous créez un nouveau calque et y appliquez une ombre portée, vous examinez deux éléments: le contenu du calque et son style. Si vous vous souvenez de la partie 1 de notre guide, vous pouvez masquer le contenu du calque tout en affichant le style de calque en définissant le "Remplissage" de la palette des calques sur 0% pour un calque donné..

Dans l'exemple suivant, le "Remplissage" des deux ensembles de texte est défini sur 0%, mais la case à gauche de la case "Calque masquant l'ombre portée" est cochée, contrairement à celle de droite. Le résultat est que le texte à gauche crée un type de masque de transparence (ou "assomme" l'ombre portée), ce qui ne permet pas à l'ombre portée de transparaître. Alternativement, le texte à droite ne "bloque" pas l'ombre portée, ce qui lui permet de.


Enregistrement et chargement des paramètres par défaut

Vous pouvez enregistrer et charger les paramètres par défaut pour chaque effet dans la boîte de dialogue Styles de calque. En cliquant sur "Définir par défaut", Photoshop enregistre les paramètres actuellement actifs en tant que nouveaux paramètres par défaut pour cet effet..

En cliquant sur "Rétablir les paramètres par défaut", Photoshop chargera les derniers paramètres enregistrés. Cela vous permet d’essayer et de recharger simplement les paramètres par défaut si vous voulez recommencer..


Un pour la route

Jusqu'à la prochaine fois, ce style de couche exclusif et gratuit, accompagné du fichier .PSD, vous permettra de tester vos propres paramètres d'ombre portée..

Téléchargez ce style

Options Premium

Et si vous souhaitez des styles d'ombres plus sophistiqués, Envato Market propose une gamme d'actions Photoshop qui créent automatiquement des ombres réalistes. Par exemple:

1. Ombre portée réaliste (Action Photoshop)

Créez une véritable ombre portée en quelques secondes avec ce fichier d'action atn photoshop. Vous pouvez déposer l'ombre vers la droite ou la gauche, puis la faire pivoter, la redimensionner ou la transformer librement à votre guise, car elle sera créée dans un calque séparé même si vous pouvez ajouter un masque ou un effet au calque..

Ombre portée réaliste (Action Photoshop)

2. Générateur spécial d'ombres portées

Cet ensemble très cool d'actions vous permet de créer ces effets d'ombre fantastiques. Créez des rabats, des boucles de page, des zones Web plus facilement avec de superbes ombres réalistes! En un clic!

Générateur spécial d'ombres portées

3. Effet de texte Photoshop: Cinéma 3D ombre et lumière

Ce pack de 5 actions contient 20 actions permettant de générer des effets 3D Light and Shadow sur le contenu de vos graphiques ou texte rasterisé. Il inclut également 1 action de réflexion supplémentaire pour l’ajout de réflexions aux effets d’ombre et de lumière.

Effet de texte Photoshop: Cinéma 3D ombre et lumière