Sponsors

1and1 Internet
Apr
21
2009
Mettez vos textes en valeur
( 8 - user rating )
Écrit par EVA-sion | Vincent   

banniere

Temps : 20 minutes
Difficulté : Facile
.Psd téléchargeable

Envie de mettre en valeur vos textes ? Oui ? Alors suivez-moi c'est par là.

Ce tutoriel vous apprendra à donner un joli effet combinant la vitesse, le reflet et la transparence des lettres. Ce type d'effet peut parfaitement s'intégrer dans un fond de publicité moderne. Rien de bien compliqué, le plus dur étant de trouver LE texte à utiliser. Pour un maximum d'originalité j'ai choisi d'écrire le nom de votre site de tutos préféré. Les sources pourront être téléchargées en fin de tuto (on est vraiment trop gentils).

Bon tuto à tous. 

Voici le résultat de ce que nous allons faire.

texte_final

Source

Commencez par ouvrir un nouveau document avec ces caractéristiques :

nouveau_document

Remplissez votre document de noir et prenez l'outil texte. Choisissez une police bien grosse et bien grasse. Ici j'ai opté pour la police "Vrinda" en Bold et avec une taille de 162px. Selectionnez une couleur blanche pour votre police.

outil_texte

Faites un nouveau calque de texte par lettres. Voilà ce que ça devrait donner sur votre palette de calques et sur votre document :

palette_calques
 lettres_en_bazar

Pour le moment vos lettres sont en bazar. Un peu de rangement s'impose. Rassemblez toutes votre lettres pour les mettre sur la même ligne et en les superposant de la façon suivante.

bloc_lettres

Sur un nouveau calque, faites un dégradé blanc vers transparent de haut en bas.

outil_degrade

degrade_blanc_transparent

Rangez tout ce que vous venez de faire dans un dossier nommée "étape 1" comme ceci :

 rangement_calques_etape1

- La transparence des lettres

Faites la manipulation suivante :

- sélectionnez le calque "dégradé" et faites un Ctrl+Clic sur le calque de la lettre E. Cela a pour but de séléctionner la forme de cette lettre.

selection

- Vérifiez que vous êtes bien sur la calque "Dégradé" et faites un Ctrl+C (Copier) puis un Ctrl+V.

- Cacher les calques de lettres en cliquant sur leur "oeil".

Si vous vous êtes bien débrouillé, votre écran devrait vous montrer ça :

 lettres_transparentes

Faites de même pour toutes les autres lettres puis cacher votre calque de dégradé et vous aurez ça :

 lettres_transparentes

Mettez tous ces nouveaux calques dans un nouveau groupe appelé "Etape 2" afin d'avoir cette configuration :

 rangement_calques_etape2

Dupliquez ce groupe et renommez-le "Etape 3".

duplication_groupe

Dans ce nouveau groupe, sélectionnez le calque de la lettre "E" (par exemple). Faites un Ctrl+Clic sur ce calque. Ne vous inquiétez pas si votre séléction ne prend pas toute la lettre. C'est normal. Il peut même arriver que vous ayez un message de Photoshop vous disant que la séléction n'est pas visible. Dans ce cas, n'en tenez pas compte. Cela est du à la transparence des pixels. Voyez ici comme la lettre est sélectionnée :

selection_lettre

Choisissez une couleur bien pétante et aller dans le menu  Edition>Remplir (Maj+F5) et faites "Ok".

edition_remplir

Cela devrait vous donner quelque chose dans ce genre :

couleur_lettre

Faites la même manipulation pour tous les autres calques de ce groupe et votre projet devrait ressembler à ça :

toutes_lettres_couleurs

Passer tous les calques de couleur en mode "superposition" puis cacher les deux groupes "Etape1" et "Etape2" en cliquant sur les yeux placés à leur gauche.

superposition

lettres_couleurs_superposition

Voilà, on commence à s'approcher du résultat final.Il ne nous reste plus quà gerer l'effet de vitesse et le reflet de notre texte.

