Ce tutoriel est écrit avec Photoshop CS 6.
En s’inspirant du Flat Design (style actuellement en usage sur Internet), voici comment réaliser une ombre plate, pour un texte ou une forme.
La méthode décrite ici n’est pas une Ombre flat design (ou Long shadow).
Pour faire une ombre plate, Il y a 2 méthodes rapides : soit par duplication de la forme ou du texte que l’on décale visuellement pour créer l’ombre plate, soit à l’aide d’un Style de calque / Ombre porté.
Ajouter une ombre plate par duplication :
Exemple avec un texte :
► avec l’outil Texte ou touche T, écrire le texte dans le document
Pour ajouter l’ombre plate :
► dupliquer le calque de texte, avec Ctrl + J
► sélectionner le calque du dessous
► dans le panneau Caractère, choisir du Noir comme couleur du texte
► décaler ce calque par rapport à celui au dessus, de plusieurs pixels, avec les Flèches
Pour le décalage, vous pouvez par exemple, maintenir la touche Maj puis appuyer sur une Flèche, cela déplace de 10 pixels à la fois.
En général, visuellement, l’ombre est soit en bas à droite, soit en bas à gauche.
Ensuite il est possible de diminuer l’Opacité de l’ombre,
► soit diminuer l’Opacité du calque, en haut du panneau Calque
► soit changer la couleur noire du texte par du gris, ce qui revient au même
► dans le Sélecteur de couleur, cocher la case L et choisir la Luminosité de l’ombre
Exemple avec une forme :
Il faut que la forme soit seule sur un calque, donc soit vous la créez, soit vous la détourée à partir d’une image, de façon à l’isoler sur un calque (copier/coller).
► dupliquer le calque de la forme
► sélectionner le calque du dessous
Pour cet exemple la forme est de couleur noire, donc il suffit de
► diminuer l’Opacité du calque en haut du panneau Calques
► décaler la forme, par exemple de 10 pixels, en bas à droite
Si la forme est en couleur, dans ce cas il faut :
► faire un Ctrl + clic sur la vignette du calque du dessous
► remplir la forme avec du Noir
► décaler, par exemple de 10 pixels et diminuer l’Opacité du calque
Exemple avec une forme rouge et une ombre décalée de 2 pixels, opacité 30%.
Dans ce cas, pour choisir la couleur de la forme, j’ai ajouté un (rouge),
► puis j’ai mis ce calque en écrêtage avec le menu
Ajouter une ombre plate avec un Style de calque :
Avec un Style de calque, on n’utilise qu’un seul calque.
Après avoir écrit le texte ou créé la forme (sur un calque seul),
► choisir le menu
► pour que l’ombre soit plate il suffit de mettre 0 dans le paramètres Taille
► ensuite on choisi la distance de l’ombre avec le paramètre Distance
► et l’Opacité avec le paramètre Opacité en haut de la fenêtre
Vous pouvez également choisir une autre couleur que du noir pour l’ombre, il faut juste que l’ombre se voit par rapport à la couleur de fond de l’image.
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.
Ombre plate sur le texte et le rectangle :
Texte : dupliquer le calque, le placer en dessous et le décaler puis changer sa couleur (#ccc dans panneau Caractère)
Rectangle : dupliquer, déplacer en dessous puis ajouter un calque de remplissage Couleur unie (#ccc)
Ombre plate en couleur avec Style de calque / Ombre portée:
couleur comme le texte – opacité 40% – angle 120° – Distance 7 – Taille 0
Ombre plate avec Style de calque / ombre portée :
opacité 40% – angle 135° – distance 20 – taille 0