Astuce Comment créer un effet de texte métallique en utilisant les styles de calque dans Photoshop

Ce que vous allez créer

Dans ce tutoriel, nous expliquerons comment créer un effet de texte métallique à l'aide de styles de calque dans Photoshop..

Cet effet de texte que vous allez apprendre aujourd'hui fait partie de 8 Styles Photoshop 2 sur 4

8 fichiers Photoshop Premium entièrement modifiables PSD et ASL

Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..

  • Strasua Font
  • Actifs MetalKid

Télécharger le fichier MetalKid_assets.zip et extraire les deux fichiers à l'intérieur. Installer le fichier de modèle nommé Dark_Pattern.pat et le pack de fichiers Contour nommé CustomContoursMK.shc. Pour installer, vous devez double-cliquer sur les icônes. C'est si simple.
Télécharger et installer Police Strausa.

Commençons!


1. Comment créer le fond

Étape 1

Créer un nouveau document Fichier> Nouveau

  • Largeur: 850 px
  • La taille: 500 px
  • Résolution: 72 PPI

Étape 2

Dupliquer l’arrière-plan (Aller à Couche> Couche dupliquée> OK) et Renommer la nouvelle couche comme "Motif de fond".


Étape 3

Maintenant, nous allons ajouter une texture au calque d'arrière-plan.
Double clic sur "Couche de fond"pour ouvrir la fenêtre de style de calque. Allez à"Superposition de motifs", puis Cliquez sur sur le "Boîte à motifs"et sélectionnez le nouveau ajouté"Motif sombre"et appuyez sur D'accord.


Étape 4

Pour rendre le fond encore meilleur, nous allons ajouter ombre intérieure. Vous devez double clic sur le calque Pattern d’arrière-plan et une fois que la fenêtre de style de calque apparaît, définissez les valeurs suivantes.

  • Mode de fusion: Ordinaire
  • Couleur: # 000000
  • Opacité: 100%
  • Angle: 90º
  • Utiliser la case Global Light: Décoché
  • Distance: 0 px
  • Étranglement: 0%
  • Taille: 250 px
  • Bruit: 0%

2. Comment créer le texte et les aligner

Étape 1

Tapez le mot "Metalkid" en utilisant Police Strasua.

  • Taille de police: 100 pt
  • Suivi: 20 pt
  • Mode anti-aliasing: Tranchant
  • Couleur: #ffffff

Étape 2

En utilisant le "Outil de déplacement", sélectionnez le calque de texte et couche de fond puis cliquez sur les commandes d'alignementsur le menu du haut pour le centrer.

  • Aligner horizontalement: Centre
  • Aligner verticalement: Centre

3. Comment créer l'effet de texte

Étape 1

Ajouter un style de calque au texte, vous devez droit cliquez sur le calque dans ton menu des calques et choisir Options de fusion. Assurez-vous d’utiliser les valeurs suivantes et appuyez sur D'accord.


Étape 2

Commençons par l'effet de texte! Nous allons d’abord ajouter des ombres pour séparer le texte de l’arrière-plan. Aller à Style de calque> Ombre portée et utilisez les valeurs indiquées dans l'image ci-dessous.

  • Mode de fusion: Ordinaire
  • Couleur: # 000000
  • Opacité: 70%
  • Angle: 90º
  • Utilisez Global Light: Décoché
  • Distance: 10 px
  • Propager: 20 px
  • Taille: 10 px
  • Contour: Défaut
  • Bruit: 0%
  • La couche assomme l'ombre portée: Vérifié

Étape 3

Nous allons maintenant créer un calque dégradé qui donnera une base à l’effet de métal. Ouvrez à nouveau le style de calque et modifiez "Incrustation en dégradé"réglage des valeurs suivantes.

  • Mode de fusion: Ordinaire
  • Opacité: 100%
  • Sens inverse: Décoché
  • Style: Linéaire
  • Aligner avec la couche: Vérifié
  • Angle 90º
  • Échelle: 150%

Clique sur le Barre de gradient et créez un dégradé avec ces paramètres:

Pointe: Créer un nouveau point dans le dégradé vous devez cliquez sous la barre de dégradé. En cliquant sur chacun des couleur s'arrête vous permet de modifier l'emplacement et la couleur.

  • Première couleur d'arrêt: # 0d1117
  • Première position d'arrêt: 0%
  • Deuxième couleur d'arrêt: # a0a0a0
  • Deuxième position d'arrêt: 25%
  • Troisième couleur d'arrêt: # 161a20
  • Troisième position d'arrêt: 50%
  • Quatrième couleur d'arrêt: # a0a0a0
  • Quatrième position d'arrêt: 75%
  • Cinquième couleur d'arrêt: # 0d1117
  • Cinquième position d'arrêt: 110%

Étape 4

