Comment créer une action d'effet de texte Neon Flame dans Adobe Photoshop

Ce que vous allez créer

Dans ce tutoriel, je vais vous montrer comment créer deux styles Photoshop qui créent ensemble un effet de texte flamme néon très cool. En outre, vous apprendrez à utiliser ces styles avec une action, ce qui rend le processus d’application et de personnalisation très facile..

L'effet de texte que vous allez apprendre aujourd'hui fait partie de Super Bundle Styles 3. Cet ensemble vous donne 79 styles Photoshop pour un prix modique. Certains d'entre eux sont à deux couches, ce qui signifie que vous pouvez les combiner les uns avec les autres pour créer de nouveaux effets de texte sympas.

Super Bundle Styles 3

Atouts du tutoriel

Les actifs suivants ont été utilisés lors de ce tutoriel:

  • Masque Font
  • Image d'arrière-plan (à l'intérieur du fichier zip joint à ce tutoriel)

1. Comment créer la texture

Étape 1

Créer un nouveau 800 x 800 px 72 Dpi document et nommez-le Ignis-Texture.


Étape 2

presse pour réinitialiser les couleurs de premier plan et d’arrière-plan, puis passez à Filtre> Rendu> Nuages.


Étape 3

À présent clic-droit sur le Contexte couche et choisissez Convertir en objet intelligent. Ensuite aller à Filtre> Galerie de filtres et appliquer un Emballage plastique filtrer avec ces paramètres:

  • Point culminant de la force: 20
  • Détail: 1
  • Douceur: 5

Étape 4

Donnons maintenant une texture homogène reflétant les bords du document..

Choisissez le Outil de chapiteau rectangulaire (M) et sélectionnez le la moitié supérieure de l'image, puis appuyez sur Control-C et Contrôle-V pour créer un nouveau calque avec la zone sélectionnée. Ensuite, renommez le nouveau calque en Première moitié.

Étape 5

presse Contrôle-t activer Transformation libre. ensuite clic-droit sur la zone sélectionnée et choisissez Retourner verticalement. Après cela, appuyez sur Entrer libérer le Transformation libre.

Étape 6

presse Contrôle-A pour sélectionner le document entier, puis sélectionnez le Outil de déplacement (V) et aligner le Première moitié calque jusqu'au bord inférieur du document.

Étape 7

Aller au Couches panneau et cliquez sur le Ajouter un masque de calque icône. Puis choisissez le Outil de dégradé (G) avec le Premier plan à transparent pente. Après cela, cliquez et faites glisser du centre du document vers le bas. La flèche sur l'image suivante indique par où commencer et par où terminer le dégradé.

Notez que le dégradé sera créé sur le masque de calque de la Première moitié couche, en cachant le dessus.

Étape 8

Sélectionnez toutes les couches du Couches panneau et clic-droit sur l'un d'eux, puis sélectionnez Convertir en objet intelligent les fusionner en un.

Étape 9

Maintenant, choisissez le Outil de chapiteau rectangulaire (M) à nouveau et sélectionnez le moitié gauche du document. Puis appuyez Control-C et Contrôle-V créer un nouveau calque. Ensuite, renommez le nouveau calque en Deuxième partie.

Étape 10

Répéter Étape 5, Étape 6etÉtape 7, mais choisissez Retourner horizontalement et Aligner les bords droits respectivement. Puis créer le dégradé du centre vers la droite, tout comme la flèche sur l'image ci-dessous.


Étape 11

Aller à Fenêtre> Réglages ouvrir le Les ajustements panneau. Puis cliquez sur le Gradient Map icône pour créer un nouveau Gradient Map couche.

Étape 12

Aller à Fenêtre> Propriétés ouvrir le Propriétés panneau. ensuite double-cliquez sur la barre de dégradé pour le modifier. Nous allons ajouter Trois Arrêts à la barre de dégradé (il suffit de cliquer ci-dessous la barre de gradient et la Arrêtez sera créé).

  • Première couleur d'arrêt: # 080000 Emplacement: 36%
  • Deuxième couleur d'arrêt: # b70000 Emplacement: 89%
  • Troisième couleur d'arrêt: # ff7171 Emplacement: 100%

Étape 13

Sélectionnez le Deuxième partie couche sur le Couches panneau et aller à Édition> Définir un motif, nomme le Ignis-Texture, et cliquez D'accord. Après cela, enregistrez et fermez le document.

2. Comment créer les styles

Étape 1

Ouvrez l’image d’arrière-plan que vous avez téléchargée à partir des ressources (ignis_Bg.png).

