Dans ce nouveau tutoriel nous allons utiliser les styles de calque pour réaliser un super effet de lave en fusion sur un texte rien qu’avec Photoshop.

Effet de lave sur texte

Voilà un aperçu du résultat final

Effet de lave sur texte avec photoshop

Avant de commencer le tutoriel, téléchargez le pack de ressource suivant puis ouvrez un nouveau document de 1500×1500 pixels, résolution 72Dpi couleurs RVB8bits

Importez la texture du bitume suivante dans votre document

Effet de lave sur texte avec photoshop

Ensuite ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Changez son mode de fusion en densité linéaire + et réduisez son opacité à 55%.
Effet de lave sur texte avec photoshop

Prenez l’outil texte (T) et tapez votre texte en utilisant la police fournie avec le pack en haut

Effet de lave sur texte avec photoshop

Rendez-vous dans les options de fusion

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Dans le sous menu texture cliquez sur “Charger les motifs” et sélectionnez le motif disponible dans le pack en haut

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Ce qui vous donne le résultat suivant

Effet de lave sur texte avec photoshop

Maintenant dupliquez votre texte (Ctrl+J)et rendez-vous dans les options de fusion

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Ce qui vous donne ceci

Effet de lave sur texte avec photoshop

Créez un nouveau calque (Ctrl+Shift+N), mettez-le derrière les calques des textes, prenez l’outil pinceau (B) et dessinez un ombre porté comme ceci ou bien utilisez la méthode suivante pour l’ombrage des textes.

Effet de lave sur texte avec photoshop

Créez un nouveau calque, prenez l’outil pinceau (B) sélectionnez des brushes fumées et dessinez de la fumée comme ceci

Effet de lave sur texte avec photoshop

Créez un autre calque, toujours avec l’outil pinceau (B) avec une faible opacité et colorez quelques partie de ce dernier en utilisant les couleurs suivantes : #bc6d2a, #fa5735 et #ffc55b

Effet de lave sur texte avec photoshop

Changez son mode de fusion en Lumière tamisée

Effet de lave sur texte avec photoshop

Maintenant importez l’image du feu dans votre document et ajustez-la comme ceci

Effet de lave sur texte avec photoshop

Changez son mode de fusion en éclaircir

Effet de lave sur texte avec photoshop

Ouvrez d’autre image de feu et sélectionnez quelques et de la même façon importez-les dans votre document

Effet de lave sur texte avec photoshop

Maintenant importez la texture suivante dans votre document et ajustez-la comme ceci

Effet de lave sur texte avec photoshop

Changez son mode de fusion en éclaircir

Effet de lave sur texte avec photoshop

Pour finir ajoutez un calque de réglage Balance des couleurs en allant dans Menu > Calque > Nouveau calque de réglage > Balance des couleurs puis changez les tons foncés et moyens comme ceci

Effet de lave sur texte avec photoshop

Effet de lave sur texte avec photoshop

Et voilà le résultat final

Effet de lave sur texte avec photoshop

