Comment créer du texte néon en 5 étapes avec Adobe Photoshop

Tutoriel comment créer un texte néon avec Photoshop étape par étape

Offres d'Adobe Photoshop outils de mélange incroyables. Si vous savez vous en servir et si vous faites attention aux détails, avec eux, vous pourrez créer des effets très réalistes. Dans le graphisme, comme dans la mode, tout revient et cette année nous avons vu comment l'esthétique des années 80 est redevenue une tendance. Couleurs frappantes, images sombres, textures différentes, néons, ces éléments ont inondé les affiches et les campagnes publicitaires, nous ramenant à la décennie de la transgression.

Les néons sont un classique de publicité des années XNUMX, j'ai donc voulu les récupérer pour ce post. A) Oui, Je vais vous montrer comment créer du texte néon avec Adobe Photoshop en 5 étapes faciles.

Sélectionnez un arrière-plan approprié

Bien qu'il soit vrai que vous pouvez l'appliquer sur différents arrière-plans colorés, si vous choisissez un fond sombre, le résultat sera meilleur et beaucoup plus réaliste. Vous pouvez le faire directement sur un fond noir, ou vous pouvez choisir une texture. Dans ce cas, j'ai sélectionné un fond qui simule un mur de briques sombres et je vais travailler sur un fichier de format A4 en position horizontale.

Sélection de la police et de la taille du texte

Pour créer votre texte néon Je recommande de choisir une police épaisse, lourd et un peu allongé, plus seulement parce que l'application des effets vous conviendra mieux, mais parce que les caractères épais étaient très à la mode dans les années 80. taille, cela dépendra beaucoup des besoins de votre conception et la police que vous choisissez. Cependant, je vous préviens que cet effet n'est pas destiné aux petits textes, mais plutôt aux gros textes accrocheurs. Une autre chose qui vous devez prendre en compte est l'espace entre les caractèresSi vous choisissez une police dans laquelle cet espace par défaut est très petit, vous devrez l'agrandir. Ne vous inquiétez pas! Maintenant, nous allons voir comment procéder.

Dans mon cas, J'ai opté pour la police «Impact» et je lui ai donné un Taille de 100 points. Comme l'espace entre les personnages était restreint, je lui ai donné un valeur de 10 lors du traking. En modifiant cette valeur, nous modifions l'espace entre chaque caractère.

Tutoriel Neon sélectionner le traking et la taille de la police

Pour donner cet alignement au texte simplement J'ai modifié l'option d'alignement dans le "menu texte" qui apparaît normalement en haut de l'écran. Tu vas devoir sélectionnez «centre texte». Pour le placer au centre de la page, appuyez sur Ctrl + T (si vous travaillez sous Windows) ou sur commande + T (si vous travaillez sur Mac) et vous pouvez le déplacer librement.

Tutoriel néon aligner et centrer le texte

Modifier le style du calque de texte

Une fois que vous avez créé votre texte, ce que vous allez faire est abaissez le remplissage à 0%. Le texte va disparaître, mais pas de panique, vous n'avez rien fait de mal, c'est juste ce qui doit arriver.

Tutoriel Néon Changer le remplissage du calque de texte à 0%

Ensuite, nous allons procéder à modifier le style du calque de texte. Pour cela, vous devez ouvrir le menu des styles de calque: en survolant l'onglet "calque", vous allez ouvrir un menu déroulant, survoler "style de calque" et cliquer sur "options de fusion". Un menu s'ouvrira, il faut sélectionnez l'option de trait et modifiez les éléments suivants: taille et couleur. Pour la couleur sélectionnez une cible. Pour la taille, je ne peux pas vous donner une valeur exacte car cela dépendra de votre typographie et du type de police choisi. Dans mon cas, j'ai corrigé taille de trait en 7, L'important est pas trop épais pour ne pas perdre de lisibilité lors de l'ajout d'effets.

