Les didacticiels en texte élégant en relief sont partout, mais celui-ci est parfait pour les débutants. Envie d'un effet de texte en relief vraiment stylé ? Cela fait plus de 2 mois depuis le dernier tutoriel Photoshop que j'ai publié, mais j'ai une excellente nouvelle pour vous : je suis de retour en ligne avec plein de nouveautés à vous montrer, alors restez à l'écoute pour tous nos prochains tutoriels !

Aujourd'hui, nous allons commencer par ce joli effet de texte et, comme la plupart des lecteurs le demandent, nous publions également le PSD en téléchargement pour seulement 1 $. Le PSD est uniquement destiné à des fins d’apprentissage ; vous pouvez l'incorporer dans un projet pour un client, mais vous ne pouvez pas revendre directement ce fichier.

Assez parlé ; Commençons.

Photoshop effet texte en relief

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Étape 1. Préparation de Photoshop Canvas.

Créez un nouveau fichier Photoshop (Ctrl + N). Nous utilisons ici une taille de 600 x 400, mais comme toujours, la vôtre pourrait être beaucoup plus grande si vous en avez besoin.

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

À l’aide de l’outil Pot de peinture, remplissez la toile de couleur gris-bleu foncé – # 535559.

Étape 2. Choisissez la police.

Je suis un grand fan de toutes les polices utilisées et célèbres dans les années 50, donc ma police préférée de tous les temps sera probablement « Bello ». Ce n'est pas gratuit, mais vous pouvez l'acheter en ligne. Veuillez noter que la police ne sera PAS incluse si vous achetez le fichier PSD car nous ne pouvons pas distribuer de polices commerciales. Donc, si vous avez la police Bello, sélectionnez-la et tapez votre mot en grosse lettre. Nous avons utilisé 188 pts ici.

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Étape 3. Ajout de styles de calque.

Pendant que votre calque de texte est toujours sélectionné, accédez à Calque >> Styles de calque et appliquez les paramètres suivants…

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique
effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Maintenant la texture de fond. Nous utiliserons le modèle que nous avons créé nous-mêmes et si vous achetez le fichier PSD, il sera déjà inclus dans le style.

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Enfin, nous ajouterons un trait de 1 px avec une superposition de dégradé pour donner plus de profondeur au texte.

Banner
effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Nous sommes arrivés jusqu'ici avec tous les styles de calque appliqués correctement. Si votre résultat diffère de ce que vous voyez ici, revenez en arrière et vérifiez si tous les paramètres des styles de calque ont été appliqués correctement ; pour l'instant, ce n'est que la partie technique, vous ne devriez donc pas avoir de problème.

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Étape 4. Ajout de profondeur au canevas.

