Un tout nouveau tuto dans tutsps nous allons créer un magnifique poster avec des beaux effets de feu

Créer un poster pour puma avec des effets de feu très réaliste

Pour commencer ouvrez un nouveau document de 1920×1200 pixels

Téléchargez le fichier suivant (Police, Textures et Motif )

Ajoutez comme arrière plan un calque de remplissage dégradé (Menu > Calque > Nouveau calque de remplissage > Dégradé )

Tutoriels photoshop poster Puma avec des effet de feu

Tapez Puma avec l’outil Texte en utilisant la police que vous venez de télécharger

Tutoriels photoshop poster Puma avec des effet de feu

Dans un nouveau calque prenez l’outil plume (P) et dessinez un vraie puma comme ce ci

Tutoriels photoshop poster Puma avec des effet de feu

Maintenant cliquez sur l’onglet Tracé

Tutoriels photoshop poster Puma avec des effet de feu

Cliquez avec le bouton droit de la souris sur le tracé puis sur Fond de tracé

Tutoriels photoshop poster Puma avec des effet de feu

Choisissez Noir comme Fond

Tutoriels photoshop poster Puma avec des effet de feu

Ce qui vous donne

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Maintenant appliquez dessus les options de fusion suivantes

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Dupliquez le texte Puma (CTRL+J)

Appliquez sur le 1er texte un flou directionnel (Menu > Filtre > Atténuation > Flou Directionnel )

Tutoriels photoshop poster Puma avec des effet de feu
Tutoriels photoshop poster Puma avec des effet de feu

Déplacez votre texte un peut en bas à gauche

Tutoriels photoshop poster Puma avec des effet de feu

Appliquez les options de fusions sur le 2eme texte « puma »

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

voilà le résultat

Tutoriels photoshop poster Puma avec des effet de feu

Ensuite dupliquez le calque du puma pas le texte mais le logo (CTRL+J)

Tutoriels photoshop poster Puma avec des effet de feu

Prenez l’outil ellipse de sélection (M) avec un contour progressif 20px

Tutoriels photoshop poster Puma avec des effet de feu

Dans un nouveau calque faite une sélection Radial sur le “A” du texte Puma comme ce ci

Tutoriels photoshop poster Puma avec des effet de feu

Prenez l’outil peau de peinture (G) et replissez la sélection avec la couleur suivante #f68b01

ce qui vous donne ce ci

Tutoriels photoshop poster Puma avec des effet de feu

laissez la sélection actif et changez le mode de fusion de ce dernier en Incrustation

Tutoriels photoshop poster Puma avec des effet de feu
Tutoriels photoshop poster Puma avec des effet de feu

Créez un autre calque (CTRL+SHIFT+N) et allez dans Menu > Filtre > Rendu > Nuage.

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Changez le mode de fusion en Densité linéaire – (Ajout)

Tutoriels photoshop poster Puma avec des effet de feu

Importez l’image du feu suivante dans un nouveau document (En grande Format dans le fichier téléchargé)

Tutoriels photoshop poster Puma avec des effet de feu

Cliquez sur l’onglet Couches

Tutoriels photoshop poster Puma avec des effet de feu

Maintenez la touche CTRL enfoncé et cliquez sur la couche Rouge

Tutoriels photoshop poster Puma avec des effet de feu

Cliquez sur la couche RVB et revenez à votre calque vous ce ci vous permettras d’obtenir que la sélection du feu

Faites un copie sur se document et le coller sur Notre Puma

mettez la en haut sur le puma son mode de fusion lumière Ponctuel

Tutoriels photoshop poster Puma avec des effet de feu

Dupliquez votre feu et allez dans Menu > Filtre > Atténuation > Flou Directionnel

Tutoriels photoshop poster Puma avec des effet de feu

Tutoriels photoshop poster Puma avec des effet de feu

Créez un nouveau calque et dessinez des formes comme ce ci sur le contour de la lettre « A » avec l’outil pinceau / Forme (B) couleur Rouge et orange

Tutoriels photoshop poster Puma avec des effet de feu
Allez dans Menu > Filtre > Atténuation > Flou Gaussien > 13.9 px

Tutoriels photoshop poster Puma avec des effet de feu

Changez le mode de fusion en Lumière linéaire

Tutoriels photoshop poster Puma avec des effet de feu

Créez un nouveau calque remplissez le avec du Noir puis allez dans Menu > Filtre > rendu > Halo

Tutoriels photoshop poster Puma avec des effet de feu

Changez le mode de fusion en Densité linéaire – (ajout) ce qui vous donne ce ci

Tutoriels photoshop poster Puma avec des effet de feu

Prenez l’outil Pinceau / Forme (B)couleur Blanche dureté 0% et dessinez des traits en partant du coin en haut à droite

Tutoriels photoshop poster Puma avec des effet de feu

