Voilà un nouveau tutoriel dans TutsPS pour apprendre a réalisé un super effet Glossy sur texte en utilisant uniquement les styles de calque de photoshop.

Effet Ultra Glossy sur texte avec Photoshop

 

J’ai eu l’idée de ce tutoriel en voyant le dernier publié sur le site Wegraphics. Dans ce dernier nous allons utiliser principalement les styles de calques de Photoshop ( options de fusion ). Donc si vous suivez correctement les paramètres (voir les images ci-dessous) vous devriez y obtenir le résultat suivant.

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Pour commencer le travail vous devez télécharger le pack de ressource suivant puis ouvrez un nouveau document de 1200×800 pixels , résolution 72Dpi , couleur RVB8bits .

Ensuite importez la texture de bois suivante dans votre document  

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Puis désaturez la texture en allant dans Menu > Image > Réglages > Désaturation (Ctrl+Shift+U).

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Ensuite réduisez la luminosité à -69 en allant dans Menu > Image > Réglages > Teinte et saturation.

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Maintenant ajoutez un calque de remplissage Dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Ensuite prenez l’outil texte (T) et tapez votre texte en utilisant la police ( Lobster ) et une taille de 195pt.

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Rendez-vous dans les options de fusion ( Styles de calque ) puis suivez les paramètres ci-dessous

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Pour l’incrustation de motif nous allons créer notre motif en suivant les étapes ci-dessous.

Importez l’image suivante dans un autre document

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Puis désaturez-la en allant dans Menu > Image > Réglages > Désaturation (Ctrl+Shift+U).

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

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

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Maintenant allez dans Menu > Edition > Utiliser comme motif.

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Revenons à notre texte et rendez-vous dans les options de fusion de nouveau.

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Ce qui vous donne le résultat suivant

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Pour la dernière étape créez un nouveau calque ( Ctrl+Shift+N ) et ajoutez un peu plus de brillance en peignant avec l’outil pinceau (B) et des formes douces sur les cotés avec les reflets

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

Pour obtenir le résultat suivant

Tuto effet sur texte | Effet Ultra Glossy sur texte avec Photoshop

38 COMMENTAIRES

  1. Comment on fait pour appliquer la désaturation? quand j’ouvre la photo et que je veux appliquée la désaturation, sa ne marche pas? Quelqu’un m’aide svp?

  2. Bonjour, >>tounkisflo avant d’appliquer la dé-saturation il faut convertir l’image en calque pixelisé (Clique droit puis pixeliser le calque) c’est tout 😉

  3. Bonjour ! tout d’abord, chapeau l’artiste et merci beaucoup à toi 🙂 Par contre je n’arrive pas réaliser la dernière étape… je ne sais pas comment obtenir ce rendu de flash lumineux :/

  4. Salut, je suis arriver pratiquement a la fin du tuto, mais mon problème arrive à la dernière étape, je n’arrive pas a trouver le bon effet pour faire les effet lumineux, et les aide dans les commentaire, ne m’ont pas beaucoup aider. Merci d’avance à ceux qui m’aideront.

  5. Merci beaucoup ! Personnellement, je n’ai utilisé que la partie pour la configuration de l’option de fusion ! Ca m’as beaucoup aidé pour avoir un beau texte

  6. waouhhhh le rendu est magnifique j’ai essayé mais le mien est naze je voulais savoir si je pouvais avoir le PSD de ce tuto merçiiiiiiiiiiiii :siffle:

  7. super tuto hyper accessible et pas prise de tete ! par contre ma version est plus foncee poutant j’at suivi a la lettre… d’ou ca peut venir?

  8. Merci pour ce tuto, c’est super !! Il est vraiment génial !
    Il permet aussi bien des réglages plus personnel qui permettent d’obtenir un résultat différent tout aussi sympa 🙂

    Continuez à nous faire part de votre savoir, c’est super sympa !

    Bonne soirée à vous tous !