C'est l'ère du Web 2.0, et avoir une toile plate peut gâcher n'importe quel effet, aussi beau soit-il, donc si nous voulons que notre produit ressorte, il doit avoir une certaine profondeur. C'est pourquoi nous ne reviendrons pas au canevas de base (s'il est verrouillé, double-cliquez dessus dans la palette des calques et appuyez sur OK pour déverrouiller). Aller à Calque >> Styles de calqueet appliquez les paramètres suivants :

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique
effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Pour le dégradé, utilisez les couleurs suivantes :
1. #667c85 comme bleu clair
2. #475e68 comme bleu foncé

Voici ce que nous avons jusqu’à présent…

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Étape 5. Ajout de brillant

Appuyez sur "Ctrl" et cliquez sur le calque de texte dans votre palette de calques Photoshop. Cela chargera une sélection de texte.

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Créez un nouveau calque au-dessus de tous les autres. À l'aide de l'outil Dégradé, de blanc à transparent, tracez une ligne du haut du texte vers le bas. Cela ajoutera un dégradé doux mais visible au lecteur.

À l'aide de l'outil lasso elliptique, tracez un cercle, comme vous pouvez le voir sur l'image ci-dessous :

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Cliquez sur Sélectionnez >> Inverse pour inverser la sélection et appuyez sur « Supprimer » pour supprimer le reste du dégradé. Cela laissera la glose uniquement sur la partie supérieure du texte, comme ceci :

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Maintenant, pour lui donner une touche agréable et naturelle, réglez l’opacité du calque du gloss sur « Superposition » (voir ci-dessous) :

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Étape 6. Ajout de paillettes

La prochaine étape consiste à ajouter de douces étincelles tout autour du texte. Cela lui donnera une sensation plus profonde, rêveuse et élégante. Créez un nouveau calque Photoshop par-dessus le reste. À l'aide de votre outil Pinceau, choisissez le pinceau de 27 pixels avec un bord doux et, en utilisant la couleur blanche, étalez de manière chaotique quelques points sur les bords du texte.

Banner

Réglez l'opacité de remplissage des points à 70 %. Passez du mode « Normal » au mode « superposition ».

CONSEIL : appliquez uniquement les points là où le trait du texte est blanc, cela renforcera l'effet de lumière.

Jusqu’à présent, si vous avez suivi attentivement les étapes, vous devriez avoir reçu ceci :

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique

Nous avons également ajouté un peu plus de brillant avec différents pinceaux, mais veillez à ne pas en faire trop car il est préférable d'avoir moins de brillant et trop.
Texte en relief élégant conçu avec une lueur métallique - Tutoriels PS Lorelei Web Design

J'espère que vous avez apprécié ce didacticiel Photoshop et n'oubliez pas également de consulter nos autres didacticiels Photoshop et de vous abonner au flux. Si vous souhaitez apprendre plus rapidement, achetez le fichier PSD du didacticiel pour seulement 1.00 $. Lorsque vous avez terminé le paiement, cliquez sur le bouton « retourner au marchand » : le téléchargement démarrera automatiquement. Si, pour une raison quelconque, le téléchargement ne vous a pas redirigé, veuillez laisser un commentaire ci-dessous ou nous envoyer un e-mail, et nous vous enverrons le fichier dès que possible. Merci!

effet de texte en relief photoshop - Texte en relief élégant conçu avec une lueur métallique - acheter

Version texte

Tutoriel amélioré : Création de texte en relief avec une lueur métallique dans Photoshop

Vue d’ensemble

Ce didacticiel vous guidera tout au long du processus de création d'un texte en relief élégant avec un effet de lueur métallique, parfait pour les logos, les titres ou l'art numérique. Nous utiliserons des styles de calque, des dégradés et des options de fusion pour obtenir un look sophistiqué.

Exigences

  • Adobe Photoshop (n'importe quelle version récente fera l'affaire)
  • Connaissance de base des outils et de l'interface Photoshop

Étape 1 : Configuration de votre document

  1. Ouvrez Photoshop et créez un nouveau document. Pour une utilisation web, une taille de 800×600 pixels avec une résolution de 72 dpi est suffisante. Pour l'impression, envisagez une résolution plus élevée (au moins 300 dpi).
  2. Remplissez l'arrière-plan avec une couleur sombre ou un dégradé pour faire ressortir la lueur métallique. Un bleu profond ou un noir fonctionne bien pour cet effet.

Étape 2 : Création du texte

  1. Sélectionnez l'outil Texte (T) et tapez le texte souhaité. Choisissez une police grasse ou épaisse pour le meilleur effet de gaufrage. Les polices comme Arial Black ou Impact sont de bons choix.
  2. Ajustez la taille de la police pour s'adapter à votre conception. Pour ce didacticiel, utilisons une taille de police qui remplit une bonne partie de la toile, garantissant ainsi que les détails des effets de gaufrage et de lueur sont visibles.

Étape 3 : Application de l'effet gaufré

  1. Avec votre calque de texte sélectionné, allez dans le panneau Calques et double-cliquez pour ouvrir la boîte de dialogue Style de calque.
  2. Sélectionnez « Biseau et gaufrage » pour ajouter de la profondeur à votre texte. Utilisez ces paramètres pour un aspect en relief subtil et réaliste :
    • Style : biseau intérieur
    • Technique : Lisse
    • Profondeur : 100%
    • Direction : vers le haut
    • Taille : 5 px (à ajuster en fonction de la taille de votre texte)
    • Adoucir : 0 px
  3. Ajuster l'ombrage pour améliorer la sensation métallique. Réglez l'angle sur 120° et l'altitude sur 30°. Expérimentez avec les préréglages Gloss Contour pour en trouver un qui complète votre conception.

Étape 4 : Ajout de la lueur métallique

  1. Toujours dans la boîte de dialogue Style de calque, sélectionnez « Lueur intérieure » pour un éclat intérieur subtil. Choisissez une couleur claire qui correspond à l'aspect métallique souhaité (argent, or, etc.). Définissez le mode de fusion sur Écran, l'opacité sur 75 % et la taille sur environ 20 px.
  2. Ajouter une « lueur extérieure » pour créer l'impression d'une lumière se reflétant sur le métal. Choisissez une couleur similaire à celle de Inner Glow, réglez le mode de fusion sur Écran, l'opacité sur 50 à 75 % et ajustez la taille pour obtenir un effet doux et radieux autour de votre texte.

Étape 5 : Affiner la texture métallique

  1. Pour plus de texture et de réalisme, cliquez sur « Satin » dans la boîte de dialogue Style de calque. Cela ajoute de la profondeur et de la complexité à la finition métallique. Utilisez ces paramètres :
    • Mode de fusion : Multiplier
    • Opacité: 20%
    • Angle: 19 °
    • Distance : 21 px
    • Taille : 27 px
  2. Jouez avec le "Contour" paramètres sous Bevel & Emboss pour des nuances de texture supplémentaires, améliorant l’effet de gaufrage.

Étape 6 : Ajustements finaux

  1. Affiner l'aspect général en ajustant l'opacité de remplissage du calque à 0%. Cela rendra la couleur du texte invisible, ne laissant visibles que les styles de calque pour un effet métallique et en relief plus prononcé.
  2. Si on le désire, ajouter un calque d'arrière-plan avec un dégradé ou un motif qui complète votre texte métallique pour compléter le design.

Conclusion

Vous avez maintenant créé un morceau de texte qui non seulement ressort de l'écran avec son effet en relief, mais brille également d'une lueur métallique sophistiquée. Cette technique peut être adaptée et modifiée avec différentes couleurs, textures et styles de calque pour s'adapter à divers projets de conception.

Expérimenter les paramètres et incorporer des éléments supplémentaires tels que des étincelles ou des textures d'arrière-plan peuvent personnaliser davantage votre création. Les styles de calque de Photoshop sont un outil puissant pour donner vie au texte, et leur maîtrise peut améliorer considérablement vos capacités de conception.

Banner