Style néon super facile dans Photoshop

Vendredi dernier, c’était la rencontre Abduzeedo ici dans ma ville natale de Porto Alegre. C’était vraiment cool, on s’est bien amusé et on a bu plein de bières ! Quand je partais, j’ai remarqué l’enseigne au néon à l’extérieur du pub et cela m’a vraiment inspiré pour créer un tutoriel sur la façon d’obtenir ce type d’effet dans Photoshop.

Dans ce tutoriel, je vais vous montrer comment créer un bel effet de lumière dans Photoshop. Nous utiliserons les styles de calque et les modes de fusion pour simuler un effet de texte néon.

Étape 1

Ouvrez Photoshop et créez un nouveau document. j’ai utilisé 1920×1200 pixels. Après avoir importé une texture de brique, celle que j’ai utilisée était une gracieuseté de Shutterstock et vous pouvez Télécharger les ici

Étape 2

Avec le calque de texture sélectionné, allez à Image>Réglages>Teinte et Saturation. Utilisation 0 pour la Teinte, 45 pour la Saturation et -85 pour la Luminosité.

Étape 3

Ajoutez un nouveau calque et accédez à Filtre>Rendu>Nuages. Assurez-vous d’avoir du noir et blanc pour les couleurs de premier plan et d’arrière-plan. Avec le Outil Gomme (E) supprimez les zones proches du bord et ne laissez que le centre de l’image. Après cela, changez le Mode de fusion à Color Dodge.

Étape 4

Importez le logo que vous souhaitez utiliser pour l’effet néon. J’utilise le logo ZEE que j’ai créé il y a quelques semaines. Dupliquez le calque et masquez-le car nous aurons besoin d’utiliser quelques copies plus tard dans ce didacticiel. Sélectionnez le calque de logo visible et accédez à Filtre> Flou> Flou gaussien. Utilisation 15 pixels pour le Rayon.

Étape 5

Suivez les images ci-dessous pour les paramètres du style de calque. Nous utiliserons Drop Shadow, Inner Shadow, Outer Glow, Bevel and Emboss et Color Overlay.

Étape 6

Ce sera le résultat que vous obtiendrez après le style de calque.

Étape 7

Dupliquez le calque avec les styles de calque pour rendre l’effet un peu plus fort, mais réduisez le opacité à 50%.

Étape 8

Nous aurons besoin d’un autre calque avec le logo sans qu’aucun style de calque ne lui soit appliqué. Mettez ce nouveau logo au-dessus des autres, puis allez à Filtre>Flou>Flou gaussien. Utilisation 100 pixels pour le Rayon. Changez également le Mode de fusion à Color Dodge.

Étape 9

Maintenant, avec l’outil Pinceau, créons la partie de base du néon qui sera fixée au mur. Utilisez du noir pour la couleur et placez-le derrière les couches de néon. Après cela allez à Calque> Style de calque> Biseau et relief. Utilisez l’image ci-dessous pour les valeurs de Bevel et Emboss. Pour la base « E », utilisez -160º pour l’angle et pour la base « Z », utilisez 0º.

Étape 10

Encore avec le Outil Pinceau (B) et un pinceau très doux, en utilisant 0 pour la dureté, ajoutez un nouveau calque derrière les calques créés à l’étape précédente. Il suffit donc de peindre une ombre très douce.

Conclusion

Les effets de lumière sont toujours vraiment cool pour les fonds d’écran, je suis vraiment accro à ces types d’effets et dans ce tutoriel je vous ai montré comment créer un effet néon. Fondamentalement, l’effet concerne les styles de calque et les modes de fusion. Maintenant, ça ne depent que de toi. Vous pouvez essayer différentes couleurs et arrière-plans, mais la technique ne changera pas beaucoup par rapport à celle-ci.

Cliquez sur l’image pour un aperçu complet

Télécharger le fichier Photoshop

Cliquez ici pour télécharger le fichier Photoshop utilisé pour ce tutoriel