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

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

Partager cet article avec vos amis

Ajouter un nouveau commentaire

Article publié par Julien DEBOVE

Voir le profil Google+ de

Images Réalisées à partir de ce tutoriel Photoshop

publiée par Inconnu

publiée par Inconnu

Vous avez terminé ce tuto ? Partager votre création graphique.

Il y a 22 commentaires publiés sur cet article
  • Ma2t

    Jolie

    Mais en bas de page il est écrit : « Tuto Photoshop : Créer un magnifique effet de texte en haut avec Photoshop »

    C’est pas plutôt en « eau » ?

    Répondre
  • Sandy1230

    Salut !! Arrivé au point 8, c’est là que ça commence à devenir difficile. J’ai la version 7.0 de Photoshop (oui, je sais ! no comment pleazz...) et je n’arrive pas à régler le contour brillant ; il marque que le % de l’entrée est de min 89 et max 100. Ce qui ne donne évidemment pas l’effet voulu. Ensuite, je ne vois pas le halo sur le texte...C’est normal ?

    Répondre
  • francko

    j’ai respecter a la lettre les reglages mais je ne retrouve rien d’identique ..j’utilise cs3 pourtant

    Répondre
  • Votre pseudonymemax

    salut moi j’ai la version cs3 , moi aussi je suis bloqué au niveau de halo pour fair le contour brillant ,mon halo n’est pas actif AIDEZ moi c’st urgent

    Répondre
  • max

    c’est un tuto mais le HALO n’est pas actif comment fairrrrrrrre

    Répondre
  • jeu blackjack

    merci pour le topic l’effet donne vraiment bien

    Répondre
  • rouxx

    nikel merci

    Répondre
  • Pacô

    Il serait peut-être intéressant de mettre les bons codes couleurs, non ? Parce que un code couleur de #968d8d me donne un vague gris ; pas de bleu. Pourquoi aussi montrer des rendus qui ne correspondent pas aux explications les précédant ? Je pense naturellement au premier point, concernant l’opacité du fond de calque à 0% alors que tu montres ensuite un rendu avec une opacité de 100%.

    Bref, c’est un tutoriel à corriger sérieusement. (et il existe d’autres techniques plus élaborées et plus courtes pour parvenir à un résultat encore plus pertinent).

    Répondre
    • Wonka

      Merci Paco pour ce commentaire très utile, peux tu nous en dire plus sur ces techniques plus rapide ?

      Répondre
  • Votre pseudonymeludodd

    Bonjour, même problème : arrivé au point 8, c’est tout à fait différent, j’ai pourtant correctement suivi les instructions précédentes

    Répondre
  • CréArt

    Pour le HALO, il est dispo a partir de la version CS4, alors pas la peine de le chercher avec PS 7.0 ou CS3...

    > vous pouvez jouer avec des brushes de type « lens flare » et les modes d’incrustation...

    Sinon, pour ceux qui suivent « à la lettre », pensez bien que les effets appliqués dépendent de la taille de la composition : tout est relatif !!!

    Soyez bricoleurs et CREATIFS !

    Répondre
    • Misterlenzo

      pour le halo je lai sur mon CS3 alor jme demande comment un otr peu ne pa lavoir .Filtre-rendu-halo et noubli pa de selectionner le bon calque..

      Répondre
  • dylou

    @ Max, applique le halo sur le calque 1 = le fond bleu

    J’ai réalisé jusqu’au bout ce tuto avec CS5, le résultat est sympa mais pas tout à fait ressemblant :-)

    Répondre
  • Nawak

    un halo il faut le mettre avec un fond noire

    Répondre
  • titechoune34

    Bonjour, votre site est vraiment bien expliquer j’aimerais bien me lancer dans tout ce qui est infographie ect ... cependant j’ai fait tout plein de site est c’est celui avec lequel j’apprend le mieu c’est vraiment bien expliquer il y as beaucoup d’image frenchement chapeau et merci beaucoup.^^

    Répondre
  • EileruA

    J’étais bloquée avec les halos également. J’ai fusionné tous les calques actifs avant de mettre les halos et ça a fonctionné :)

    Répondre
  • Kaan

    Je n’ai pas réussis a faire les gouttes d’eau avec le lasso... moi ca me fais des gros patés tordu très moche. Peut tu me donner des conseils pour savoir comment le faire ? Merci d’avance, j’ai essayer tout tes tutos sur les textes...

    Répondre
  • Votre pseudonyme petitjesus

    quel est la bonne couleur pour avoir celle que tu as sur ton tuto ?

    Répondre
  • Subaru192

    Bon tuto. Merci à l’auteur !

    Répondre
  • Perle

    Hellow !! c’est juste pour dire que ce tuto est vraiment génial !! En fait, c’est le seul tuto pour écrire avec de l’eau qui fonctionne parmi tous ceux que j’ai essayé jusqu’à présent ^^ Du coup, je suis vraiment heureuse !! Merci beaucoup !! (*^.^*)

    Répondre
  • laurent

    bonjour y aurait il quelqu un qui saurait m ecrire carpe diem comme l ecriture eau au dessus et me l envoyer car je n ai pas photoshop et c est pour un tatouage merci beaucoup mon email c est laumatic@hotmail.com

    Répondre
  • Piierrrre

    Pour l’effet halo, il suffit simplement de passer son image en RVB.

    Cdlt

    Répondre
Ajouter un nouveau commentaire