gaminghackslogicielssourcestutoriels

Effet de texte relief ou incrusté avec photoshop



Introduction : Dans ce tutoriel vous apprendrez comment donner soit un effet de hauteur (relief), soit un effet d'incrustation à vos texte.

Premièrerement créez une nouvelle image, de taille moyenne (512 * 512 pixels).


Cliquez sur l'icone calque, cliquez sur l'icone nouveau calque (en bas), cliquez sur ce calque pour le sélectionner.
 

A l'aide de l'outil de remplissage, remplissez le calque d'arrière plan de la couleur de votre choix, ici # 2d6ab3.


A l'aide de l'outil Texte, créer un texte de Rayon 200px, de couleur blanche.
 

Choississez de préférence une police assez "grosse", sinon l'effet ne sera pas aussi efficace, j'ai choisi la police Impact.


Dans le menu calque, cliquez sur le calque contenant le texte et choississez Options de fusion.


Cochez Ombre portée et reglez l'opacité sur 75%, la distance à 2px, la taille à 5px.
L'ombre doit partir vers le bas, à droite, et voir une petite distance du texte, pour faire croire que le texte en est responsable.


Cochez Ombre interne et reglez l'opacité sur 100%, la Distance à 0px, le Maigri à 10px, la Taille à 3px, le contour avec la même courbe que sur la capture d'écran ci dessous, cochez également lissé.
Cette ombre interne donnera la hauteur de notre texte, elle ne doit pas être "portée" et éviter d'être trop grise pour ne pas rendre les bords du texte flou.


Voilà, maintenant vous savez faire l'effet de texte en relief.


Télécharger le PSD du texte en relief

Nous allons maintenant faire du texte incrusté.

Les seules différences entre ces deux effets se trouvent dans de subtils réglages des Options de fusion.

Dans les options Ombre portée changez seulement la distance : 0px.


Dans les options Ombre interne Changez l'angle afin qu'il soit compris entre 90° et 180°, mettez la distance à 0px, si vous choississez d'autres valeurs il est possible que l'ombre ne soit pas adaptée, changez sa courbe.


Voilà, maintenant l'effet d'incrustation est terminé.


Télécharger le PSD du texte incrusté
Valid XHTML 1.0 Strict CSS Valide !