Réaliser un texte glossy avec photoshop

Par Laurent | 10.06.09 09:45 | 0 commentaire(s) | design

Voici en matière de design, un tutoriel qui peut s'avérer très utile.
Effectivement vous pourrez en quelques minutes créer un splendide texte effet glossy, pour agrémenter vos pages, présentations...
Mais pour ceux qui ne connaissent pas ce terme : qu'est ce qu'un texte glossy ?
Et bien c'est un texte avec une sorte d'effet lumineux comme celà :


Je vais résumer en quelques étapes sur Photoshop la façon de créer un texte de ce genre.Je vais détailler le plus possible afin que ceux qui ne connaissent pas certains raccourcis sur Photoshop puissent suivre aussi.

Donc après avoir lancé Photoshop, vous devez avoir la fenêtre Calques visibles (touche F7)

Etape 1)
Je créé un calque : Menu Fichier->Nouveau...->Largeur : 350 pixels Hauteur : 160 pixels ->je valide par OK .
J'écris rivbox blog (avec l'outil texte T) et remplis(outil pot de peinture) le fond avec une couleur.

Etape 2)
Je donne du style au texte comme ceci :

Double clic sur le calque texte rivbox blog, puis j'ajoute des options :
-Une ombre portée (de base, j'ai juste séléctionné l'option)
-Incrustation en dégradé (prendre 2 couleurs au choix j'ai choisi le marron comme 1ere couleur et l'orange clair comme dernière couleur de dégradé) (ou choisissez les dégradés qui sont proposés de base)
-Contour(je choisis une taille de 3 pixels couleur blanche)
(plus d'informations voir le psd que j'ai réalisé, cf bas de page)

Etape 3)
Voilà, nous entrons dans le vif du sujet, la création de l'effet glossy :
En dessous du T (texte) de la boite à outil je choisis l'outil ellipse, ou rectangle, pour l'exemple j'ai choisis l'ellipse.
Je crée une ellipse au dessus du texte comme ceci :

Puis très important je vais sur le calque de la forme 1(donc l'ellipse) et je clique bouton de droite dessus et je choisis Pixelliser le calque....

Parenthèse création d'ellipse :
Il y a aussi une autre technique pour créer un calque en forme d'ellipse c'est d'utiliser l'outil ellipse de sélection (boite à outil en haut à gauche), et je crée l'ellipse, et dans la liste de calque, je fais Créer un nouveau calque et je remplis l'ellipse par une couleur.)

Et c'est là qu'on va intégrer le fond blanc dans le texte par le biais d'un masque de fusion, pour celà voici le détail :
-je choisis l'outil déplacement (la flêche dans la boite à outil = touche V du clavier)
-je me place sur la calque texte rivbox blog et j'appuie sur Ctrl du clavier (control) et je clique sur ce calque texte, le texte apparait sélectionné comme ceci :

Et c'est là qu'on va créer un masque de fusion :
-je me place sur le calque Forme 1 et je vais sur ajouter un masque de fusion (le texte doit toujours être sélectionné)

Et une fois que j'aurais choisis d'appliquer le masque de fusion j'obtiendrais ceci :

Et ensuite il me suffit de changer l'opacité et de mettre la valeur 28% par exemple :

Et ensuite : menu Fichier->Enregistrer sous-> exemple.jpg et voilà...
Voici le fichier psd si vous souhaitez partir de ça : Glossy-texte-rivbox
On peut bien sûr changer des paramètres pour faire varier l'opacité, changer la ligne d'effet en partant d'un rectangle.....

Bon design ;)