Aller au calque Style> Inner Glow et utilisez les paramètres indiqués ci-dessous pour égayer les bords.

  • Mode de fusion: Ordinaire
  • Opacité: 100%
  • Bruit: 0%
  • Couleur: #ffffff
  • Technique: Plus doux
  • Bord: Vérifié
  • Étranglement: 40%
  • Taille: 2 px
  • Contour: Défaut
  • Anti-aliasé: Décoché
  • Intervalle: 50%
  • Jitter: 0%



Étape 5

Pour commencer à créer le look 3D, allez à Style de calque> Biseau & Gaufrage et utilisez les valeurs suivantes.

  • Style: Biseau intérieur
  • Technique: Lisse
  • Profondeur: 100%
  • Direction: Up
  • Taille: 10 px
  • Adoucir: 1 px
  • Angle: 90º
  • Utilisez Global Light: Décoché
  • Altitude: 30º

Maintenant arrêtez, nous allons ajouter le précédent "contour personnalisé" installé.
Cliquez sur sur le Icône déroulante Contour de lustre et alors sélectionner le contour nommé "CustomContourMK01"

Maintenant nous pouvons continuer:

  • Anti-aliasé: Décoché
  • Mode de surbrillance: Écran
  • Couleur de surlignage: #ffffff
  • Mettez en surbrillance l'opacité: 75%
  • Mode d'ombre: Multiplier
  • Couleur de l'ombre: # 000000
  • Opacité de l'ombre: 75%


Étape 6

Nous allons maintenant mettre l'accent sur les lumières et les ombres pour donner plus de réalisme à l'effet de métal. Aller à Style de calque> Satin et utilisez les paramètres indiqués ci-dessous.

  • Mode de fusion: Dodge couleur
  • Couleur: #ffffff
  • Opacité: 50%
  • Angle 20º
  • Distance: 45 px
  • Taille: 8 px
  • Case à cocher anti-aliasé: Décoché
  • Case à cocher Invenrt: Vérifié

Nous allons ajouter le deuxième "contour personnalisé" installé.
Cliquez sur sur le Icône déroulante Contour de lustre et alors sélectionner le contour nommé "CustomContourMK02"et appuyez sur D'accord.



Étape 7

C'est presque fini. Dans cette dernière étape, nous allons accentuer les bords et les coins, en donnant au texte l'aspect final en 3D. Aller à Style de calque> Contour, et utilisez les valeurs indiquées dans l'image ci-dessous.

  • Taille: 2 px
  • Position: À l'extérieur
  • Mode de fusion: Ordinaire
  • Opacité: 100%
  • Type de remplissage: Pente

Clique sur le Barre de gradient et créez un dégradé avec ces paramètres:

  • Première couleur d'arrêt: # 1a1b1e
  • Première position d'arrêt: 0%
  • Deuxième couleur d'arrêt: # 7f7f7f
  • Deuxième position d'arrêt: 50%
  • Troisième couleur d'arrêt: # 1a1b1e
  • Troisième position d'arrêt: 100%
  • Style: Réfléchi
  • Case à cocher Aligner avec le calque: Vérifié
  • Angle 90º
  • Échelle: 100%

Image finale

Excellent travail, vous avez terminé!

Dans ce tutoriel, je vous ai montré comment créer un effet de texte en métal en utilisant uniquement les options de style..
J'espère que vous avez apprécié ce tutoriel et que vous pouvez utiliser ce que vous avez appris pour vos propres projets. N'hésitez pas à commenter et à me montrer vos résultats.

Cet effet de texte fait partie de 8 Styles Photoshop 2 sur 48 fichiers Photoshop Premium entièrement modifiables PSD et ASL

Tu pourrais aussi aimer:

  • Comment créer un effet de texte concret chaud dans Adobe Photoshop

    Dans ce didacticiel, vous apprendrez à créer un effet de texte concret à l'aide de deux calques pour obtenir un point de fuite central dans Adobe Photoshop. Commençons!
    Enrique Elicabe
    Effets de texte
  • Comment créer un effet de texte biseauté bronze dans Adobe Photoshop

    Dans ce didacticiel, vous allez apprendre à créer un effet de texte biseauté bronze à l'aide de styles de calque dans Adobe Photoshop..
    Enrique Elicabe
    Effets de texte
  • Comment créer un effet de texte estival brillant dans Adobe Photoshop

    Dans ce didacticiel, je vais expliquer comment créer un effet de texte estival brillant à l'aide de styles de calque dans Photoshop. Commençons!
    Enrique Elicabe
    Effets de texte
  • Astuce: créer un effet de texte en cuivre métallisé à l'aide de styles de calque dans Photoshop

    Apprenez à créer un effet de texte en cuivre métallisé à l'aide des styles de calque dans Adobe Photoshop. Commençons!
    Enrique Elicabe
    Effets de texte