Style néon LA Noire dans Photoshop
Il y a quelques mois, j’ai commencé à voir des affiches à San Francisco sur ce jeu appelé LA Noire. L’effet de texte était vraiment cool, une sorte d’effet néon à l’ancienne. Je sais que j’ai fait quelques tutoriels montrant comment créer ce type d’effet, mais j’avais besoin de le refaire dans Photoshop.
Donc, dans ce tutoriel, je vais vous montrer comment créer l’effet de texte comme vous le voyez dans la couverture du jeu LA Noire. L’ensemble du tutoriel prendra environ 1-1:30h. C’est un peu délicat mais ce n’est pas facile et le résultat est vraiment cool.
Étape 1
La première chose à faire est de créer le texte que vous utiliserez pour le fond du néon. J’ai utilisé Illustrator pour cette partie car il est plus facile de jouer avec les polices. Donc en gros j’utilise Noir arial pour la police, cependant j’ai changé le B, le D et le O pour qu’ils ne soient pas si arrondis.
Étape 2
Pour créer les néons, utilisez le Outil Rectangle Arrondi. Commencez avec un rectangle 100% arrondi, puis dupliquez-le et déplacez-le pour en avoir un à côté de l’autre. Après cela avec le Outil de sélection directe (A) supprimer l’arrondi du haut de l’un des rectangles et du bas de l’autre. Utilisez l’image ci-dessous pour référence.
Étape 3
Créez le reste des lettres. Regardez le B, le D et le O. Pour créer ces lettres, vous répéterez essentiellement l’étape précédente, mais avec quelques ajustements différents pour les adapter au personnage sur lequel vous travaillez.
Étape 4
Ouvrez Photoshop et créez un nouveau document. j’utilise 2560×1440 pour la taille. Remplissez l’arrière-plan de noir, puis copiez le travail ABDUZEEDO à partir d’Illustrator et collez-le dans Photoshop. J’utilise du jaune (#f0af17) pour la couleur.
Étape 5
Aller à Calque> Styles de calque> Lueur intérieure. Utilisez une couleur plus claire pour le mode de fusion, 60 % pour l’opacité, le centre pour la source, 20 % pour le starter et 60 pixels pour la taille.
Étape 6
Sélectionner Ombre intérieure. Utilisez du noir pour la couleur, Linear Burn pour le Blend Mode, 40% pour l’Opacité, 45º pour l’Angle, 10 pixels pour la Distance, 5% pour le Choke et 5 pixels pour la Taille.
Étape 7
Utilisons maintenant une certaine texture pour donner plus de réalisme. Celui que j’utilise est une gracieuseté de Shutterstock et vous pouvez le trouver sur http://www.shutterstock.com/pic-20761540/stock-photo-metal-plate-backgr…
Étape 8
Changer la texture Mode de fusion pour superposer à 30 % d’opacité.
Étape 9
Dupliquez le texte et remplissez le calque de noir, puis commencez à dupliquer et à déplacer 2 pixels vers le haut et vers la gauche. Répétez cela plusieurs fois pour créer une sorte d’extrusion 3D. Après cela, sélectionnez tous les calques que vous avez créés pour cet effet et fusionnez-les en un seul (Calque>Fusionner les calques).
Sélectionnez le calque et accédez à Calque> Styles de calque> Trait. Utilisez 14 pixels pour la taille, 40 % d’opacité et (#b47200) pour la couleur.
Étape 10
Copiez les objets néon d’Illustrator et collez-les dans Photoshop. Ensuite aller à Calque> Styles de calques> Options de fusion. Changez l’opacité de remplissage à 0%.
Étape 11
Sélectionner Ombre portée. Utilisez du noir pour la couleur, Linear Burn pour le mode de fusion, 40 % pour l’opacité, -23 % pour la distance, 5 % pour l’étalement, 5 pixels pour la taille.
Étape 12
Sélectionnez Intérieur Ombre. Utilisez Multiplier pour le mode de fusion, # 865200 pour la couleur, 50% pour l’opacité, 120º pour l’angle, 1 pixel pour la distance, 2% pour le starter, 2 pixels pour la taille et pour le contour, utilisez le même que j’ai utilisé dans l’image ci-dessous.
Étape 13
Sélectionner Lueur externe. Pour le mode de fusion, utilisez Color Dodge à 50% d’opacité et blanc pour la couleur. Modifiez également la propagation à 0 et la taille à 10 pixels.
Étape 14
Sélectionner Lueur intérieure. Utilisez ensuite Color Dodge pour le mode de fusion à 100% d’opacité. Changez également la Source en Center, Choke en 2%, Size en 2 pixels, Range en 5% et Jitter en 100%.
Étape 15
Le néon est agréable mais il a besoin de quelques reflets. Pour ce faire, c’est assez simple. Créez un dossier dans la palette des calques et modifiez son Mode de fusion à Color Dodge. Ajoutez un calque à l’intérieur du dossier, puis avec le Outil Pinceau (B) un pinceau très doux et du blanc pour la couleur commencez à peindre certaines zones que vous souhaitez mettre en valeur. Vous pouvez voir dans l’image ci-dessous dans les lettres comment certains ont cette zone plus lumineuse.
Étape 16
Faisons maintenant la même chose mais cette fois pour créer des taches sombres. Ajoutez donc un nouveau dossier mais cette fois changez le Mode de fusion à gravure linéaire à 80 %. Ajoutez ensuite le calque à l’intérieur du dossier et avec le Outil Pinceau (B) et un pinceau doux avec du noir pour colorer certaines zones sombres. Utilisez l’image ci-dessous pour référence.
Étape 17
Sélectionnez tous les calques et dupliquez-les, puis fusionnez tous les calques dupliqués en un seul. Aller à Filtre> Flou> Flou Gaussien. Utilisez 5 pixels pour le rayon.
Conclusion
Changez le mode de fusion en écran et avec l’outil Gomme (E), supprimez la majeure partie du calque en ne laissant que les zones proches des points lumineux. Comme vous pouvez le voir, créer l’effet est assez simple, essentiellement certains styles de calque et modes de fusion, mais c’est une technique agréable à utiliser dans de futurs projets, en particulier les icônes. Maintenant, ça ne depent que de toi 🙂
