Dans ce nouveau tuto, nous allons apprendre comment créer un super effet métallique sur texte et le booster avec d’autres effets de lumière en utilisant bien sur Photoshop.

Effet de lumière sur texte métallique avec Photoshop

 

Voilà un aperçu du résultat final

Effet de lumière sur texte métallique avec Photoshop

Pour commencer téléchargez le pack de ressource suivant puis ouvrez un nouveau document de 1500×1500 pixels résolution 72Dpi couleurs RVB8Bits ensuite importez la texture de bitume suivante dans votre document de travail.

Effet de lumière sur texte métallique avec Photoshop

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

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Changez son mode de fusion en Densité linéaire + et réduisez son opacité à 55%.

Effet de lumière sur texte métallique avec Photoshop

Tapez votre texte en utilisant l’outil texte (T) et la police Devil Breeze disponible dans le pack en haut

Effet de lumière sur texte métallique avec Photoshop

Rendez-vous dans les options de fusion

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Dupliquez votre texte ( Ctrl+J ), créez un nouveau calque ( Ctrl+Shift+N ) et fusionnez ces deux derniers.

Effet de lumière sur texte métallique avec Photoshop

Ensuite appliquez dessus un filtre flou gaussien en allant dans Menu > Filtre > Atténuation > Flou gaussien.

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Changez son mode de fusion en Densité couleur-

Effet de lumière sur texte métallique avec Photoshop

Dupliquez de nouveau votre texte et déplacez-le de quelques pixels en haut pour obtenir ceci.

Effet de lumière sur texte métallique avec Photoshop

Créez un nouveau document de 4×4 pixels puis prenez l’outil crayon (P) et essayez de créer le motif suivant.

Effet de lumière sur texte métallique avec Photoshop

Ensuite allez dans Menu > Edition > Utiliser comme motif

Effet de lumière sur texte métallique avec Photoshop

Puis allez dans votre document de travail, mettez-vous sur le dernier calque de texte et rendez-vous dans les options de fusion .

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Ce qui vous donne le résultat suivant

Effet de lumière sur texte métallique avec Photoshop

Maintenant importez la texture de lumière suivante dans votre document un tuto sera mis en ligne très prochainement pour apprendre comment les réaliser.

Importez la texture orange et ajustez-la comme ceci

Effet de lumière sur texte métallique avec Photoshop

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

Effet de lumière sur texte métallique avec Photoshop

Maintenant importez la deuxième texture bleu.

Effet de lumière sur texte métallique avec Photoshop

Changez son mode de fusion en superposition

Effet de lumière sur texte métallique avec Photoshop

Tapez un autre texte comme ceci

Effet de lumière sur texte métallique avec Photoshop

Puis rendez-vous dans les options de fusion

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Ce qui vous donne

Effet de lumière sur texte métallique avec Photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l ‘outil pinceau (B) , les couleurs #f8b82e,#00d7fe et dessinez-avec comme ceci

Effet de lumière sur texte métallique avec Photoshop

Ensuite appliquez dessus un filtre flou gaussien en allant dans Menu > Filtre > Atténuation > Flou gaussien

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Changez son mode de fusion en superposition et réduisez son opacité à 42%.

Effet de lumière sur texte métallique avec Photoshop

Créez un nouveau calque, remplissez le avec du noir en utilisant l’outil pot de peinture (G) puis allez dans Menu > Filtre > Rendu > Halo

Effet de lumière sur texte métallique avec Photoshop

Effet de lumière sur texte métallique avec Photoshop

Changez son mode de fusion en Superposition

Effet de lumière sur texte métallique avec Photoshop

De la même façon, ajoutez un autre Halo plus petit

Effet de lumière sur texte métallique avec Photoshop

Et voilà le résultat final

Effet de lumière sur texte métallique avec Photoshop