105 COMMENTAIRES

  1. Salut, super tuto comme d’hab.

    Tu as oublié de mettre .zip à la fin de l’adresse pour le pack de ressources, ça envoie à une page d’erreur du coup 😉

  2. Le résultat est vraiment réaliste. Un très beau travail, et bon tutoriel. Bravo ! 😉

    P.s : Pour télécharger le pack de ressource, en attendant que ce soit modifié sur le site, vous n’avez qu’à cliquer sur le lien qu’il donne et de rajouter au bout de l’URL le format : .zip
    Ce qui donne : http://www.tutsps.com/telecharger/E

  3. Là on sent un nouveau vent de fraîcheur sur le site. J’avais comme l’impression que ça s’essoufflait. Et ben là franchement respect. L’effet est très réaliste, des tutos comme ça j’en prendrais tous les jours 😀

    Merci Grapholog

  4. Mortayo – As tu bien charger le motif du pack de ressources dans le panneau “Incrustation de motif” ?
    As tu coché la case “lier au calque” dans le panneau “incrustation de motif” ?
    Si ce n’est pas ça, désolée je ne peux pas t’aider plus !!! Bon courage !

  5. je vient de commencer a utiliser photoshop et je voudrais savoir comment on ouvre les brushe de fumé je n’y arrive pas?
    merci d’avance 🙂 et merci pour le tuto

  6. super tuto, mais j’ai un soucis j’ai beau reproduire le tuto a l’identique jarrive pas se resultats, alors que tous le monde y arrive je comprend pas

  7. vraiment bien. mais j’ai un probleme, arrivé au “premier texte” (l’endroit ou on a pas encore dubliqué le calque d’écriture) je n’ai pas le meme effet est-ce que quelqu’un pourrait m’eclairer un peu svp merci ^^

  8. ;-( désolé mais au début pour former le texte avec effet lave sur les contours y’a un problème, parce que j’ai suivi le tuto à la lettre, chaques détails, je l’ai relu et refais et rerefais et j’obtiens pas l’effet désiré, j’ai du magouiller pour m’en rapprocher le plus et encore ce n’est pas suffisant. Les gars vous avez du faire une erreur

  9. @Tyrant: J’ai suivi le tuto à la lettre et pas de problème, soit plus précis, parfois il ne faut pas grand chose pour que tout change avec PS !!

  10. salut! J’ai un probleme ice! c’est: “dupliquer le texte et rendez-vous au option de fusion”! quand je me rend au options de fusions de trouve les modification précédentes et quand je les modifient je trouve un resultat différent!! c’est comme je ne fait que changer les modifications precedentes!! merci de m’aider rapidement!! SVP :p

  11. Salut, j’ai le même problème que pas mal de monde!
    Je suivi le tuto a la perfection, relu et recommencé mais le résultat sur les options de fusion sur le premier texte ne donne pas le résultat que Tutps a mis!
    J’ai un résultat vraiment hideux

    Need Help

  12. Salut, j’ai le même problème que pas mal de monde!
    Je suivi le tuto a la perfection, relu et recommencé mais le résultat sur les options de fusion sur le premier texte ne donne pas le résultat que Tutps a mis!
    J’ai un résultat vraiment hideux

    Need Help

  13. Le truc quand du duplique le texte fait le dès que tu l’as créer car il faut ta duplication neutre afin d’apporter les nouveaux détails de fusions.
    (et bien utiliser un texte blanc)

    En espérant vous avoir aider.

    Bonne journée

  14. Hello ! Merci pour le tuto mais comme beaucoup je n’arrive pas au même résultat même en suivant à la lettre le tuto, il doit y avoir un manque quelque part.. es ce que quelqu’un pourrait m’envoyer son .psd en modèle please ? Ca serait vraiment sympa car je galère bien …freedaube@hotmail.com

  15. Ah bah non c’est bon j’ai réussi, comme c’est pas précisé, quand vous dupliquez le premier calque il faut que toutes les options de fusion soient supprimés mais pas modifier les valeurs sinon le résultat sera différent

  16. Quelqun de sympa pourrais me le faire identique (comme le résultat) mais avec écris Dylkoss, Dylan et grandeclaque, comme sur mon rendu a moi ,parce que j’ai suivis tout a la lettre mais ca donne sa:

    http://www.hostingpics.net/viewer.p

    Donc si quelqun pourrais me le faire avec écris Dylkoss bien grand.

    Dylan en haut a gauche et
    Grandeclaque en haut a droite.
    Merci d’avance

  17. Salut , j’voudrai savoir comment Importez la texture du bitume que j’ai télécharger sur le document que j’ai crée ! PS : trop beau travail ! 🙂

  18. Salut , j’voudrai savoir comment Importez la texture du bitume que j’ai télécharger sur le document que j’ai crée ! PS : trop beau travail ! 🙂

  19. juste une information pour continuer mon montage si possible assez vite je voudrais savoir dans la barre menu ou se trouve la fonction fusion et autre je ne trouve pas sur mon photoshop element 7 et cs6 merci

  20. bonjour n’ayant pas trouvée le bon motif sur le pack téléchargé, j’ai donc cherchée des textures lui ressemblant le rendu est vraiment sympa je trouve
    file:///F:/Ma%20musique/NeW%20alLbUm$/No%20photo/shadow-version-finale.html

  21. Bonjour, excellent tuto mais j’ai un petit problème, je n’obtiens pas du tout le résultat qui est attendu. Et dès le début je n’ai pas pu faire ce qui est demandé, je pense donc que c’est à cause de ça. Au début, on me demande d’effectuer les réglages en allant dans menu > calque > nouveau calque de remplissage > dégradé

    Je vais bien ici et je n’obtiens pas les réglages attendus. Voici un screen :
    http://img15.hostingpics.net/pics/1

    Du coup j’aimerais savoir si vous avez une solution et s’il était possible qu’on puisse m’envoyer le fichier photoshop afin que je puisse apporter les effets de vos calques sur mes calques ?

    Merci d’avance

  22. slt, moi mon probleme c’est que lorsque que je créé le calque de degradé j’ai beau mettre les meme reglage, je n’arrive pas a obtenir le halo blanc rond que l’on peut voir apres la photo de l’editeur de dégrader :-/ . Quelqu’unn peut il m’aider?

    Merci

  23. Tuto très très mal expliquer si vous pouviez faire mieux ce serait sympa parce que les étapes ne sont pas du tout expliquer la police est introuvable on nous dit meme pas le nom pour la teelcharger gros manque de sérieux

  24. Super tuto !
    Je l’ai fait hier soir sans problème. Explication très claire grâce aux images (une image vaut mieux que des mots).
    Merci beaucoup. 🙂

  25. Bonjour a tous, Si vous n’avez pas l’effet attendu apres avoir apliqué les options de fusions au texte dupliqué, pensez à vérifier que vous avez bien règlé le “fond” de celui-ci sur 0%.

  26. Bonjour, j’ai un souci, j’ai teste ton tuto, nickel
    mais quand je veux en faire un en 1920×1080 j’arrive pas au même résultat… Vous auriez pas une solution ?

    Au passage merci du tuto ;p

  27. slt tout le monde alor voila g un petit problème. Je possede photoshop depuis deux jour seulement et je ne c pas comment utiliser la police presente dans le pack est ce que quelqun pourait m’aider s’il vous plait ??

  28. Super merci pour le tuto, mais j’ai une difficulté : quand je saisis le texte, il est tout petit, même si je choisis la taille max 72. Comme il y a des tailles en px définies dans le tuto, je pense que c’est ça qui ne colle pas. Comment faire pour pouvoir saisir un texte + grand ? Merci de votre aide.

  29. Euh quelqu’un peut m’en faire un comme celui du numéro 13
    En mettant :
    PHENIX CRAFTEUR

    :(  :-|  :(

    PS: Skype: panda-warrior-fr

       Email: thib.hervier@free.fr
  30. YPro Gaming : regarde les commentaires un peu plus , certains devraient résoudre ton problèmes ( j’étais dans le même cas que toi)
    Personnelement maintenant c’est le contour sur la typo dont je n’est pas le même resultat : elle est blanche. j’ai pas l’effet lave en fusion et j’ai pas trouvé comment faire tout en suivant le tuto.
    En attendant une réponse
    Moi

  31. !-( !-( !-( Hyper important !! dans toute la partie option de fusion de la “copie” du texte, pour avoir le même résultat, il faut décocher toutes les parties où il ne vous fait pas régler d’option (lueur externe, texture, satin, incrustation de couleur et contour)et là tout de suite c’est identique aux images !-( !-( !-( !-(

  32. Le tuto est très magnifique.je but sérieusement au niveau de la duplication du texte lorsque je fais ctrl j le texte ce duplique et par la suite quand je vais aux options de fusion tous les styles de calque utilisés précédemment sont toujours cochés et lorsque je les décoches franchement mon texte ne ressemble plus à rien.je crois qu’il y’a quelque chose qui cloche dans les explications j’utilise photoshop cs6. Grafolog peux- tu m’aider?merci d’avance.

LAISSER UNE RÉPONSE