Comment créer un effet de texte néon réaliste dans Adobe Photoshop

Ce que vous allez créer

La superposition d'effets de lueur et de brillance peut aider à créer de beaux objets brillants. Apprenez à modifier une texture de brique pour l'arrière-plan, puis utilisez les styles de calque avec l'outil Plume pour ajouter du texte au néon brillant et éclatant et un simple câble dessus..

Vous cherchez un raccourci? Découvrez ce bel effet de lumière au néon disponible sur Envato Elements. Il est livré avec:

  • une structure de couche organisée
  • sept variations de couleur
  • objets intelligents utilisés pour un placement facile des objets
  • quatre variations de fond
  • deux effets de superposition noir
  • quatre exemples d'objets vectoriels. 

Au lieu de créer l'effet à partir de zéro, vous pouvez utiliser cette solution simple et prête à l'emploi.

Neon Light Effect sur Envato Elements

Sinon, ce didacticiel complet vous montrera un flux de travail complet et professionnel. Commençons!

Atouts du tutoriel

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

  • Police Beon Medium
  • BrickOldRounded0061 Image 2 - Grand (2000x2328)
  • Light Grunge Seamless Patterns Vol. 2 par webdesignerlab

1. Créer le fond

Étape 1

Créer un nouveau 1500 x 950 px document et définissez le Résolution à 300.

Aller à Fichier> Placer incorporé, et ouvrez le BrickOldRounded0061 image. Redimensionnez-le à votre guise, puis appuyez sur le bouton Revenir clé pour accepter les changements.

Étape 2

Clique le Créer un nouveau calque de remplissage ou de réglage icône au bas de la Couches panneau et choisissez Niveaux.

Étape 3

Clique le Ajuster le clip au calque icône au bas de la Propriétés panneau, puis changez le Ombres valeur à 85.

Étape 4

Clique le Créer un nouveau calque de remplissage ou de réglage icône à nouveau et choisissez Teinte / Saturation. Clique le Ajuster le clip au calque icône au bas de la Propriétés panneau, puis changez le Saturation à 11, et le Légèreté à -83.

2. Créer le texte

Étape 1

Créer le texte dans Toutes en majuscules en utilisant la police Beon Medium. La couleur est # a33e88 et le Taille est 103 pt.

Étape 2

Dupliquez le calque de texte et rendez-le invisible en cliquant sur l'icône en forme d'œil située à côté. ensuite clic-droit la copie et choisissez Type de rastérisation.

Nous allons maintenant séparer les parties verticales et diagonales des lettres des lettres horizontales, afin d’appliquer les effets avec différentes valeurs d’angle..

Étape 3

Choisissez le Outil de chapiteau rectangulaire (ou tout outil de sélection que vous aimez), cliquez sur le bouton Ajouter à la sélection icône dans le Les options barre, et sélectionnez toutes les parties horizontales des lettres que vous avez.

Étape 4

Aller à Édition> Couper, et alors Édition> Collage spécial> Coller en place. Cela placera les pièces sélectionnées dans un calque séparé. Renommez les couches en Verticale et Horizontal.

Étape 5

Changer les deux Verticale et Horizontal couches' Remplir valeurs à 0.

Étape 6

Dupliquer chacun des Verticale et Horizontal deux fois, puis placez chaque ensemble de calques dans un groupe portant son nom (vertical / horizontal).

Étape 7

Placer le Horizontal groupe en dessous de la Verticale un.

3. Styliser le calque horizontal d'origine

Double-cliquez sur le horizontal d'origine couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: dix
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 0
  • Altitude: 70
  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Lumière linéaire
  • Mode Ombre - Opacité: 0%

Étape 2

Ajouter un Contour avec ces paramètres:

  • Vérifier la Anti-aliasé boîte.

Étape 3

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

  • Mode de fusion: Écran
  • Couleur: # e658d4
  • Angle: 30
  • Distance: 0

Étape 4

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

  • Opacité: 85%
  • Couleur: # fe66f1
  • La source: Centre
  • Taille: 18

Étape 5

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

  • Distance: 13
  • Taille: 7

