Effet néon super facile – Tutoriel Photoshop revisité
Une autre année, c’est notre 11e ici sur la terre d’Abduzeedo et nous ne pouvons pas croire que cela fait déjà plus d’une décennie. Nous avons commencé comme un site Web d’inspiration et de tutoriels, en particulier le tutoriel Photoshop. Avec le recul, c’est fou de penser que nous avons créé et partagé des centaines de tutoriels sur l’utilisation de Photoshop, Illustrator, Pixelmator et d’autres outils. Pour cette année, j’ai décidé de revisiter certains des plus populaires pour voir ce qui pourrait être amélioré. Donc, pour commencer, j’aimerais partager un moyen simple de créer un effet de néon dans Photoshop. C’est très simple et le résultat est encore meilleur que le précédent. J’espère que vous l’apprécierez et faites-moi savoir quel effet devrions-nous faire ensuite.
Tutoriel photoshop
Étape 1
Commencez avec un calque simple et avec les styles de calque, ajoutez un dégradé radial. Les couleurs ici sont assez importantes car elles définiront le niveau de réalisme de votre design. Il ne peut pas être trop saturé ou trop sombre, sinon l’effet Color Dodge ne fonctionnera pas. J’utilise #303e4a pour le bleu clair et #151515 pour le gris foncé.
Étape 2
Importez le logo que vous souhaitez utiliser. J’utilise la version outine du logo Abduzeedo. Voici une autre chose importante, l’épaisseur du contour/du trait affectera également le réalisme.
Étape 3
Maintenant, le style de calque. Un certain nombre de choses, mais importantes, ont changé pour le style de calque depuis que j’ai écrit le didacticiel Neon il y a plus de 5 ans. La chose la plus importante pour moi est que vous pouvez avoir plusieurs styles, par exemple, vous pouvez avoir plus d’une ombre portée ou ombre intérieure. C’est vraiment super utile pour des effets de lumière comme celui-ci.
La première chose à faire est d’ajouter une superposition de couleurs et d’utiliser le blanc comme couleur. Si vous regardez comment fonctionne le néon, à peu près le centre du tube est très blanc et la couleur devient plus visible sur les bords. C’est ce que nous allons essayer de reproduire.
Étape 4
Donc pour le Bevel & Emboss. Cette partie est juste pour donner l’aspect du verre à notre formulaire. Ce n’est pas vraiment nécessaire si vous regardez comment fonctionnent les néons, mais encore une fois, cela donne un peu plus de profondeur. Ci-dessous, vous pouvez voir les valeurs.
Étape 5
L’ombre intérieure commencera à donner le réalisme que nous voulons. La superposition de couleurs que nous utilisons est la couleur que nous voulons que notre néon soit. J’utilise une belle couleur cyan.
Étape 6
L’Inner Glow c’est la même chose, il va renforcer le mélange du bleu avec le blanc. Ci-dessous, vous pouvez voir les valeurs.
Étape 7
L’Outer Glow créera l’effet de lumière ou comment la lumière interagit avec l’arrière-plan et d’autres objets. Vous pouvez voir que j’utilise la taille maximale et la superposition pour le mode de fusion avec la même couleur cyan que je veux que l’effet de lumière soit.
Étape 8
Les ombres portées créeront le mélange des lumières. Vous pouvez y parvenir en utilisant Vivid Light ou Color Dodge. J’utilise 2 ombres portées. Le premier se comportera comme une lueur extérieure et le second sera la lumière qui se reflète sur l’arrière-plan. Ce sera un peu en dessous ou au dessus selon l’angle sous lequel vous voulez que les gens voient le logo.
Étape 9
Voici le résultat initial avec un simple style de calque
Étape 10
Ajoutons maintenant une texture concrète pour le fond. Cela assombrit un peu les choses.
Étape 11
Ici, vous pouvez ajouter quelques petits éléments, comme des vis, des fils. C’est assez simple et ils ne nécessitent pas trop de détails.
Étape 12
Pour connecter le néon au fil, nous devons ajouter quelques éléments pour créer cette idée que le néon est un peu éloigné du mur. Je viens d’utiliser un rectangle avec le style de calque comme vous pouvez le voir ci-dessous.
Conclusion
Il y a 2 choses plus importantes que vous pouvez faire pour le rendre génial. Une fois votre conception terminée, sélectionnez tous les calques et dupliquez-les. Juste après les fusionner en un seul calque et aller dans Filtre> Flou> Flou gaussien. Utilisez quelque chose de plus de 20. Dupliquez ce calque. Vous aurez 2 calques, faites celui ci-dessous pour avoir une superposition pour le mode de fusion et celui sur l’écran supérieur à 50% d’opacité. Cela créera un effet de lueur super cool.
Votre conception est terminée, vous pouvez maintenant la reproduire pour d’autres projets et même l’enregistrer en tant que style.
