Un super Tuto Photoshop pour avoir un super effet de texte métallique rien qu’avec Adobe Photoshop et TutsPs, avec les styles de calque vous pouvez faire n’importe quoi en partant de rien.

Créer un effet métallique sur texte avec Photoshop

 

Voilà un petit aperçu du résultat final

Créer un effet métallique sur texte

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

Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Importez la texture suivante dans votre document

Effet métalliques sur texte avec photoshop

Changez son mode de fusion en lumière tamisée et réduisez son opacité à 46%

Effet métalliques sur texte avec photoshop

Importez la texture grunge suivante dans votre document

Effet métalliques sur texte avec photoshop

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

Effet métalliques sur texte avec photoshop

Créez un nouveau calque (Ctrl+Shift+N), prenez l’outil pinceau (B), des brushes grunges et dessinez dessus avec la couleur #9c0205 comme ceci

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

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

Effet métalliques sur texte avec photoshop

Maintenant tapez votre texte avec la police « SF Sports Night NS » et une taille de 234pt (Chaque mot doit être dans un calque de texte)

Effet métalliques sur texte avec photoshop

Nous allons appliquez les options de fusion sur le premier calque dans notre exemple c’est «  Tuto  »

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Ce qui vous donne ceci

Effet métalliques sur texte avec photoshop

Maintenant passons à «  Tutsps  » et «  Photoshop  » et appliquez dessus les options des fusions

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Et voilà le résultat

Effet métalliques sur texte avec photoshop

Dupliquez vos trois textes (Menu > Calque > Dupliquer les calque) masquez leur style de calque (options de fusion) en cliquant sur le petit œil devant Effet en dessous des calques des textes.

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Puis changez la couleur des textes en Noir

Effet métalliques sur texte avec photoshop

Ensuite allez dans Menu > Filtre > Atténuation > Flou directionnel

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Fusionnez les calques de ces trois derniers (Ctrl+E), déplacez-le juste en dessous des calques des textes métalliques (Avec les options de fusion activés) et ajustez le comme ceci en le déplaçant de quelques pixels vers le bas.

Effet métalliques sur texte avec photoshop

Maintenant créez un nouveau calque, maintenez les touches Ctrl+Shift enfoncé et cliquez sur les calques des textes pour obtenir leur sélection

Effet métalliques sur texte avec photoshop

Remplissez votre sélection avec du blanc en utilisant l’outil pot de peinture (G).

Effet métalliques sur texte avec photoshop

Laissez la sélection actif et allez dans Menu > Filtre > Bruit > Ajout de bruit

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Puis allez dans Menu > Filtre > Atténuation > Flou directionnel

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Ensuite rendez-vous dans les options de fusion de ce dernier

Effet métalliques sur texte avec photoshop

Effet métalliques sur texte avec photoshop

Ce qui vous donne ceci

Effet métalliques sur texte avec photoshop

Créez un nouveau calque et dessinez un contour progressif en utilisant l’outil pinceau (B), la couleur Noir et une dureté de 0% comme ceci

Effet métalliques sur texte avec photoshop

Changez son mode de fusion en Incrustation

Effet métalliques sur texte avec photoshop

Créez un autre calque et dessinez des étoiles dessus avec le brushes que vous avez trouvé dans le pack en haut

Effet métalliques sur texte avec photoshop

Créez un autre calque et remplissez le avec du noir, puis allez dans Menu > Filtre > Rendu > Halo

Effet métalliques sur texte avec photoshop

Pour finir changez son mode de fusion en Superposition

Effet métalliques sur texte avec photoshop

Et voilà le résultat final

Créer un effet métallique sur texte