Étape 2

Maintenant, choisissez le Outil de type horizontal (T) et sélectionnez le Mascarade Police de caractère. Puis définissez la taille de la police sur 300 pt et écrire IGNIS.

Étape 3

Aller à Calque> Style de calque> Options de fusion ouvrir le Style de calque panneau. Puis ajoutez un Superposition de couleurs avec ces paramètres:

  • Mode de fusion: Ordinaire
  • Couleur: # ed551f
  • Opacité: 100%

Étape 4

Maintenant, ajoutez un Lueur externe avec ces paramètres:

  • Mode de fusion: Ordinaire
  • Opacité: 100%
  • Bruit: 0%
  • Couleur: # 930000
  • Technique: Plus doux
  • Propager: 0%
  • Taille: 10 px
  • Contour: Linéaire
  • Anti-aliasé: De
  • Intervalle: 50%
  • Jitter: 0%

Étape 5

Ajouter un Ombre portée avec ces paramètres:

  • Mode de fusion: Ordinaire
  • Couleur: # 1a0d00
  • Opacité: 100%
  • Utilisez Global Light: De
  • Angle: 146 °
  • Distance: 2 px
  • Propager: 100%
  • Taille: 5 px
  • Contour: Linéaire
  • Anti-aliasé: De
  • Bruit: 0%
  • La couche assomme l'ombre portée: Sur

Étape 6

Ajouter un Satin effet avec ces paramètres:

  • Mode de fusion: Fond linéaire
  • Couleur: # 000000
  • Opacité: 37%
  • Angle: 19 °
  • Distance: 24 px
  • Taille: 32 px
  • Contour: Gaussien
  • Anti-aliasé: De
  • Inverser: Sur

Étape 7

Ajouter un Lueur intérieure avec ces paramètres:

  • Mode de fusion: Dodge linéaire (Ajouter)
  • Opacité: 75%
  • Bruit: 0%
  • Couleur: # ea5a47
  • Technique: Plus doux
  • La source: Bord
  • Étranglement: 7%
  • Taille: 20 px
  • Anti-aliasé: Sur
  • Intervalle: 50%
  • Jitter: 0%

Puis cliquez sur le Contour case pour le modifier avec ces paramètres (cliquez sur la boîte de cartographie pour créer de nouveaux points).

  • Premier point d'entrée: 0% Sortie: 5% Coin: De
  • Deuxième point d'entrée: 48% Sortie: 7% Coin: De
  • Troisième point d'entrée: 52% Sortie: 80% Coin: De
  • Quatrième point Entrée: 79% Sortie: 50% Coin: De
  • Cinquième point Entrée: 99% Sortie: 7% Coin: De

Après cela, cliquez sur Nouveau… pour enregistrer le préréglage, nommez-le Ignis Contour 1, et cliquez D'accord.

Étape 8

Ajouter un Accident vasculaire cérébral avec ces paramètres:

  • Taille: 2 px
  • Position: À l'extérieur
  • Mode de fusion: Ordinaire
  • Opacité: 100%
  • Surcharge: De
  • Type de remplissage: Pente
  • Sens inverse: De
  • Aligner avec la couche: Sur
  • Style: Linéaire
  • Angle: 90 °
  • Tremblement: De
  • Échelle: 100%

Cliquez ensuite sur la barre de dégradé pour l'éditer avec ces paramètres:

  • Première couleur d'arrêt: # c62500 Position: 0%
  • Deuxième couleur d'arrêt: # 750000 Position: 38%
  • Troisième couleur d'arrêt: # c62500 Position: 100%

Étape 9

Maintenant, ajoutez un Biseau et estampage avec ces paramètres:

  • Style: Biseau intérieur
  • Technique: Lisse
  • Profondeur: 83%
  • Direction: Up
  • Taille: 32 px
  • Adoucir: 0 px
  • Utilisez Global Light: De
  • Angle: 107 °
  • Altitude: 37 °
  • Anti-aliasé: De
  • Mode de surbrillance: Dodge linéaire (Ajouter)
  • Couleur de surlignage: # e6832b
  • Mettez en surbrillance l'opacité: 100%
  • Mode d'ombre: Multiplier
  • Couleur de l'ombre: # 000000
  • Opacité de l'ombre: 13%

