Créer un texte en flammes avec Photoshop

Apprenez dans ce tutoriel, grâce à la technique de la manipulation graphique à créer un texte en flammes, l’effet est plutôt réaliste et la composition finale vraiment saisissante. L’exercice demande du temps et beaucoup de minutie, ne le commencez pas si vous n’avez pas au moins une heure devant vous.

Apprenez dans ce tutoriel, grâce à la technique de la manipulation graphique à créer un texte en flammes, l’effet est plutôt réaliste et la composition finale vraiment saisissante. L’exercice demande du temps et beaucoup de minutie, ne le commencez pas si vous n’avez pas au moins une heure devant vous.

Voici le genre de texte que vous pouvez obtenir en suivant les étapes ci-dessous.

Si vous êtes intéressé, commencez alors par suive cette première étape.

ETAPE 1

Ouvrez le logiciel Photoshop, puis allez dans le menu Fichier> Nouveau. Dans la fenêtre, modifiez le nom du fichier, puis largeur et hauteur : 600 pixels. Une nouvelle image se charge automatiquement. Modifiez la couleur d’avant plan par le noir puis allez dans le menu Edition> Remplir ou appuyez sur les touches Maj + F5.

JPG - 72.8 ko

ETAPE 2

Sélectionnez l’outil Texte (T) puis créez une zone de sélection partant de la gauche de votre image et s’étirant jusqu’au côté droit. Tapez ensuite votre texte (FIRE par exemple). Dans l’image ci-contre, la police utilisée est Bell MT, la taille est de 100 pixels. Pour terminer, modifiez la couleur de votre texte en orange (#f9ae31).

JPG - 89 ko

Téléchargement des fichiers sources liés à ce tutorial

Veuillez vous connecter pour télécharger les fichiers sources

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 49 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 29 janvier 2010 10:11, par kl0uny

    l’effet est magnifique !!! merci wonka ton site est super !! je suis étudiante en graphisme & actuellement en stage, ton site m’aide beaucoup dans mes études :)

    Répondre

    • 27 avril 2011 14:06, par Lea

      bonjour je m appelle lea

      moi aussi j adore

      Voir en ligne : hayoo

      Répondre

  • 29 janvier 2010 15:26, par cambaba

    Super tuto, accessible à, tous au rendu exceptionnellement magnifique ! Bonne idée pour logo ou fond d’écran ^^

    MERCI WONKA =D

    Répondre

  • 29 janvier 2010 16:04, par Angus

    Premier tuto de l’année tout simplement super utile et intéressant, merci.

    Maintenant il ne reste plus qu’à reproduire l’effet désiré (Je pense qu’il me faudra plus qu’une heure :) )

    Répondre

  • 30 janvier 2010 09:36, par Thomeuxe

    Whaaa !

    Super rendu !

    merci Wonka ;)

    Répondre

  • 31 janvier 2010 14:09, par Nakleng

    Bonjour, Excusez moi mais je reste bloqué a l’etape 3, je ne comprend pas, serait-il possible de m’envoyer plus d’explication, je Voudrais marqué « D P K M F » en taille 100 Police Impact(en Majuscule), et mettre un logo qui brule aussi, serait -il possible de me contacter par email. Merci de me repondre le plus rapidement possible.

    email : lw.41@live.fr

    Cordialement, NAKLENG

    Répondre

  • 31 janvier 2010 23:15, par Kraken Master

    Ce tutorial est incomplet dans son explication, il faut connaître PhotoShop si non on reste bloqué. Exemple sur le point trois, on passe d’un texte orange à dégradé sans explication.

    Pour ma part, pas de problème, sans jeux de mot, ce tuto est d’enfer et enfin je peux me remettre à jouer avec PhotoShop. (Ca fait trois mois qu’il dort sur mon bureau.) Voici une miniature d’un fon d’encrant que je vient de faire grâce à ce tuto, enfin je l’ai un peut modifier.

    Répondre

    • 1er février 2010 10:31, par Wonka

      En effet j’avais oublié quelques explications lors de l’étape 3 ! Merci pour cette remarque :) je viens de corriger cela.

      Répondre

      • 7 décembre 2010 11:13, par Damien

        Slt Wonka Super ce tuto mai je reste bloque a l’étape 3. pourrai tu m’écrire JDW tout attaché en police 100 ??! Se serai vraiment trop cool !!! Envoie moi le travail a dam.69@hotmail.fr. Merci d’avance ! (Si quelqu’un d’autre que wonka veut le faire je suis preneur)

        Répondre

        • 7 décembre 2010 13:40, par Wonka

          Désolé mais je n’ai pas du tout le temps en ce moment :( peut être une autre personne pourras te faire cela ?

          Répondre

  • 4 février 2010 14:37, par Tixes

    Hello, je suis débutant dans l’infographie et c’est la première fois que je fais un travail de ce genre sur photoshop (je n’y connais pas grand chose)... J’y mets mon image : écrit TIXES

    Répondre

  • 4 février 2010 14:43, par Tixes

    Hello ! Je suis débutant sur photoshop : je remercie Wonka pour tous ces tutoriels qui m’ont formés... C’est la première fois que je fait une image de ce genre : la voila

    J’aimerai lire vos critiques, ce qui me permettrai d’avancer dans ma carrière ! merci

    Répondre

  • 4 février 2010 20:46, par Boon

    Whaou ! L’effet et tout simplement impressionnant !

    Répondre

  • 5 février 2010 21:48, par medzo 120

    ... dur a realiser mais super il faut bien insister sur les dimentions merci

    Répondre

  • 7 février 2010 16:56, par Silver

    Merci beaucoup pour ce très bon tuto et tous les autres également ^^

    Ça va me permettre de remédier un peu à ma faiblesse dans la typographie :)

    Bonne continuation :D

    Répondre

  • 11 février 2010 10:37, par need

    L’effet est pas mal, mais le tuto !! Trop compliqué ton truk, en plus quand on début on connait pas tout, tu expliques comme si tout le monde savait où touver ci, où trouver ça, mais bon pas grave..

    Répondre

    • 19 février 2010 13:53, par AlphaFX

      C’est sûr que c’est pas un tuto facile pour débuter... L’effet est génial, et réalisable sous GIMP moyennant une heure ou deux de temps devant soi.

      Répondre

  • 12 février 2010 11:53, par Votre pseudonyme

    Lorsque j’ouvre Photoshop, j’ai un problème : L’arrière plan N’apparaît pas, on trouve Rouge Vert Bleu. Comment faire ? ? ? ? ? ? Merci de me répondre

    Répondre

  • 12 février 2010 22:23, par Nicolas SORET

    Super Tuto Wonka, l’effet est top. Juste un truc, la lueur rouge en dessous du texte se voit un peu trop je trouve, pourquoi ne pas mettre un peu rouge et encore autour du noir, afin de plus incruster dans le fond. A voir.

    Sinon ce serait sympa de se refaire un petit déj à la défense, si t’es libre un de ces 4.

    Bonne chance pour les prochains tutos :)

    Répondre

    • 14 février 2010 21:34, par Wonka

      Merci pour ton commentaire Nicolas ;)

      Pour ton invitation c’est sans problème, d’autant plus que j’ai trouvé un coin bien plus sympa que la défense (dans la galerie du louvre il y a un starbucks et une foule de petits restos bien sympa, donc why not, soon ;)

      Répondre

  • 13 février 2010 16:46, par Flaw

    Merci Wonka, L’effet est sympa et accessible au « débutant ».

    Répondre

  • 22 février 2010 18:37, par Nephtys

    Un tutoriel très agréable à suivre et très bien fait Merci pour ce plaisir

    Neph

    Répondre

  • 24 février 2010 17:03, par carthi

    c’est magnifique merci :) le tuto est super et le résultat est à la hauteur des 2 heures passées à le faire. J’aimerais connaitre vos avis sur ma création, savoir si c’est améliorable.

    Répondre

  • 26 février 2010 12:21, par Benji

    Merci du tuto c sympa a faire

    Répondre

  • 3 mars 2010 01:12, par m_10

    IMPECCABLE a sque je vois on ce maintien tj au top, avec des creations toujours plus epoustouflantes...

    Répondre

  • 27 mars 2010 17:35, par Farcry69

    slt a tous ! je suis bloquer a l’etape 8 je ne sais pas comment trouver la flamme si elle est deja sur le pc ou sion en prend une o pif ??

    Répondre

  • 5 avril 2010 17:38, par Votre pseudonyme

    JE SUIS BLOQUER A LETAPE 8 OU TROUVER flamme.psd ???

    Répondre

  • 6 avril 2010 16:01, par Gilooz

    Est ce que je peux le faire avec CS3 , parce que là je bloque sur l’étape 3 (2eme§ = je ne comprends rien) ??

    Répondre

  • 9 mai 2010 12:48, par hypocriite

    http://www.flickr.com/photos/hypocriite/4591547080/in/photostream/

    Répondre

  • 4 juin 2010 23:53, par TutsEmeror

    L’incrustation du texte n’est pas bien réalisé, cela fait trop pâte à chewigum, les flammes ca reste très simple à intégrer mais pour le reste ca reste encore très amateur. Et ouais il ne suffit pas de pomper sur un tutorial américain pour savoir faire des textes enflammés ;) encore des progrès à faire chez wonka ca va venir petit à petit en tout les cas :)

    Répondre

  • 18 juin 2010 17:25, par fanest4

    Problème étape 14 lorsque je met mon mur de pierre on voit bien le texte mais les flammes restent dessus et le fond des flammes noires on le voit aussi, mon screen : http://yfrog.com/j5sanstitre1xwp

    S’il vous plaît aidez moooiiii ! :’(

    Répondre

  • 19 juillet 2010 18:45, par Louis

    Il est vrai que l’exercice demande du temps et beaucoup de minutie. Les images sont belles, et le feu est très réaliste. Merci :)

    Répondre

  • 11 août 2010 15:08, par webAntoine

    domage que les flames ne soit pas directement créé avec photoshop

    Répondre

  • 27 août 2010 10:51, par Kurime

    J’ai un léger problème à l’étape 3. Je n’arrive pas à faire le dégradé comme sur l’image. Le pinceau est trop gros pour les lettres et ça déborde sur le fond noir. Faut-il faire un clic un peu partout ou bien foncé ?

    Merci d’avance pour votre aide.

    Répondre

  • 26 octobre 2010 14:45, par nzangel

    Excellent tuto, merci beaucoup !

    voici se que j’ai fait grace au tuto : http://nz.angel.free.fr/signaturefinal.jpg

    Répondre

  • 28 octobre 2010 11:48, par SolidSnake

    Tuto excellent, j’ai pu reproduire exactement le même effet sous Gimp en suivant à la lettre les consignes (même si les modes de fusion diffèrent quelques peu). Merci

    Répondre

  • 24 novembre 2010 13:49, par Votre pseudonymedamlerider

    voila je n’arive pas a faire un texte en flamme. Serait il possible que quelqu’un m’ecrive JDW de cette facon sa serait vraiment super sympa !! Je remercie d’avance celui qui me le fera. Il peut me l’envoyer a dam.69@hotmail.fr.

    Répondre

  • 11 janvier 2011 14:53, par frenchy

    Hello Merci pour ce tuto , m’en suis servie pour customiser mon site WEB ...

    Répondre

  • 24 janvier 2011 15:20, par remoux51

    Impossible de trouver le PSD des flammes !!!!

    question déja posé a ce que j’ai lu. Le modo n’a pas daigner corrigé, rajouter ou mettre en valeur le téléchargement.

    je trouve sa peu suivie pour un site Pro..

    Dommage car il y a de bons Tutos

    Répondre

    • 25 janvier 2011 17:39, par Wonka

      Vous pouvez télécharger un fichier zip en bas de page de chaque tutorial, ce le zip de cet article vous retrouverez un fichier flamme1.psd qui contient la photo des flammes !

      Du coup j’ai un peu de mal à comprendre votre message ?

      Répondre

  • 28 janvier 2011 16:25, par remoux51

    Merci pour la mise en valeur du fichier ZIP parce que je ne le voyais vraiment pas.

    Dans le doute d’être miro (pourtant je n’ai pas besoin de lunette encore :) ) j’ai demander à des collègues de regarder. Rien non plus pour eux.

    Je m’excuse quand même pour le « ton », ma petite excuse est que j’ai passer bien 15/20 min à chercher

    Merci encore

    Répondre

    • 29 janvier 2011 14:50, par Wonka

      Ok mais en fin de compte l’avez vous trouvé ? :)

      Répondre

  • 29 janvier 2011 19:24, par pulpsam

    Je suis bloqué a l’étape 3 le pinceau déborde autour des lettres il est écrit « Pour terminer appuyez sur Ctrl/Cmd + D » mais je suis sur mac pourrais tu me dire à quoi ça correspond ? merci

    Répondre

  • 29 janvier 2011 19:49, par pulpsam

    Je suis bloqué à l’étape 3 le pinceau déborde autour des lettres il est écrit « Pour terminer appuyez sur Ctrl/Cmd + D » mais je suis sur mac pourrais tu me dire à quoi ça correspond ? merci

    Répondre

    • 31 janvier 2011 11:31, par Wonka

      Ctrl + D sous windows Cmd + D sous mac. Cela permet d’annuler la sélection. Bon courage.

      Répondre

  • 30 janvier 2011 12:33, par Eva Luna

    Super mais… et ouai un mais. Quand j’importe le texte en flamme sur mon fond pierre il reste le noir des flammes que j’ai importer. J’ai vu que quelqu’un avait poser la question. Comment faire pour que ça reste crédible, parce qu’avec la gomme avec un flou on perd du réalisme. Sinon j’ai mis plus qu’un heure aussi ;). Merci de me répondre, j’aimerai aller jusqu’au bout. Et un big merci !

    Répondre

    • 31 janvier 2011 11:30, par Wonka

      Aie, je viens de lire l’étape concernant le background et normalement le noir ne se voit pas, surtout si le mode de fusion est bien appliqué sur tous les calques flammes ! Il faudrait vérifier que toutes les étapes soit bien appliquées !

      Répondre

  • 31 janvier 2011 18:47, par pulpsam

    Je voudrais mettre le texte sur une image deja existante dont le fond n’est pas noir sans mettre le mur d’arriere plan. Existe t il un moyen de rendre directement toute la couleur noire de l’image flammes transparente comme avec l’option couleur vers alpha de gimp ? merci

    Répondre

  • 2 février 2011 07:36, par Eva Luna

    Snif, j’ai vérifié tt les étapes et re-snif. Est-ce que tu peux être plus clair pour supprimer ce noir ? Merci :).

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.