Voilà un nouveau tutoriel dans TutsPS pour apprendre a réalisé un super effet Métallique sur texte en utilisant uniquement les styles de calque de Photoshop et quelques astuces de TutsPs.

Bienvenu dans ce nouveau tutoriel, dans ce dernier nous allons créer un super effet métallique sur un texte en utilisant les styles de calque. Et voilà un aperçu du résultat final

Effet métallique sur texte avec Photoshop

Avant de commencer le tutoriel, je vous invite a télécharger le pack de ressource suivant puis ouvrez un nouveau document de 1600×800 pixels , résolution 72Dpi, couleurs RVB8bits puis remplissez le fond avec du gris foncé #161719 en utilisant l’outil pot de peinture (G).

Effet métallique sur texte avec Photoshop

Ensuite allez dans Menu > Filtre > Bruit > Ajout de bruit.

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Puis créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) , la couleur #e8e8e8 et dessinez deux traits comme ceci.

Effet métallique sur texte avec Photoshop

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

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Maintenant tapez votre texte en utilisant la police Monoton et la couleur # dbdbdb .

Effet métallique sur texte avec Photoshop

Nous allons maintenant dupliquer le texte deux fois ( Ctrl+J ) pour obtenir trois texte nous allons travailler dessus un par un.

Mettez vous sur le premier et ajustez-le comme ceci en allant dans Menu > Edition > Transformation > Symétrie axe vertical.

Effet métallique sur texte avec Photoshop

Maintenant appuyez sur la touche   « Q »   pour utiliser le mode masque rapide de Photoshop, ou bien cliquez sur le bouton ci-dessous .

Effet métallique sur texte avec Photoshop

Ce mode permet de faire des masquer rapidement sur des zones d’une image en utilisant des brushes, les dégradé et les sélections
Maintenant vous êtes en   mode masque . Appuyez maintenant sur la touche  »   D    » pour remettre les couleurs d’arrière-plan et de premier plan par défaut (noir et blanc) dans la barre d’outils.
Assurez-vous que le noir est la couleur de premier plan, et que le blanc est la couleur d’arrière-plan.

Prenez l’outil pinceau (B) et peignez un trait comme ceci

Effet métallique sur texte avec Photoshop

Appuyer à nouveau sur le bouton  » Q  » pour quitter le mode masque , et vous devriez voir s’afficher un cadre de sélection, qui correspond à la zone non masquée, comme ceci.

Effet métallique sur texte avec Photoshop

Ensuite allez dans Menu > Sélection > intervertir puis appliquez dessus un filtre flou gaussien en allant dans Menu > Filtre > Atténuation > Flou gaussien.

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Puis changez son mode de fusion en densité couleur – et réduisez le fond à 70% pour obtenir un magnifique effet de reflet

Effet métallique sur texte avec Photoshop

Maintenant nous allons créer un effet d’ombre. Mettez vous sur le deuxième calque de texte ( je vais masquer le troisième calque en cliquant sur le petit œil à coté de la vignette du calque )

Puis allez dans Menu > Edition > Transformation > Perspective et tirez les pognés vers la gauche et la droite ( si l’option Perspective est grisée alors pixélisez le calque du texte ) pour obtenir le résultat suivant.

Effet métallique sur texte avec Photoshop

Ensuite rendez-vous dans les options de fusion

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

De la même façon que tout à l’heure appliquez dessus un filtre flou gaussien avec le mode masque .

Effet métallique sur texte avec Photoshop

Ce qui vous donne ceci en affichant le troisième calque de texte

Effet métallique sur texte avec Photoshop

Mettez vous sur ce dernier puis rendez-vous dans les options de fusion

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Effet métallique sur texte avec Photoshop

Ce qui vous donne le résultat suivant

Effet métallique sur texte avec Photoshop

Maintenant importez l’image du halo et ajustez-la comme ceci.

Effet métallique sur texte avec Photoshop

Puis changez son mode de fusion en Superposition

Effet métallique sur texte avec Photoshop

Pour finir ajoutez un calque de réglage Filtre Photo en allant dans Menu > Calque > Nouveau calque de réglage > Filtre photo.

Effet métallique sur texte avec Photoshop

Et voilà le résultat final

Effet métallique sur texte avec Photoshop

 

23 COMMENTAIRES

  1. vraiment joli le rendu finale,je souhaite que notre chère Grafologue qu’il fasse un coup d’œil dans la boite de réception surtout sur Facebook, car j’ai envoyé un message et sa me gène que j’en ai aucune réponse depuis une semaine.

  2. Bonjour mireille 🙂

    pour ton soucis de perspective, quand tu as ton texte de pixellisé, tu va dans « edition » -> « transformation » ->  » perspective ». A ce moment la, un cadre apparait autour de ton texte, de là, tu bouge les coins pour avoir l’effet de perspective souhaité.Maintenant pour ta question sur les diagonales, c’est simple : Ton texte de base, soit tu peux le pixelliser, soit le convertir en objet dynamique.La 2° option affichera des diagonales quand tu le mettra en edition perspective. l’option objet dynamique est plus simple si tu veux l’importer sur InDesign. (ca devient un dessin vectoriel si tu veux ) voila, j’espere avoir repondu clairement à ta question 🙂

  3. Merci Nosphy pour ta réponse.
    La 1ère option, Ok, c’est celle que j’utilise.
    Par contre, la seconde en Objet dynamique, je ne savais pas.
    Je viens de regarder, effectivement, j’obtiens les diagonales, mais, finalement,le résultat est le même des 2 façons.
    Encore merci! 🙂

  4. @ Debutant
    Lorsque tu cliques sur « Nouveau document », une fenêtre s’affiche.
    Dans « Largeur », tu mets 1600 pixels
    Dans « Hauteur » : 800 pixels.
    La résolution et le mode comme indiqué au tout début du tutoriel (il faut lire!)
    Voilà.

  5. bonjour et merci pour ce magnifique tuto. 🙂
    cela m’a permit de creer de superbe panneaux de portes pour mes bambins. 😎
    ce qui m’interresse le plus desormais cest savoir ce type de « halo ». :siffle:
    encore merci de toutes ces heures que vous nous faites passer sur photoshop LOL

  6. merci pour le tuto c vraiment genial mais j ai 1 probleme pour mettre en perspective les calques ( original et le premier dupliqué il ne s applique au au calque dupliqué et non a l original. merci de m’aider

  7. salut moi c’est yannick et je suis aussi un jeune infographe , au faite c’est juste pour vous remercié pour vos tuto . Juste pour échangé quelque mot avec vous sur whatsapp voici mon whatsapp 00229 66 63 97 16

LAISSER UNE RÉPONSE