Puis cliquez sur le Contour de lustre case pour le modifier avec ces paramètres:

  • Premier point d'entrée: 0% Sortie: 47% Coin: De
  • Deuxième point d'entrée: 20% Sortie: 90% Coin: Sur
  • Troisième point d'entrée: 47% Sortie: 18% Coin: De
  • Quatrième point Entrée: 88% Sortie: 74% Coin: De
  • Cinquième point Entrée: 100% Sortie: 100% Coin: De

Étape 10

Maintenant, cliquez sur le Nouveau style bouton et enregistrez-le sous Ignis-A. Après cela, cliquez sur D'accord dans le Style de calque fenêtre pour le fermer.

Étape 11

presse Contrôle-j dupliquer le calque, puis le renommer en IGNIS B et changer sa Remplir l'opacité à 0%. Après ça, clic-droit dessus et choisissez Effacer le style de calque.

Étape 12

Maintenant, allez à Calque> Style de calque> Options de fusion ouvrir le Style de calque panneau à nouveau. Puis ajoutez un Satin style avec ces paramètres:

  • Mode de fusion: Combustion linéaire
  • Couleur: # 000000
  • Opacité: 37%
  • Angle: 19 °
  • Distance: 24 px
  • Taille: 32 px
  • Contour: Gaussien
  • Anti-aliasé: De
  • Inverser: Sur

Étape 13

Ajouter un Lueur intérieure avec ces paramètres:

  • Mode de fusion: Dodge linéaire (Ajouter)
  • Opacité: 41%
  • Bruit: 0%
  • Couleur: # af473a
  • Technique: Plus doux
  • La source: Bord
  • Étranglement: 7%
  • Taille: 20 px
  • Contour: Ignis Contour 1
  • Anti-aliasé: Sur
  • Intervalle: 50%
  • Jitter: 0%

Étape 14

Ajouter un Lueur externe avec ces paramètres:

  • Mode de fusion: Ordinaire
  • Opacité: 22%
  • Bruit: 0%
  • Couleur: # ff0000
  • Technique: Plus doux
  • Propager: 6%
  • Taille: 48 px
  • Contour: Linéaire
  • Anti-aliasé: De
  • Intervalle: 50%
  • Jitter: 0%

Étape 15

Maintenant, ajoutez un Incrustation en dégradé avec ces paramètres:

  • Mode de fusion: Lumière douce
  • Tremblement: De
  • Opacité: 48%
  • Style: Linéaire
  • Aligner avec la couche: Sur
  • Angle: 90 °
  • Échelle: 100%

Cliquez ensuite sur la barre de dégradé et modifiez-la avec les paramètres suivants:

  • Première couleur d'arrêt: # 85683a Position: 0%
  • Deuxième couleur d'arrêt: # b99e70 Position: 12%
  • Troisième couleur d'arrêt: # fff1da Position: 20%
  • Quatrième couleur d'arrêt: # 675028 Position: 29%
  • Cinquième couleur d'arrêt: # fff1da Position: 48%
  • Sixième couleur d'arrêt: # 675028 Position: 64%
  • Septième couleur d'arrêt: # fff1da Position: 75%
  • Huitième couleur d'arrêt: # 675028 Position: 86%
  • Neuvième Couleur d'arrêt: # fff1da Position: 93%
  • Dixième couleur d'arrêt: # a7873a Position: 100%

Étape 16

Ajouter un Superposition de motifs avec ces paramètres:

  • Mode de fusion: Écran
  • Opacité: 100%
  • Modèle: Ignis-Texture
  • Échelle: 100%
  • Lien avec la couche: Sur

Vous pouvez cliquer et faire glisser la texture sur le texte lui-même pour mieux positionner le motif.

Étape 17

Ajouter un Biseau et estampage avec ces paramètres:

  • Style: Biseau intérieur
  • Technique: Lisse
  • Profondeur: 93%
  • Direction: Up
  • Taille: 32 px
  • Adoucir: 0 px
  • Utilisez Global Light: De
  • Angle: 45 °
  • Altitude: 58 °
  • Mode de surbrillance: Dodge linéaire (Ajouter)
  • Couleur de surlignage: # e6832b
  • Mettez en surbrillance l'opacité: 100%
  • Mode d'ombre: Multiplier
  • Couleur de l'ombre: # 000000
  • Opacité de l'ombre: 13%

Puis cliquez sur le Contour de lustre et modifiez-le avec ces paramètres:

  • Premier point d'entrée: 6% Sortie: 2% Coin: De
  • Deuxième point d'entrée: 13% Sortie: 51% Coin: De
  • Troisième point d'entrée: 38% Sortie: 96% Coin: De
  • Quatrième point Entrée: 100% Sortie: 20% Coin: De

Étape 18