108 COMMENTAIRES

  1. C’est vraiment pas mal !
    J’aimerai bien quelques tutos d’art abstrait plutôt sombre avec un gros contraste, comme cet arrière-plan avec les textures lumineuses… J’adore !

  2. tres beau tuto, perso j’aurai m’y disigne un peut plus visible et lumineux a voir 😀 ,
    sinon rien a dire c’est vraiment cool.
    continue comme sa 🙂

  3. tres beau tuto, perso j’aurai m’y disigne un peut plus visible et lumineux a voir 😀 ,
    sinon rien a dire c’est vraiment cool.
    continue comme sa 🙂

  4. J’aime beaucoup Graph ! Merci bien pour ce tuto (bien que je ne comprenne pas vraiment pourquoi mettre un « e » à la fin de « Design »…). Et en plus l’effet métallique me resservira sans doute ailleurs ! 🙂
    Voici mon rendu:http://www.casimages.com/img.php?i=
    J’attends le prochain tuto effet de texte avec impatience !
    et pendant que j’y suis, merci aussi pour les brushes « cosmos » LOL

  5. Vraiment terrible ce tuto :mdr:
    Je suis ton site depuis quelques temps déjà et plusieurs de tes œuvres m’ont plut mais là, le rendu pète vraiment.

  6. Mon dieu… Design avec un « e »… Mais pourquoi saccager la langue de Shakespeare à ce point ? Pourquoi tant de haine et de violence ? T.T

  7. Salut , Graph’ au Moment ou faut dupliquer son calque et le bouger quelques pixel , Moi la couleur de Base ( Blanche ) N’apparait pas et C’est le dégradé qui apparait … Beug ou mauvais Manip. de ma part ?

  8. Salut, et vraiment merci de poster des tutos c’est vraiment cool; donc je voudrais savoir comment je pourrai faire pour juste garder la typo comme pour ce montage par exemple Graphique Designe, car je voudrait juste le decouper tout en gardant les options sans que rien ne change, car avec le mien je veux pourvoir le mettre sur d’autre montage comme pour si c’etait une siqnature, si tu vois ce que je veus dire…
    Merci

  9. Salut, et vraiment merci de poster des tutos c’est vraiment cool; donc je voudrais savoir comment je pourrai faire pour juste garder la typo comme pour ce montage par exemple Graphique Designe, car je voudrait juste le decouper tout en gardant les options sans que rien ne change, car avec le mien je veux pourvoir le mettre sur d’autre montage comme pour si c’etait une siqnature, si tu vois ce que je veus dire…
    Merci

  10. Un GRAND Merci pour ces tutos précieux,une très bonne continuation à toi et j’espère qu’il y’aura d’autres Tutos’ encore plus puissant à l’avenir ! 🙂

  11. Bonjour ^^
    Alors au début j’ai fais la même erreur que certains, en fait quand il dit « dupliquer a nouveau votre texte » il ne faut pas dupliquer le calque qu’on a fusionné précédemment mais bien RE dupliquer le texte d’origine, sinon ca fera un beau paté métallique comme on peut le voir sur vos créations x) ! Faut recommencer courage ! 🙂

  12. Fonction de partage désactiver chez Filesonic (depuis la fermeture de Megaupload), possible d’upload « lien1 » autre part ? (Ex: Mediafire)

  13. Bonjour , tres beau tuto , mais je voudrais savoir comment avoir la ou on met les #chifres pour mettre les couleurs , quand j appuie sur la couleur j’ai une bete fenetre avec des carres de couleurs predefinies . Merci tres beaucoup de me repondre

  14. Super tuto >Sauf a la 8éme photo ou il a écrit (Dupliquez de nouveau votre texte et déplacez-le de quelques pixels en haut pour obtenir ceci. ) et lui le résultat et blanc moi quand je duplique et je monte de quelque pixel le double et transparent bleu aide svp

  15. @:Andrei;
    dans la fenetre qui s’ouvre tu clic sur les petits carrés des couleurs predefini, ce qui va t’ouvrir le selecteur de couleur dans la case du bas de la fenetre tu changes les chiffres inscrits par ceux de la couleur que tu veux utiliser et tu valides par OK 😎

  16. bonjour,
    jai un petit probleme pour faire le pixel 4×4, une fois que je le fait, impossible de faire les couleurs comme il est presenté dans le tuto :s
    merci de m’aider.

  17. LEs 2 liens pour le pack de ressources ne fonctionnent plus! Il y aurait-il une personne pour nous remettre un lien disponible s’il vous plaît?
    Merci d’avance

    BloodyAx

  18. Bonsoir serais t’il possible que quelqu’un puisse me faire le même avec écris N1K a la place de GRAPHIQUE et Backdown a la place de DESIGNER

    merci par avance

  19. Bonsoir serais t’il possible que quelqu’un puisse me faire le même avec écris N1K a la place de GRAPHIQUE et Backdown a la place de DESIGNER

    merci par avance

  20. Bonsoir serais t’il possible que quelqu’un puisse me faire le même avec écris N1K a la place de GRAPHIQUE et Backdown a la place de DESIGNER

    merci par avance

  21. Alors voila a l’étape de créé un nouveaux calque de remplisage.Ensuite l’option dégradé tous vas bien cependant par la suite j’ai seulement le tableau fond en dégradé et non celui éditeur de dégradé.Quelqun pourait me venir en aide svp.

  22. salut a tous ben pour moi c’est la galère je n’arrive vraiment pas a réaliser le motif je suis rester bloquer 1H30 a tenter de le réaliser mais rien y fait besoin d’aide SVP 🙂

  23. « Maintenant importez la texture de lumière suivante dans votre document un tuto sera mis en ligne très prochainement pour apprendre comment les réaliser »

    Perso cela m’intéresse beaucoup 😛 il y a plusieurs autres tutos où tu emploies de beaux effets de lumière. Utiliserais-tu par hasard le même procédé que pour « créer un halo de lumière » qui date d’il y a…longtemps déjà 😉 ?

  24. 🙂 Superbe tuto. Néanmoins, je pense qu’il manque quelques précisions ! Surtout pour les débutants, par exemple: pour la police la taille et le type, et puis un petit ajout pour ceux qui souhaitent changer la taille initial du support, quelques infirmations sur les changements à faire ! Mais franchement, c’est du beau boulot et une superbe inspiration (chose qui me manque). Est-il possible d’avoir un tuto sur la façon de créer des textures lumières (comme ceux fournit). MERCI.

  25. Ce tuto est absolument super, mais je erse bloqué au moment ou il faut dupliquer le texte et le déplacer de quelques pixel vers le haut. Moi mon deuxième texte ne devient pas blanc 🙁 Comment dois-je faire T_T ?

  26. Super tuto >Sauf a la 8éme photo ou il a écrit (Dupliquez de nouveau votre texte et déplacez-le de quelques pixels en haut pour obtenir ceci. ) et lui le résultat et blanc moi quand je duplique et je monte de quelque pixel le double et transparent bleu aide svp

    +1

  27. Salut à tous, c’est très simple à la partie 4×4 vous allez dans: Fichier -> Nouveau… -> Mettez les dimensions 4×4 et faite entrer ensuite après avoir refait le schéma que Grafolog a fait puis édition-> utiliser comme motif -> Donnez un nom si désiré à votre motif puis suivez le reste du tuto…
    Sinon voici mon rendu: http://imageshack.us/photo/my-image

  28. je suis bloqué !! au moment où il faut créer le motif : « Créez un nouveau document de 4×4 pixels puis prenez l’outil crayon (P) et essayez de créer le motif suivant. » vers le haut !!! peux t-on m’aider ??

  29. Salut à tous, c’est très simple à la partie 4×4 vous allez dans: Fichier -> Nouveau… -> Mettez les dimensions 4×4 et faite entrer ensuite après avoir refait le schéma que Grafolog a fait puis édition-> utiliser comme motif -> Donnez un nom si désiré à votre motif puis suivez le reste du tuto…

  30. Pour les gens bloquant sur la duplication du calque pour avoir le texte blanc et le décaler , vous pouvez recréer un claque réécrire votre texte en blanc a la bonne taille et police et ça fait le même effet.
    🙂

  31. Bonjour, ce tuto est réellement génial je viens de découvrir ce site et j’en suis fan !
    Cependant j’ai un problème au niveau des incrustations des effets de lumières (étincelles) jaunes et bleus, je met bien mon calque en mode superposition pour le bleu et densité linéaire – pour le jaune cependant, il reste toujours un fond blanc sur mes images, autrement dit c’est affreux! Qqun pourrait m’aider ?
    Merci

  32. Salut je débutes en Infographie , j’ai réussi tellement simplement , super tuto je te remercie !! En espérant un autre tuto de ce genre merci

  33. salut,

    pour Zenome ou les autres qui ont un rendu comme celui de Zenome,

    il me semble, d’ après mes souvenirs, qu’ on arrive à ce genre  » d’ écarts  » quand le nombre de pixel par pouce n’ est pas ‘adéquate’.

    Il s’ agit d’ un réglage qui se fait quand on crée un nouveau document par exemple, dans la fenêtre ou l’ on règle la largeur et la hauteur, à la ligne nomméer ‘résolution’.

    Par défaut elle doit être à 72, si c’ est bien cette valeur que vous avez, (ceux qui ont le soucis),
    essayez une autre valeur, plus grande peut etre, genre 100 ou plus (jusqu’à 300 je crois)

    Pour détourer les images ou il y a les effets de lumière, il me semble qu’ il est préféréable de fusionner son calque de façon à ne pas avoir à le faire (superposition ou autre, à tester).

LAISSER UNE RÉPONSE