Ombre plate

 

 

Ce tutoriel est écrit avec Photoshop CS 6.

 

• Ajouter une ombre plate par duplication
• Ajouter une ombre plate avec un Style de calque

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 Calque de remplissage Couleur unie (rouge),
► puis j’ai mis ce calque en écrêtage avec le menu Calque / Créer un masque d’écrêtage

 

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 Calque / Option de fusion… / Ombre portée

► 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.

2 639 vues