Maintenant, cliquez sur le Nouveau style bouton et enregistrez-le sous Ignis-B. Puis clique D'accord sur le Style de calque fenêtre pour le fermer. Après cela, supprimez le IGNIS B couche et effacer le style de la IGNIS couche (clic droit> Effacer le style de calque).


3. Comment créer l'action

Étape 1

Modifiez la taille du calque de texte en 299 pt et garder cette couche sélectionnée sur le Couches panneau. Ensuite aller à Fenêtre> Actions ouvrir le actes panneau

Étape 2

dans le actes panneau, cliquez sur le Créer un nouvel ensemble icône et nommez-le Effet texte flamme néon. Ensuite, cliquez sur le Créer une nouvelle action icône et nommez-le Flamme au néon 300 pt. L'enregistrement de l'action va commencer.

Étape 3

Changez le nom du calque de texte en Flamme Néon A. Après cela, redéfinissez la taille du texte sur 300 pt. Ensuite, allez au modes panneau (Fenêtre> Styles) et cliquez sur le Ignis-A style pour l'appliquer.

Étape 4

presse Contrôle-j dupliquer le calque de texte, puis renommer la copie en Néon Flamme B. Après cela, allez au modes panneau à nouveau et cliquez sur le Ignis-B style pour l'appliquer.

Étape 5

Maintenant, sélectionnez les deux Flamme Néon A et Néon Flamme B couches sur le Couches panneau et clic-droit sur l'un d'eux, puis choisissez Convertir en objet intelligent pour les fusionner en une couche.


Étape 6

Aller à Fenêtre> Réglages et cliquez sur le Créer une nouvelle carte de dégradé icône. ensuite clic-droit sur le Gradient Map couche et choisissez Créer un masque d'écrêtage pour limiter l'effet à la couche juste en dessous.

Étape 7

À présent double-cliquez sur la vignette du Gradient Map couche pour ouvrir le Propriétés panneau. Puis cliquez sur le Barre de gradient et éditez-le avec ces paramètres:

  • Première couleur d'arrêt: # 110600 Position: 2%
  • Deuxième couleur d'arrêt: # d31e00 Position: 28%
  • Troisième couleur d'arrêt: # fffd5c Position: 100%

Étape 8

Renommer le Néon Flamme B couche à Flamme Néon. Ensuite, allez au actes panneau et cliquez sur le Arrête d'enregistrer icône.

Voici à quoi ça ressemble:

4. Comment changer les couleurs

Vous devez éditer le Gradient Map couche pour changer les couleurs. 

La première Arrêtez la couleur est pour ombres, la seconde est pour tons moyens, et le troisième est pour points forts

Vous pouvez modifier leur emplacement pour rendre l'effet plus sombre ou plus brillant. En outre, vous pouvez ajouter de nouveaux Arrêts ajouter de nouvelles couleurs entre celles existantes. Il est très facile d'éditer.

Voici quelques exemples:

Félicitations, vous avez terminé!

Dans ce tutoriel, vous avez appris à créer une texture à l'aide de trois filtres Photoshop simples. Ensuite, nous l'avons rendu transparente en reflétant ses frontières. Après cela, nous avons créé deux styles de calque en utilisant la texture créée précédemment. Ensuite, nous avons enregistré une action pour automatiser tout le processus. Et enfin, vous avez appris à personnaliser les couleurs du résultat final..

J'espère que vous avez appris quelque chose d'utile avec ce tutoriel. N'hésitez pas à laisser vos commentaires et résultats ci-dessous.

Super Bundle Styles 3

Tu pourrais aussi aimer:

  • Comment créer un effet de texte Camo Fabric dans Adobe Photoshop

    Dans ce tutoriel, je vais vous montrer comment créer un effet de texte camouflé dans Adobe Photoshop en utilisant trois textures et deux styles de calque..
    Anderson Luiz
    Effets de texte
  • Comment créer un effet de texte d'action de fourrure dans Adobe Photoshop

    Dans ce tutoriel, je vais vous montrer comment créer une action de fourrure dans Adobe Photoshop à l'aide d'un motif, d'un pinceau, d'un style de calque et d'une carte en dégradé. Au bout du…
    Anderson Luiz
    Actions Photoshop
  • Comment créer rapidement des effets de texte Photoshop sympas avec des actions

    Apprenez à créer des effets de texte Photoshop dans le tutoriel de ce débutant. Vous apprendrez à créer une action Photoshop pour votre effet de texte et plus encore..
    Anderson Luiz
    Effets de texte