Créer un logo Glossy pour son site Internet

Voici un petit tutorial pour créer un logo pour son site internet, l’effet glossy gélatine est assez sympa et pourra passer sur tous les sites Web2.0 !

Fichier Source PSD : tutorial 207

clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document, et avec l’outil texte je crée mon titre en plein milieu.

ETAPE 2

Je partitionne mon titre en deux, et je place chaque partie sur un calque.

• J’ai normalement mon calque de fond,
• un calque avec la première partie de mon titre,
• et un troisième calque avec la seconde partie de mon titre.

Sur la seconde partie, je place quelques styles de calques : Une bordure, une incrustation de dégradé ainsi qu’une ombre portée.

ETAPE 3

J’ajoute les mêmes styles de calques à la seconde partie de mon titre.

ETAPE 4

Avec l’outil des formes personnalisées, je crée une ellipse sur le dessus de mon titre.

ETAPE 5

Je pixélise mon ellipse, puis je récupère la sélection de mon titre (partie 1 plus partie 2*), je vais la contracter de 1 pixel (sélection > modifier > contracter), enfin j’intervertis puis je supprime.

ETAPE 6

J’utilise un masque de fusion (calque > masque de fusion > tout faire apparaitre) pour camoufler légèrement le haut de mon reflet.

ETAPE 7

Je crée un nouveau calque que je place sous mon titre. Avec l’outil sélection polygonale je crée une forme comme ci-dessous.

ETAPE 8

J’ajoute mon slogan sur cette petite forme.

ETAPE 9

Je supprime l’ombre portée sur mon titre. En dessous de tous les autres je crée un nouveau calque. Je récupéré la sélection de mon titre et de ma forme* et je remplis le tout de blanc. C’est sur cette nouvelle forme que j’applique une ombre portée.

*Je rappelle que pour récupérer la sélection sur plusieurs formes je fais Ctrl + Clic sur mon premier calque puis Ctrl + Shift + Clic sur les autres.

Bonne chance à vous pour réaliser votre composition !