Cela va styler la première couche de la partie horizontale.

4. Styliser le premier calque horizontal de copie

Double-cliquez sur le premier exemplaire horizontal couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 16
  • Décocher la Utiliser la lumière globale boîte
  • Angle: -36
  • Altitude: 42
  • Contour: Cove - Deep
  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Vive lumière
  • Mode Ombre - Opacité: 0%

Étape 2

Ajouter un Contour avec ces paramètres:

  • Contour: Cône - Inversé
  • Vérifier la Anti-aliasé boîte

Cela ajoutera plus de brillance au texte.

5. Styling du deuxième calque horizontal de copie

Double-cliquez sur le deuxième copie horizontale couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 16
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 18
  • Altitude: 58
  • Contour: Demi-tour
  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Vive lumière
  • Mode Ombre - Opacité: 0%

Étape 2

Ajouter un Contour avec ces paramètres:

  • Contour: Dents de scie 2
  • Vérifier la Anti-aliasé boîte

Étape 3

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

  • Mode de fusion: Lumière linéaire
  • Bruit: 5%
  • Couleur: #ffdcfa
  • La source: Centre
  • Taille: 38

Étape 4

Ajouter un Lueur externe avec ces paramètres:

  • Couleur: # 7f2d65
  • Taille: 15

Cela stylisera la couche horizontale finale en ajoutant encore plus de brillance et de lueur.

6. Styliser le calque vertical d'origine

Étape 1

Clic-droit l'original Horizontal couche, choisissez Copier le style de calque, puis faites un clic droit sur l'original Verticale couche, et choisissez Coller le style de calque.

Double-cliquez sur l'original Verticale couche pour ajuster la Biseau et estampede Angle et Altitude valeurs, en les changeant en 90 et 74.

Étape 2

Pour le Lueur intérieure, il suffit de changer le Taille à 15.

Cela ajustera l'effet en fonction des parties verticales et diagonales.

7. Styliser le premier calque vertical de copie

Copier et coller le premier exemplaire horizontal le style de la couche au premier exemplaire vertical couche, puis double-cliquez sur le Copie verticale couche pour changer le Biseau et estampe effets Angle à -76, et son Altitude à 53.

Voilà pour la première couche de copie.

8. Styliser le second calque vertical de copie

Copier et coller le deuxième copie horizontale le style de la couche au deuxième copie verticale couche, puis double-cliquez sur le Copie verticale 2 couche pour changer le Biseau et estampe effets Angle à -82, et son Altitude à 53.

Cela conclut le style des deux parties du texte.

9. Ajouter plus de lueur et créer le câble

Étape 1

Créez un nouveau calque sous le calque de texte invisible d'origine, appelez-le. Lumière de fond, et changer sa Mode de fusion à Lumière linéaire.

Met le Premier plan couleur à # 98338b, choisir le Outil Pinceau, et choisissez une très grande, douce, pointe ronde. Ensuite, cliquez une fois pour ajouter des taches de couleur derrière le texte (ne cliquez pas et ne faites pas glisser, mais collez la couleur).

Étape 2

Créer un autre nouveau calque sous le Lumière de fond couche et l'appeler Câble. Choisissez le Outil stylo et choisissez le Chemin option dans le Les options bar.

Vous devrez ensuite créer les chemins où vous souhaitez ajouter le câble. Vous pouvez cliquer pour ajouter des points d'ancrage d'angle, puis cliquer et faire glisser pour créer des courbes. Gardez à l’esprit que le chemin créé ne doit pas nécessairement être parfait, vous pouvez choisir le Outil de sélection directe à tout moment plus tard pour ajuster les points d'ancrage ou les poignées de direction.

Étape 3

Pour séparer les chemins, maintenez la touche enfoncée. Commander clé, et cliquez en dehors du chemin que vous avez fini de créer pour qu'il ne soit pas connecté au chemin que vous créez après.

Étape 4

Prenez votre temps avec cette étape pour obtenir un résultat net.

Étape 5

