Accueil > Tutoriels pour les webdesigners > Photoshop > Effet graphique sur texte > Créer un magnifique effet de texte en eau avec Photoshop

Créer un magnifique effet de texte en eau avec Photoshop

mercredi 7 septembre 2011, par Koolfing

Dans ce nouveau tutoriel Photoshop nous allons apprendre à réaliser un texte donnant l’impression d’avoir été tracé avec de l’eau. Alors ouvrez Photoshop et c’est partit pour ce nouveau tuto !

Dans ce nouveau tutoriel nous allons apprendre à réaliser un texte donnant l’impression d’avoir été tracé avec de l’eau. C’est un tutoriel assez court qui se concentre principalement sur les paramètres de style de calque. Il va vous falloir installer la police "flemishScript BT" que j’ai utilisé, mais le tuto fonctionne avec n’importe quelle autre.

Pour un effet vraiment saisissant choisissez une police plutôt maigre avec des contours arrondis et réguliers dans leur épaisseur. Evitez les polices avec Serif et privilégiez une police avec des formes liées et arrondies qui se croisent comme une écriture manuscrite attachée.

Résultat final de ce tuto Photoshop :

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

1. Commencez par préparer le fond :

1- La taille du document importe peu, faites juste en sorte qu’il soit plus large que haut. Puis à l’aide du pot de peinture (G) remplissez le fond avec la couleur : #968d8d. Doubles cliquez sur le calque pour ouvrir la fenêtre des styles de calque puis appliquez une incrustation de dégradé "Noir et Blanc" avec le mode de fusion "densité couleur -" et une opacité à 19%. Passez l’échelle à 150%.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

2- Prenez ensuite l’outil texte (T) et écrivez le texte "WKS.FR" avec la police " FlemishScript BT", en taille 200px. Appliquez lui une couleur noire et abaissez l’opacité du fond du calque à 0%. Voilà ce que vous devriez avoir avant que l’opacité ne soit réglée sur 0%.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

3- Nous allons maintenant créer quelques gouttes d’eau autour du texte pour lui donner un aspect un peu éclaboussé. Créez un nouveau calque est dessinez des formes comme celles du screenshot ci-dessous à l’aide de l’outil Lasso (L). Remplissez vos formes avec du noir et avec l’outil pot de peinture (G).

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

Maintenant que tous les éléments de la scène sont en place, nous allons pouvoir commencer à travailler l’apparence de notre texte.

2. Préparons le texte :

4- Ajoutons maintenant une "ombre portée" à notre texte, toujours dans les paramètres de style de calque. Le texte apparaît, puisqu’il était invisible avec ses paramètre d’opacité de fond à 0%.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

5- Donnons lui une couleur. Ajoutez une "incrustation de couleur" toujours dans les styles de calques. Modifiez ses paramètres comme suit. La couleur choisie est tout simplement du blanc. ^^

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

6- Ajoutez un dégradé de couleur, toujours dans la fenêtre style de calques.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

7- Ajoutons une lueur externe.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

Voici ce que devriez avoir sous les yeux pour le moment. Le texte à pris une jolie teinte bleutée mais n’a pas du tout pour le moment son aspect final. Vous notez aussi que les éclaboussures ne sont pour le moment pas visible car leur opacité de fond est toujours à 0%.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

3. Donnons son aspect final au texte :

8- Comme bien souvent pour donner du volume à son texte nous allons jouer sur les effets de biseautage estampage. Réglez donc ce paramètre comme suit. Attention à bien régler la courbe de contour brillant comme sur l’image.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

9- On découvre assez bien la forme de l’eau maintenant, mais on va peaufiner tout ça. Ajoutez une lueur interne avec les réglages ci après.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

10- Vous allez maintenant fermer la fenêtre de style de calque et cliquez droit sur le calque de texte. Copier le style de calque, puis coller le avec un clic droit coller le style de calque, sur le calque de nos éclaboussures. Voici ce que vous devriez avoir à cette étape. L’effet commence à être sympas, n’est ce pas ?

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

4. Peaufinages et rendu final :

11- Dupliquez le calque de texte et mettez le calque dupliqué en dessous du texte original. Passez son opacité à 20% puis faites glissez les styles : "ombre portée", "lueur externe" et "incrustation de couleur", dans la corbeille. Ce petit peaufinage donne un aspect moins plastique à l’eau.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

12- Ajoutons deux halos (Filtres/Rendu/Halos..) brillants sur le texte pour renforcer son aspect réflecteur de lumière en contraste avec son coté translucide. Réglez les paramètres des deux halos comme suit et essayez de les positionner au jugé comme sur l’image.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

13- Pour finir ajoutez une texture grunge sur le calque de fond. Vous en trouverez des dizaines en tapant "grunge+texture" sur Google.
Associez là à votre calque de fond avec en utilisant la fonction masque d’écrêtage (clic droit sur le calque puis clic sur masque d’écrêtage). Appliquez lui un mode de fusion lumière tamisée et une opacité qui convient. La mienne a une opacité à 63%.

Voilà ce que vous devriez avoir sous les yeux au final à quelque chose près. Comme d’habitude, n’hésitez pas à me laisser un petit commentaire si vous avez apprécié le tutoriel ou à partager vos créations.

Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop

Messages

Un message, un commentaire ?

Forum sur abonnement

Pour participer à ce forum, vous devez vous enregistrer au préalable. Merci d’indiquer ci-dessous l’identifiant personnel qui vous a été fourni. Si vous n’êtes pas enregistré, vous devez vous inscrire.

Connexions’inscriremot de passe oublié ?