Tutoriel Neon comment afficher le menu des options de fusion

Didacticiel néon Modifiez le style du calque de texte en sélectionnant le contour

Avant de continuer, nous allons créer un groupe avec le texte et les effets (effet trace). Pour créer le groupe, simplement sélectionner le calque de texte et appuyez sur commande + G. A partir de maintenant, nous appliquerons les effets à ce groupe.

Tutoriel Neon comment créer un groupe

Appliquer l'effet néon

Maintenant, préparez-vous à faire très attention car la chose la plus intéressante commence. En sélectionnant le «texte de groupe + effets», nous allons rouvrir le menu des styles de calque (N'oubliez pas que vous pouvez également l'ouvrir en sélectionnant le symbole "fx"). Vérifiez ensuite le effet "lueur extérieure". Encore une fois, les valeurs que nous donnerons à cet effet dépendront des besoins du design, activez l'option «aperçu »pour voir simultanément les paramètres. Dans mon cas, j'ai opté pour une couleur rose éclatante et en ai sélectionné une 85% d'opacité. Vous devrez également choisir une technique, je vous recommande de sélectionner l'option "plus lisse" et d'ajuster les valeurs "étendre" et "taille". Je vous laisse en dessous d'un capture d'écran avec les valeurs qui m'ont servi pour ma conception.

Tutoriel néon Appliquer l'effet de lueur externe au texte

Obtenez plus de réalisme

Comme vous pouvez le voir, ce que nous avons pourrait déjà être considéré comme un texte au néon, mais comment nous voulons que le résultat soit aussi réaliste que possible, je vais vous donner quelques autres conseils pour améliorer le design. De vrais textes au néon dégagent de la lumière Pouvons-nous simuler cette lumière avec Photoshop? Oui, bien sûr, nous pouvons et vous serez surpris de voir à quel point c'est simple.

Sélectionnez et configurez l'outil Pinceau

La première chose à faire est de créer un nouveau calque. Puis sélectionnez l'outil Pinceau et choisissez le pointe "circulaire diffuse". Vous devrez personnaliser les caractéristiques de votre pinceau. Nous allons commencer par modifier la taille, l'idéal est que l'épaisseur de la pointe est légèrement supérieure à ce qu'occupe votre zone de texte (J'avais besoin de lui donner une valeur de 2390 px). Vous devrez également changer un peu la forme du pinceau, pour ce faire déplacez les points blancs présents dans le graphisme du menu pinceau, aplatissez un peu le cercle pour qu'il s'adapte mieux à la forme de votre texte. Nous allons réduire l'opacité, cela dépend un peu du goût personnel de chacun, j'aime que les effets soient doux, j'ai donc baissé le 21% d'opacité. Enfin, sélectionnez la couleur du pinceau, le remplissage doit être exactement de la même couleur que celle que vous avez donnée à la lueur extérieure (rose dans ce cas). Pour rendre la couleur identique, vous avez deux options: vous pouvez copier le code de couleur donné ou ajouter cette couleur comme échantillon à votre bibliothèque.

Tutoriel néon Réglage du pinceau pour donner l'effet lumineux

Tutoriel Neon comment copier le code couleur

Obtenez un effet de lumière douce

Lorsque vous avez votre ensemble de pinceaux, vous devrez cliquer au centre de votre texte pour peindre un point. Ce point simulera déjà une lumière, mais pour obtenir un résultat plus fin Je vous recommande de placer le calque sous le groupe "texte + effets". J'espère que ce tutoriel sur la création de texte néon en 5 étapes avec Adobe Photoshop vous a bien servi.Vous êtes prêt à personnaliser ce design!

Tutoriel néon nous peignons un point sur notre nouveau calque avec le pinceau personnalisé

Tutoriel néon, on déplace le calque sous le groupe et on obtient le résultat final


Soyez le premier à commenter

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Miguel Ángel Gatón
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.