Choisissez le Outil Pinceau, puis ouvrez le Brosse panneau (Fenêtre> Pinceau) et choisissez un tour difficile 7 px pointe avec Espacement mis à 1.

Étape 6

Met le Premier plan couleur à # 252525, choisir le Outil de sélection directe, faites un clic droit sur le chemin et choisissez Chemin de course.

Étape 7

Choisir Brosse du Outil menu déroulant et décochez la case Simuler la pression boîte.

Étape 8

Cela va caresser le chemin. Frappé le Revenir clé pour se débarrasser du chemin de travail.

10. Styliser le câble

Double-cliquez sur le Câble couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Vive lumière
  • Couleur: # ec6ab7
  • Opacité: 24%

Étape 2

Ajouter un Contour avec ces paramètres:

  • Vérifier la Anti-aliasé boîte.

Étape 3

Ajouter un Superposition de motifs avec ces paramètres:

  • Mode de fusion: Multiplier
  • Modèle: 8

Étape 4

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

  • Opacité: 60%
  • Distance: 13
  • Taille: dix

Cela va styler le câble.

11. Créer les clips

Étape 1

Choisissez le Outil Rectangle et créer un 11 x 15 px rectangle.

Étape 2

Choisissez le Ajouter un outil de point d'ancrage et cliquez pour ajouter deux points au centre des deux côtés verticaux du rectangle.

Étape 3

Choisissez le Outil de sélection directe, cliquez et faites glisser pour sélectionner les points centraux que vous avez ajoutés, puis appuyez sur la touche Touche flèche gauche une fois pour les déplacer 1 px à gauche.

Étape 4

Dupliquer le Rectangle couche et puis aller à Édition> Transformer> Rotation de 90 ° dans le sens des aiguilles d'une montre. Renommez les calques Rectangle en H (pour horizontal) et V (pour vertical).

12. Styling les clips

Double-cliquez sur le H couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Incrustation en dégradé avec ces paramètres:

  • Opacité: 42%
  • Clique le Pente case pour créer le dégradé en utilisant les couleurs # 151515 à gauche, # 6d6d6d au centre, et # 161616 à droite.

Étape 2

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

  • Opacité: 60%
  • Distance: 13
  • Taille: dix

Cela va styler le clip horizontal.

Étape 3

Copier et coller le H le style de la couche au V couche, puis double-cliquez sur le V couche pour changer le Incrustation en dégradéde Angle valeur à 0.

Étape 4

Ensuite, dupliquez et placez les calques d’agrafes à l’endroit où vous souhaitez ajouter des agrafes au câble que vous avez créé..

13. Ajouter un autre calque de coloration

Clique le Créer un nouveau calque de remplissage ou de réglage icône et choisissez Couleur unie. Utilisez la couleur # a34799, placez le calque de réglage sous le Câble couche, et changer sa Mode de fusion à Vive lumière. Cela appliquera la couleur aux briques derrière le texte et améliorera l'éclat et l'éclairage du résultat final..

Toutes nos félicitations! Vous avez terminé

Dans ce didacticiel, nous avons modifié un fond de texture de brique et l’a obscurci un peu. Ensuite, nous avons créé le texte, pixellisé son calque et séparé les parties horizontales des parties verticales et diagonales..

Après cela, nous avons dupliqué et groupé les calques de texte séparés et les avons tous stylisés pour obtenir un effet brillant..

Une fois que le texte principal a été créé et stylisé, nous avons ajouté de l'éclat à l'arrière-plan et utilisé l'outil Plume pour créer le chemin du câble. Nous avons tracé le chemin et l'avons stylé pour lui donner un aspect 3D.

Enfin, nous avons utilisé l'outil Rectangle pour créer des clips pour le câble, les modifier et les styler, et ajouter un dernier calque de réglage pour améliorer la coloration du résultat final..

Vous avez besoin d'actions Photoshop de qualité supérieure ou d'effets de texte. Nous les avons en vente sur GraphicRiver, telles que l'action Awesome Neon Text Effect Style.

N'hésitez pas à laisser vos commentaires, suggestions et résultats ci-dessous.