Ensuite allez dans Menu > Filtre > Atténuation > Flou Gaussien > 13,9 px

Tutoriels photoshop poster Puma avec des effet de feu

Réduisez un peu l’Opacité à 60%

Tutoriels photoshop poster Puma avec des effet de feu

Importez la texture Grunge suivante

Tutoriels photoshop poster Puma avec des effet de feu

Changez le mode de fusion en Incrustation

Tutoriels photoshop poster Puma avec des effet de feu

et voilà le rendu final

Tutoriels photoshop poster Puma avec des effet de feu

79 COMMENTAIRES

  1. C’est pas mal le premier tuto que j’aime pas trop… Il y a torp d’effet je trouve et le résultat fait un peu brouillon je trouve… Mais c’est mon avis 😛 !

    Bonne continuation au site !

  2. Bonobo : Calque > Nouveau Calque de remplissage (7eme ligne, et non ” Nouveau > ” !) > Dégradé…

    Moi mon souci c’est plutôt le tracé : ” fond du tracé ” reste en grisé 🙁

  3. Très bien, merci 🙂

    J’ai finis le tuto : quelques incohérence entre mon rendu et le tiens (je suis étonné de voir que lorsque tu duplique ton puma avec contour rouge, le résultat donne un contour orangé ! :P).

    Perso, j’ai apprécié certaines astuce comme la sélection sur les couches et les modes de fusions que je n’utilisais presque pas.

    Merci pour le tuto 🙂

  4. slt tt l monde je suis de l’avis de lizotte94 ya bcp d,effets sur le tuto si le halo et l’effect de la lumiere ny etais pas peut etre que sa aurait etais mieux
    mais comme meme le niveaux et bien elevé sur se site et tt les tuto sont impressionnant

  5. bonjour merci pour ce tuto
    mais j’ai une question comment fais tu le motif d’incrustaion du texte (lors des option de fusion : le motif qui ressemble aux marques des roues d’une voitures..)??
    merci d’avance

  6. Salut grafolog !
    Merci, super tuto !

    Alors je voulais te demander si on peut mettre des flammes comme pour le tracé mais sur un texte ?
    J’ai regardé sur le net et le rendu obtenu a la fin des tutos n’était vraiment pas réaliste.

    merci 😛

  7. re grafolog… ^^

    J’ai un ptit proplème :/, il n’y a pas l’onglet “couches” a côté de “calques” et “tracés”.

    Est ce que tu saurais pourquoi ?

    Merci et désolé de déranger

  8. salut

    je me casse la tete pendant plus d’une heure pour savoir comment transformer un contour que j’ai déjà sous illustrator en tracé sous photoshop , est ce que c’est possible ? et si non , que dois je faire ? et puis si j’ai une image sous photoshop comment la transformer directement en tracé ??? c’est vraiment sympa si vous pouvez répondre ! merci d’avance !!

  9. Bonjour,
    Pour le faire sous photoshop tu prends un outil de sélection
    dans notre exemple tu sélectionne le puma puis tu cliques avec le bouton droit de la souris (toujours avec l’outil de sélection) sur Convertir en tracé et tu mets tolérance 0,5
    Cordialement 🙂

  10. Bonjour, serait-ce possible d’avoir le motif s’il vous plaît ? Je ne le trouve pas dans photoshop…
    Merci et énorme tuto, magnifique !!!!

  11. Bonjour,

    Super tuto avec un rendu magnifique ^^.
    Voilà mon problème, je ne vois pas comment faire le puma ? On doit le faire à main lever ?!

    Merci d’avance pour votre réponse

  12. Oui, tu dois le faire à main levée 🙂

    Moi j’ai un gros soucis pour faire le texte PUMA, quand on lui donne l’effet métalique avec le motif. Ca me donne un truc en 3D, très moche, alors que je n’ai rien changé dans les options de fusions. :-O
    Quelqu’un pourrait m’aider?

  13. Salut!

    Moi, je galère un peu avec la plume alors je suis allé en chercher un sur le net que j’ai importé dans mon image. 😎

    Sinon, lorsqu’on est rendu à faire la sélection radiale sur le A et le remplir de couleur, ca me donne une sélection opaque et je suis pas capable de changer le calque en incrustation :-O après, puis, le rendu nuage se fait dans toutes mon calque…

  14. hi, le rendu est magnifique :mdr:
    moi j’ai un problème : quand tu met les options de fusion du puma, et bien sur le mien ça ne fait pas du tout pareil :s

  15. hi, le rendu est magnifique :mdr:
    moi j’ai un problème : quand tu met les options de fusion du puma, et bien sur le mien ça ne fait pas du tout pareil :s

  16. Salut tout le monde 🙂 , Voila j’ai un problème à partir de cette partie ” Appliquez les options de fusions sur le 2eme texte « puma » “
    1]Ombre Portée : Qualité : Contour
    2]Biseautage et Estampage : Ombrage : Contour Brillant
    3]Satin : Sturcture : Contour
    Voila je n’arrive pas a faire comme Grafolog pour réaliser le graphe ;-( est ce que quelqu’un pourrais m’aider SVP

  17. Salut tout le monde 🙂 , Voila j’ai un problème à partir de cette partie ” Appliquez les options de fusions sur le 2eme texte « puma » “
    1]Ombre Portée : Qualité : Contour
    2]Biseautage et Estampage : Ombrage : Contour Brillant
    3]Satin : Sturcture : Contour
    Voila je n’arrive pas a faire comme Grafolog pour réaliser le graphe ;-( est ce que quelqu’un pourrais m’aider SVP

  18. Bonjour, j’ai le même souci que kaf93. Le rendu est très différent de celui du modèle, et pourtant j’ai refait les courbes exactement comme sur l’image et ai appliqué les paramètres de la même manière. Il y a certaines incohérences. Par exemple, le motif échelle 25% comme sur l’image donne un motif minuscule, alors que celui du modèle serait plus un 100%. De plus, je n’obtiens pas les mêmes arrondis au niveau du biseau internet…
    Apparemment certains membres ont réussis à l’obtenir. Le tutoriel aurait-il été modifié entre temps ?

  19. J’aimerai savoir si il est possible de les courbes qui sont ici :
    Ombre Portée : Qualité : Contour
    Biseautage et Estampage : Ombrage : Contour Brillant
    Satin : Sturcture : Contour

    Sa serait très utile pour pouvoir faire le tuto correctement merci !

  20. Bon hé bien je considère que les personne n’est fichu de répondre aux commentaires.

    Le tutoriel ne fonctionne pas, même avec les bonnes courbes.

    Quitte à faire un geste pour les autres, autant le faire correctement.

  21. @Guillaume @Psymon je ne peut répondre à 1500 personnes par jour désolé vraiment j’ai pas compris ou est le problème, pour Guillaume ton problème se situe dans les contours il faut obtenir les mêmes contours c’est tout et si vous aurais toujours le même problème je vous upload le fichier PSD mais ce n’est pas la peine de s’énervé et me balancer ce genre de phrase ici car je fais de mon mieux pour combler tout le monde.
    @Psymon j’ai bien lu t’es email et je suis débordé de travail alors désolé si je n’ai pas répondu essayez de vous maitre à ma place plus de 1100 demandes de tuto email 500 création, et je ne vous parle pas des gens qui veulent comprendre tell ou tell chose.
    Je vous demande pardon mais je suis tout seul a géré Tutsps alors un peut de patience.
    Cordialement le grafolog.

  22. Oui pourrait tu me mettre le logo puma mais a l’envers c’est a dire la tete vers le haut a droite (symétriquement)
    car c’est pour un logo de société.
    merci tres bon tuto 😉
    moi je ne comprends pas les tracé.

  23. Bonjour, @Guillaume merci beaucoup de ta compréhension et si vous avez un probleme surtout n’hésitez pas je suis disponible à 100% utilisez cette adresse email pour me contacter Contact AT tutsps.com 🙂
    Merci et à très bientôt.

  24. ;-( je n’arrive pas à installer la police, ils me disent qu’elle n’est pas “valide” j’ai essayé de la mettre en .ttf mais ca ne marche toujours pas! y’a pas une manip’ magique a faire? (si non très bon tuto vraiment j’a.d.o.r.e!)

  25. oh mon dieux… ca va faire une demie heure que j’essaie d’écrire avec la texture… je comprend mieux le “police invalide”. j’avais l’ancien pack… celui sans la police dedans XD… désolé j’ai rien dis!

  26. Bonjour, j’ai malheureusement un problème pour recrée les courbes de satin sur le texte “puma”, j’essaye de crée la même forme mais, impossible. Puis-je avoir une image de l’éditeur de courbe avec la courbe dessiné ? Merci

  27. Bonjour à tous c’est vrai que c’est un super tuto
    Mais je ne comprends jamais rien avec “@e5c23b” les codes de couleur si quelqu’un pourrai m’expliquer LOL

  28. Bon moi je trouve le rendu extra mais hélas je n’ai pas reussis car les courbe, c’est pas mon Fort ;-(

    Quelqu’un qui a reussis pourais poster c’est .shc ( exporter ses courbes en gros )

    Pour faire le logo, simple vous importer votre logo ou autre et vous faite le contour a la plume.

    Cdt Ecto.

  29. il est genial ce tuto,par contre je vais tenter de le faire mais pas avec cette image,avec celle de baby peach et aussi pas avec ce texte sa devrait donner le meme resultat aussi je pense

  30. Hello,

    J’ai du mal avec ton tuto, avec CS5 les menus sont un peu différents si bien que j’ai du mal a selectionner les couleurs que tu utilises.