39 COMMENTAIRES

  1. Dak avec toi Tutur, super tuto, les tutos C4D sont de trop sur ce blog, ou alors il faut changer le nom du site. ON VEUT DU PHOTOSHOP !!!!! =D

  2. salut grapholog ce que tu fais est énorme pour la connaissance merci beaucoup
    j’aimemais avoir beaucoup de conseils sur mon adresse e-mail
    stp rend moi service tes tutos je les maitrise comme je peux
    j’en ai besoin pour gagner mon pain de chaque jour
    chui acros de l’infographie c’est ma passion photoshop
    merci encore pour ces tutos

  3. si tu veux maintenant grace à toi j’ai pris une autre dimension de photoshop j’ai besoin de toi pour entrer dans la vie de marché avec les clients par rapports à tes tutos
    chui pas fan de l’argent mais de la connaissance et merci d’avance

  4. tonus3D : graphiste n’est pas un métier qui s’improvise et qui s’apprend dans des tuto (qui soit disant sont excellents) et c’est pas en bidouillant photoshop qu’on peu prétendre l’être (et photoshop n’est pas le seul logiciel que tu devras maitriser). Il y a des règles en matières de communication, le visuel ne suffit pas toujours, alors avant de démarcher tes clients essaye au moins de te former correctement dans une bonne école afin que, par respect pour cette profession, tu puisse présenter des projets un tant soit peu professionnels.

    Merci. 🙂

  5. Tonus3D : hum, c’est bien d’avoir un petit monde dans sa bulle, mais le métier de graphiste commence d’abord par beaucoup beaucoup beacoup de talent en dessin, une inspiration illimitée. Les cours que tu peux prendre dans une école (en sachant que pour être pris dans une boîte c’et minimum bac +2, et que se lancer pour ton comte sans diplôme c’est du suicide) sont là pour t’apprendre les techniques de communication, cela passe par la gestion des ombres, les significations des couleurs, les géométries, les symétries, et autres autres règles à respecter, et c’est pas tout seul que tu pourras apprendre ça. Tutsps propose d’excellents tutos, mais seulement pour un usage amateur. C’est pas avec des tutos que tu deviendras graphiste.
    Et commme le dit 5, y’a pas QUE photoshop : Cinema 4D, Pixelmator, Illustrator, Flash, After Effects… sont d’autres logiciels que tu devras connaître sur le bout des doigts.
    C’est pas parce que tu sais reproduire un tuto que tu peu être graphiste, et de même c’est ps parce que tu fais des oeuvres qui te plaisent que tu peux l’être, parce que c’est là toute la différence entre amateur et professionel : amateur tu créé pour toi, professionnel il faut cerner les goûts de la personne et faire en sorte que ça lui plaise à elle, et pas forcément à toi.
    Graphiste est un métier très difficile

  6. je suis d’accord avec Datrohan être graphiste ne s’improvise pas moi meme qui suis en ecole d’infographie enfin en bac communication et industrie graphique il faut connaitre tout les logiciel possible comme illustrator indesign photoshop after effect et encore d’autre alors rever pas trop

  7. Italia-jo : aaah, on reconnaît là un vrai infographiste, je me demande d’ailleurs quel est ton avis sur le fait qu’allou56killer soit infographiste ? C’est possible d’entrer en école de design avec un orthographe pareil ??? O.o et dire que moi j’en ai vraiment chié :-O

  8. alors la, la colle je sais vraiment pas en quoi il peut être infographiste mais pour être profs faut déjà avoir une bonne écriture ne serai-ce juste pour que les élèves se foute pas de sa gueul et aussi une licence donc les tutoriels ne t’amèneront pas une licence XD LOL

  9. Chouette tuto comme d’hab’ !

    Pour ce qui sont allergique aux tutos de C4D je pense que le site ne devrais pas être totalement réservé à toshop juste parce qu’il s’appelle Tutsps … C’est idiot.

    Franchement des tutos sur différents support nous permettent de varier un peu … Je dit pas que PS est lassant mais seulement que ca fait du bien de mélanger plusieurs logiciels !

    Si vous haïssez tant que ça les tutos qui ne sont pas exclusif à PS alors … ne perdez pas de temps et fermez la fenêtre.

    Enfin bref, merci Grafolog et bonne soiré à tous :p

  10. Heureux de l’entendre 😀

    D’ailleurs je voulais aussi parler des tutos vidéos. Je pense que même si certains d’entre nous marquent leur aversion contre ceux-ci, il ne faut pas s’arrêter à ce genre de commentaires irrespectueux.
    Continuez votre travail, sur vidéos ou n’importe, il est toujours de très bonne qualité … et vient en aide à beaucoup de personne, moi y compris. Merci 😉

  11. C’est vraiment n’importe quoi je trouve !
    J’obtiens PAS DU TOUT le même résultat :
    – j’ai fais 14 tentatives exactement ! 1500×1500 72Dpi RVB8bits.
    – j’ai suivis TOUT les screens au millimètre près !

    J’obtiens un vieux truc gris ! Les dimensions sont respecté les configurations aussi & les options de fusion : également !

    11 fois que je fais l’essai exactement & 11 fois que j’obtiens le même trucs gris moisis ! & 3 tentive où j’ai essayé dans différente résolution en modifiant les réglages des calques , c’est pire … :-C

  12. @KHigh, ce n’est pas la faute de Grafolog ^^ As-tu regardé au niveau des styles appliqués dans les options ? Ils peuvent changer sans être soulignés en bleu, donc tu as peut-être laissé le style d’origine (genre produit à la place de densité couleur -).

  13. Bon celui-là j’y renonce
    il est totalement impossible
    t’as du faire une erreur durant la redaction du tuto
    parce que je bloque au niveau lorsque’il faut maintenir les touches Ctrl+Shift enfoncé et cliquer sur les calques des textes pour obtenir leur sélection! rien n’y fait

  14. Aiden ford, il ne faut pas cliquer directement sur le calque avec CTRL + SHIFT il faut cliquer sur l’image du calque montrant la zone de travail soit dans ce cas là cliquer sur le “T” avec ctrl enfoncé + shift pour faire plusieurs selection 🙂

  15. Super tuto !
    J’ai juste un petit soucis, quand on télécharge le pack, le pack ne se met pas directement sur photoshop, comment faire pour le mettre à jour avec celui-ci ? Merci de m’aider.

  16. LOL
    Effet topissime!
    J’ai pris mon temps pour rater aucunes etapes, mais le resultat en vaut la peine !

    J’ai appris l'”infographie” “sur le tas” dans le dessin-anime, puis en autodidacte,
    puis la boite ou j’etais a coule et le gros de ce que j’ai appris fait parti des metiers
    exportes pour avoir une main d’oeuvre moins chere.
    … et effectivement, sans diplomes ou reelles formations BAC+2, c’est quasi impossible d’etre embauche comme infographiste. Certaines choses ne s’inventent pas! Y’a des beaucoup regles et beaucoup de logiciels a connaitre parfaitement et le fait de les apprendre tout seul ne suffit pas, il faut savoir s’en servir en fonction des “travaux” a faire et de l’exigence des clients. J’en sais quelque chose !
    Je suis oblige de faire un contrat de professionnalisation pour obtenir un BTS
    d’ Infographiste Multimedia si je veux esperer sortir de mon chomage !

    En attendant, merci GRAFOLOG pour ton TUT !

  17. Génial !!! cela doit être mon 15eme tuto (de texte) offert par Grafolog (merci merci merci) et c’est sans doute sur celui-là que je me suis le plus éclatée ! :mdr: Quel effet ! Et puis, pour ma part, aucune erreur, aucune galère (je commence à maitriser ces satanés contours dans les styles O-) ).
    Je suis bien contente de mon rendu:http://www.casimages.com/img.php?i=…” title=”upload image

    Bravo et longue vie au site ! LOL

    Tonus3D: vous pensez apprendre un MÉTIER en suivant des tutoriels sur le web !!! Je rêve ! :-O (mais moins que vous on dirait… 😀 ). J’ai un bac arts appliqués, je maitrise les rudiments de Photoshop, je suis prof d’arts plastiques et cela ne me viendrais même pas à l’idée d’arrondir mes fins de mois avec l’infographie !!!

    allou56killer: si t’es pas pas un troll toi ?!!! ;-(

    KHigh: si d’autres y arrivent, c’est que le tuto est bon (sans erreur, ni manip oubliées ou non montrées), donc le pb vient de toi… :siffle:

  18. Grafolog j`adore ce site parce qu`elle vous donne les Tutos du futur dès aujourd`hui;
    super continue comme ça , be real like your site!