-l'effet de vitesse

Commencez par fusionner tous nos calques de l'étape 3 en cliquant sur le premier et en faisant une succesion de "Ctrl+E" jusqu'à ce que toutes vos lettres soient regroupées sur le même calque.Votre palette de calques devrait donc être comme la mienne.

palette_calques

Dupliquez ce calque puis allez dans filtre>Attenuation>Flou directionnel. Mettez l'angle à 0° et la distance à 90px comme la capture ci-dessous. Cliquez sur "Ok".

flou_directionnel

Prenez l'outil gomme, dont les caractéristiques sont expliquées dans ce tutoriel sur le détourage avec un diamètre moyen, une dureté à 0 et une opacité faible (pour ma part, j'ai choisi 25%) et gommez quelques zones, un peu au hasard, sur ce calque flou. Votre projet devrait désormais ressembler à cela.

effet_vitesse_fin

Vous pouvez répéter ces trois dernières opérations (duplication, flou et gomme) afin d'obtenir un effet de vitesse plus violent. Vous pouvez prendre exemple sur la capture suivante. Une fois que cela vous plait, nous allons jouer sur le reflet.

effet_vitesse_fin

-Le reflet

Dupliquez votre groupe "Etape 3" et renommez-le "Reflet". Fusionnez les calques qu'il contient grâce au "Ctrl+E" que nous avons vu précédemment. Votre palette de calque doit donc ressembler à ça :

fusion_calques_reflet

En ayant sélectionné ce calque, faites un "Ctrl+T" (outil Transformation) puis changer la hauteur dans les paramètres en haut de votre fenêtre. Vous devez passer de 100% à -100%.


Descendez ce calque jusqu'à le faire effleurer le bas de votre texte, comme un reflet (ça tombe bien, c'est ce qu'on veut faire...).

deplacement_du_reflet

Appliquez un masque de fusion sur ce calque en cliquant sur le petite icone rectangulaire avec un rond dedans en bas de votre palette de calques.

masque_de_fusion

Appuyez sur la touche "D" de votre clavier pour réinitialiser les couleurs d'origine (Noir/blanc) puis séléctionnez l'outil dégradé (G). Préparez un dégradé du noir vers transparent :

parametre_degrade

 Tout en maintenant la touche "Maj" de votre clavier, tirez un trait de bas en haut sur votre reflet (en vérifiant que votre masque de usion est séléctionné).

selection_masque_de_fusion

application_degrade

Et voilà, vous avez un reflet qui, comme tout bon reflet, s'estompe en allant vers le bas. Voici le résultat final de notre oeuvre.

final_tuto_texte

Bien évidemment, vous pouvez maintenant enjoliver tout cela en modifiant l'angle de votre texte, en rajoutant des brosses (dont l'utilisation vous a été décrite par Julien dans ce tutoriel). Faites place à votre imagination. 

Pas d'idée ? Allez, en voici une...

pub_texte

 Voilà, à vous de bosser de vous amuser. Prenez du plaisir, n'hésitez pas à poser des questions. Merci d'avoir lu ce tutoriel jusqu'au bout et à bientôt sur eVa-Sion.

Télécharger les sources .psd

 

Commentaires  

 
#101 Bobob 2009-11-04 13:40 Salut le tuto est génial j'aimerai le reussir mais je block o niveau des Ctlr+C je ne sais pas ce kil fo copier et je ne sai pas non ou et koi je doit coller .. merci pour t'as reponse Citer
 
 
#102 nounours 2009-11-29 00:26 Bonjour voila moi j'ai un probleme lorsqu'il faut faire le " flou directionnel " en effet rien ne se produit cher moi je ne sais pas comment faire .. merci Citer
 
 
#103 Vins 2010-01-17 12:40 Bonjour, encore une fois super tuto, cependant j'ai le même problème que nounours avec le "Flou Directionnel". Quelqu'un aurait-il une solution? Citer
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir