Comment faire une typographie 3D Neon Light

Les néons ont toujours constitué un fascinant spectacle de lumière et sont souvent difficiles à photographier. Eh bien, il n'y a pas besoin de caméra ici, car nous allons apprendre à créer du type 3D au néon à partir de rien.


Étape 1

Pour créer le texte, nous allons commencer par Illustrator. Alors, ouvrez un nouveau fichier AI et téléchargez cette police, appelée Shine On. A l'aide de l'outil Texte (Commande + T), tapez votre première lettre ("N") et choisissez une couleur claire (# ABDCD6)..



Étape 2

Ajoutons maintenant un effet 3D. Allez à Effet> 3D> Extruder et biseauter. Lorsque la fenêtre apparaît, entrez les paramètres ci-dessous. Pour pouvoir afficher les paramètres d'éclairage, appuyez sur le bouton Autres options. N'hésitez pas à jouer avec la position de votre lettre. Toutefois, pour obtenir le même résultat, utilisez les mêmes paramètres pour la section Extrusion et biseautage..

La lettre a deux couleurs. L'une est la couleur de la police (# A8E5DC) et l'autre est la couleur de l'ombrage du menu 3D. Pour pouvoir y accéder, sélectionnez Personnalisé dans le menu déroulant Couleur de l'ombrage. Choisissez un cyan plus léger (# E1FFF7).

Une fois que vous sentez que votre lettre est terminée, répétez le processus pour styliser et positionner les trois lettres suivantes. Dès que vous avez terminé, copiez (Commande + C) la première lettre..
Points à garder à l’esprit lors du positionnement des lettres:

1. Gardez à l'esprit le poids de la police. C'est une police mince, alors trouvez une disposition qui crée un mot lisible. Vous pouvez choisir de faire flotter les lettres, comme je l’ai fait, ou de les aligner symétriquement afin de les faire ressembler à un signe. Si c'est le cas, tapez le mot entier avant de créer l'effet 3D ou tapez le reste après l'application de l'effet à une lettre..

2. Si vous n'êtes pas satisfait de l'angle que vous avez donné, il n'est pas nécessaire de recommencer. Allez dans Fenêtre> Apparence et double-cliquez sur l'effet trouvé dans la liste. Il est préférable de le faire après avoir créé toutes les lettres..



Étape 3

Ouvrez un nouveau document Photoshop, faites-le 1280 pixels par 768 pixels à 300 ppp. Remplissez la couleur d'arrière-plan en noir et collez (Commande + V) la première lettre. Une fois positionné, double-cliquez sur son calque et créez les styles de calques présentés ci-dessous. Le premier est un éclat extérieur. La couleur assignée est # 64FFF2.



Étape 4

Maintenant, ajoutez un éclat interne avec la couleur # 96b2BA.



Étape 5

Le prochain est Satin avec une autre nuance de cyan (# 65DBD7).



Étape 6

Pour plus de profondeur et de contraste, ajoutez un calque dégradé avec ces deux couleurs: # 0E272F et # 5993A4. N'oubliez pas de régler son mode de fusion sur Color Burn..



Étape 7

Cliquez avec le bouton droit sur le calque et sélectionnez Copier le style du calque. Puis sélectionnez les couches restantes, cliquez avec le bouton droit de la souris et sélectionnez Coller le style de couche. Toutes les lettres devraient maintenant avoir le même effet.



Étape 8

Nous allons maintenant renforcer l'effet de luminescence en peignant derrière les lettres. Choisissez un cyan très foncé (# 071617) et peignez avec un gros pinceau doux.



Étape 9

Il est temps d'ajouter les câbles électriques. À l’aide de l’outil crayon (P), tracez votre câble en mode Chemin..



Étape 10

Sélectionnez un pinceau rond et définissez sa valeur sur 12 pixels. Saisissez à nouveau l'outil Plume, cliquez avec le bouton droit de la souris sur le canevas et sélectionnez Chemin de trait. Appuyez sur PL, sans utiliser de pression simulée.



Étape 11

Ajouter un style de calque: Satin avec cette couleur: # 182525.



Étape 12

Pour rendre le bout du tube au néon plus réaliste, nous allons ajouter deux ellipses avec les couleurs suivantes: # 6da0a4 et # 40b8b5. Ensemble, ils donnent l’apparence d’une bague.



Étape 13

Ajoutez quelques câbles supplémentaires au reste des lettres. N'oubliez pas d'associer l'extrémité d'un câble à l'extrémité d'un tube au néon.



Étape 14

Afin d'ajouter de la profondeur, nous allons brouiller la dernière lettre, qui a été réduite en conséquence..



Étape 15

Il est temps de se concentrer davantage sur les lettres et de les rendre plus réalistes et plus anciennes. Commencez par créer des variations de lumière avec un pinceau doux sur blanc. Faites cela dans un masque d'écrêtage, au-dessus du calque de la lettre. Pour créer un masque de découpage, créez un nouveau calque, puis tout en maintenant la touche Alt enfoncée, cliquez entre les deux calques..



Étape 16

Répétez le même processus avec le reste des lettres.



Étape 17

Dans cette partie du didacticiel, nous allons vieillir les néons en ajoutant des taches avec cet ensemble de Bittbox. Téléchargez et installez les pinceaux Grunge Ink Splatter. Après avoir sélectionné cet ensemble dans Photoshop, commencez à peindre avec des accents de lumière de cette couleur: # EE5FCFB.



Étape 18

Ajouter une autre tache avec une couleur plus sombre. Les taches claires et sombres rendront la détérioration plus aléatoire.



Étape 19

Répétez le processus sur le reste des lettres.



Étape 20

Maintenant que nous avons ajouté plus d’intensité aux néons, augmentons l’éclairage général. Peignez un peu plus avec un pinceau doux derrière les lettres en utilisant un cyan brillant (# 31CAC9), mais à très faible opacité (10%).



Étape 21

Le mur doit refléter le même état médiocre, ajoutez donc quelques taches dans un calque au-dessus du calque "arrière-plan" et jouez avec l'opacité jusqu'à trouver le bon équilibre..



Étape 22

Ajoutez quelques ombres aux câbles. Pour ce faire, il suffit de dupliquer le câble. Ensuite, sélectionnez le calque en dessous et allez dans Filtre> Flou> Flou de mouvement, puis entrez une valeur de 60 pixels.



Étape 23

Qu'est-ce qu'un tube au néon sans quelques insectes? Nous allons incorporer quelques papillons. Téléchargez la photo et découpez-la à l'aide de l'outil Baguette magique.



Étape 24

Allez à Image> Réglages> Teinte et Saturation. Réduisez la saturation et la légèreté à -85.



Étape 25

Utilisation de l'outil d'esquive pour (O) alléger les pièces qui font face aux néons.



Étape 26

Le réglage final consiste à appliquer un filtre photo. Allez à Image> Réglages> Filtre photo et appliquez une nuance de cyan..



Étape 27

Appliquez la même technique à la seconde. J'ai fait le deuxième papillon en faisant pivoter l'une des ailes de la précédente et en inclinant l'autre.



Étape 28

J'ai également ajouté mon nom à l'image, mais je voulais l'intégrer à l'image. J'ai utilisé une police graffiti, car elle me semblait appropriée dans le cadre. Commencez par taper, puis faites pivoter et inclinez-le en position.



Étape 29

Obtenez l'outil Gomme (E) et sélectionnez l'un des pinceaux d'encre éraflés de bittbox. Effacer un peu du texte; juste assez pour le fondre dans le fond.



Étape 30

Passez en mode Masque rapide (Q) et faites glisser un dégradé du noir au blanc d'un côté du texte à l'autre. Quittez le mode masque rapide (Q). Ceci est la partie que nous allons effacer, afin de donner une impression de profondeur.



Étape 31

Allez dans Filtre> Flou> Flou de l'objectif et utilisez les paramètres indiqués ci-dessous..



Étape 32

Nous allons faire quelques ajustements supplémentaires qui donneront à l'image plus de réalisme. La première étape consiste à simuler un effet de caméra tremblotant. Au cas où l’on prendrait cette photo avec un appareil photo instable, des traînées de lumière apparaissent. Nous allons créer quelque chose de similaire, tout en préservant la clarté et la lisibilité..
Dupliquez une des lettres (dans mon cas, la lettre "E") et créez un nouveau calque vide. Sélectionnez le calque vide et la lettre en dessous et fusionnez-les (Commande + E). Nous faisons cela simplement pour aplatir le style de calque sur la lettre. Définissez ce mode de fusion de calque nouvellement fusionné sur Superposition.



Étape 33

Maintenant, allez dans Filtre> Flou> Flou de mouvement et entrez une valeur de 43 à un angle de 0 degré. Repositionner la lettre floue.



Étape 34

Allez à Image> Réglages> Teinte & Saturation et faites glisser la barre de saturation un peu vers le bas; juste assez pour éliminer une partie de la luminosité excessive.



Étape 35

Répétez le même processus pour les lettres restantes.



Étape 36

Certains des effets de luminescence que nous avons introduits ont réduit la gamme de couleurs de l’ensemble de l’image. Afin de le rendre un peu plus dynamique, j'ai décidé d'utiliser un mélangeur de canaux. Pour ce faire, sélectionnez Calque> Nouveau calque de réglage> Mélangeur de canaux. Utilisez le réglage indiqué ci-dessous pour les canaux RVB.



Étape 37

Une dernière étape pour terminer est un autre rehausseur de réalisme. À ce niveau de lumière, le bruit est très approprié. Après avoir aplati l'image (Commande + Maj + E), sélectionnez Filtre> Bruit> Ajouter du bruit. Utilisez les valeurs 1%, Uniform et Monochromatic.



Conclusion

Eh bien c'est ça! La grande chose à propos de cette technique est le fait qu’il est très facile à appliquer à toutes sortes de néons. Vous pouvez choisir de créer une typographie 3D, comme dans ce tutoriel, ou des tubes au néon stylisés dans des compositions abstraites. Comme d'habitude, tout dépend de vous et de ce que vous pensez faire le mieux. Merci pour la lecture! Vous pouvez voir l'aperçu final de l'image ci-dessous ou voir une version plus grande ici.