32
Créer un texte en néon avec photoshop
Un effet qui peut être très sympa si vous avez des compositions à faire dans le thème du Night club ou de la fête ou encore des boîtes de nuit. Le texte est néon est surtout basé sur un style de calque : contour + lueur externe, mais quelques petits plus peuvent être ajoutés. A vous d’être original !
- Fichier PSD - tutorial 121
- clic pour télécharger le fichier sourcs PSD utilisé dans le tutorial 121
ETAPE 1
Je crée un nouveau document sur fond noir et avec l’outil texte (T) je crée mon texte au milieu de mon image, mon texte doit être blanc !
Le must pour ce tutorial est d’utiliser la police Néon que voici. Pour l’installer il vous suffit de copier le fichier de police TrueType dans le dossier font de Windows.
Télécharger la police de caractère neon :
- Police de caractère Néon
- clic pour télécharger la police de caractère neon, utilisé dans ce tutorial
ETAPE 2
Je fais un clic droit sur mon calque et je le pixelise. Puis sur la gauche et sur la droite je continue mes néons. J’utilise l’outil sélection et pot de peinture pour y parvenir plus facilement.
ETAPE 3
Je vais maintenant ajouter le style de calque : d’abord une lueur externe puis un contour.
Les valeurs entourées de rouge sont proportionnelles, plus votre texte est grand plus vous devrez les augmenter. Pour information les valeurs de mon exemple sont parfaites pour un petit texte !
ETAPE 4
L’effet néon est terminé, mais pour un effet sympa ; surtout si le texte est très gros je peux dupliquer mon texte et le placer sur le haut des calques. Puis je supprime les styles (clic droit sur le calque > supprime les styles de calque), puis diminuer l’opacité de 50%.
ETAPE 5
Un petit reflet et hop ma composition est terminée !
ETAPE 6
Vous pouvez évidemment utiliser d’autres couleurs !
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 82 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
30 juin 2007 03:44, par Ronjoe
Ce n’est pas mal, même moi je l’avais déjà fait ^^. Je vous donne mon propre conseil pour faire de kws le meilleurs mais chut gardez le svp :
Utilisé la police défeqto disponible sur plusieur site de fonts et utlisé de la couleur jaune-marron avec un estompage, c’est exellent à mon goût ^^.
Répondre-
30 juin 2007 09:54, par Wonka
C’est WKS, pour WonKaStudio
Par contre, pour le fait que tu es déjà utilisé une technique similaire, je n’en doute pas un instand, elle est tellement simple et repéndus qu’on ne peux se vanter d’une création exclusive et personnelle.Je ne manquerais pas au passage d’essayer le conseil que tu viens de nous soumettres
Pour information vous pourrez trouver la police citée ci dessus (dans le message de ronjoe) à cette adresse : http://www.dafont.com/fr/defeqto.font
Répondre-
6 juillet 2007 15:38, par Aless
coucou !
Super tuto. Seulement, comment on fait le reflet ? Ou peut être existe t-il un tuto pour créer un reflet ? j’ai pas encore tout parcouru. Merci
Aless
Répondre -
8 janvier 2010 17:46, par clarence
Salut,
je débute sur photoshop alors j’aurais aimé savoir comment on faisait pour ajouter des polices à mon photoshop. j’ai télé celle que tu as donné dans ton tuto et celle dans ton comm mais une fois sur mon ordi je ne sais pas comment les utiliser.
Thx
Répondre
-
-
31 août 2008 20:15, par wilfried ADINGRA
et mani chacun a son style de travail toi t’as tes tecnik mais g crois que si t’étais aussi bon que çà tu ferais rien sur les sites de tuto. tu sais pr mieux apprendre il faux avoir un peu d’humilité en soit.
moi a ta place ce que j’allais dire c’est que : j’ai ma methode, il me montre une autre methode, je prends les 2 et j’avance.
juste un conseil ne prends pas en mal a+
Répondre
-
-
20 juillet 2007 23:32, par Aless
héhé, voilà c’est bon j’ai appri à faire un reflet ! rien de plus simple :p
Répondre -
18 septembre 2007 14:31, par Casusclay
salut merci pr ce super tuto bien pratique pr commencer vite et bien .. J’ai un autre objectif qui me pose probleme maintenant : Je voudrais selectionner le contour de mon texte uniquement pr pouvoir placer une couche alpha tout autour et ainsi rendre tout translucide excepté les lettres .Le souci c que les differents modes de selection(magnetiques , lasso ect) ne sont pas adaptés ,mais il y en a peut etre d’autres que je ne connais pas .C’est pourquoi je fais appel à vous .Voila j’espere avoir été clair , si besoin de precision je suis là ..merci encore .
Répondre-
19 septembre 2007 09:07, par Wonka
Si j’ai bien compris tu veux apposer ton texte sur une photo par exemple.
Normalement dans ta composition tu as un calque arrière plan ainsi que ton calque avec le neon. Il te suffit de changer l’arrière plan par ta photo.
En fait le neon est déjà transparent !
Répondre-
19 septembre 2007 19:12, par casusclay
hihi non c pas ca , jai creer un texte neon , je voudrais pouvoir faire une selection parfaite des lettres sans faire un ams difformes avec le lasso magnetique par ex. Et avec des lettres je ne sais pas faire de sélection multiple .
Répondre-
20 septembre 2007 11:05, par Wonka
Alors fait ctrl + un clic sur le calque, si tu veux ajouter la sélection d’un autre calque ctrl + shift + clic sur le second calque !
Répondre-
20 septembre 2007 19:44
Grand merci à toi pr ta réponse précise hihi, ce doit etre ce qu’il me manquait ! jvai tester ca ce soir ...
Répondre
-
-
-
-
15 octobre 2008 14:36, par revan
moi jaurais voulu savoir comment effectuer le reflet avec photoshop ...
Répondre
-
-
1er décembre 2007 22:05
quelqun peut il me faire un logo comme sa avec texte plus reflet en violet avec reflet avec écrit dessus : trash - test
J’ai essayer mais je galere trop Si quelqun est motivé pour le faire voila mon adresse msn / mail
kalmain@hotmail.fr
Répondre -
27 décembre 2007 22:21, par Mobius
J’tiens juste à ajouter qu’il y a une petite erreure sur le reflet ! ^^’ Oui oui, regardez bien en bas... Un petit bout du reflet dépasse.
Voilà.. C’était le petit mot du raleur !
Répondre
-
11 janvier 2008 23:41, par kiki2night
bonjour a tous, je manipule depuis peu adobe photoshop 7.0, j’ai réalisé la création du néon sauf que lorsque je veux faire un reflet, j’utilise le mode dégradé mais je n’obtient pas le meme genre de reflet, le blanc est inéxistant.
je vous laisse mon adresse mail pour pouvoir vous envoyer l’effet rendu de ma création : chris38_9@hotmail.com
Répondre-
12 janvier 2008 20:15, par Wonka
Tu devrais plutôt m’expliquer le problème que tu rencontres, et je t’expliquerais en détail la marche à suivre pour réussir ce tutorial
Répondre-
13 janvier 2008 14:21, par kiki2night
merci de m’avoir répondu. le probleme est lorsque je fais le reflet, je n’obtient pas le meme résultat que dans l’exemple. pour réaliser le reflet je fais donc une rotation, je cré un masque et j’utilise l’option dégradé.
qu’en penses tu ?
Répondre-
14 janvier 2008 09:44, par Wonka
Alors pour faire le reflet, duplique ton calque texte, tu le transforme en faisant une symetrie vertical, puis tu ajoute un masque de fusion et enfin tu utilises le dégradé noir vers blanc pour camoufler legerement le bas du texte.
Le dégradé sera du haut vers le bas evidemment, tu peux faire plusieurs essais pour arriver au bon resultat !
Bonne chance.
Répondre-
14 janvier 2008 19:39, par kiki2night
apres de nombreux essai je ne parviens pas a obtenir le meme style de reflet que sur le model proposé.
as tu une adresse mail pour que je te transmette mon fichier et que tu me dises ce qui ne va pas ?
si tu ne souhaite pas divilguer ton adresse en public fais le moi savoir a cette adresse : chris38_9@hotmail.com
merci.
Répondre-
15 janvier 2008 09:45, par Wonka
Tu peux me contacter via msn mon pseudo nar6team @hotmail.com Sans l’espace évidemment
Répondre
-
-
-
-
-
-
16 janvier 2008 19:28, par ’ti.Diamond’’
Mille merci à vous tous c’est vraiment simple et si bien expliqué !!!
Continuez comme ça et encore merci pour tout !
Bonne chance pour la suite !
Répondre -
25 janvier 2008 00:45, par al
bonjour wonka. j’ai essaye de d’ecrire « alix » en neon. j’ai plus ou moins reussi. mais là ou je cale c’est, comme kiki2night, au niveaux du reflet. je me suis aperçu que si je desactive l’ œil des effets, de la copie bien-sur. le degradé fonctionne sans la couleur. si l’œil est activé. le blanc est absent. voilà, je met les 2 photos ds la galerie pour + de comprehension. @+
Répondre -
1er février 2008 14:10, par salaan
c’et trop bon et surtout cela me permet de m’ameliorer bravo !
Répondre -
22 février 2008 13:38, par guitoo
Hello ! merci pour ce petit tuto tres simpa !!!!mai bon j’ai eu un peu de mal je l’ai fait sous photoshop elements...et je n’ais pas trouvé comment prolonger les lettres... Merci guitoo
Répondre
-
2 mars 2008 11:40, par dédé (audrey)
Répondre
VOILA SINON G PAS COMPRIS COMMEN CONTINUER LE NEON SUR LES COTES MES C PAS GRAv’ !! -
17 mars 2008 19:32, par Aerox
J’aurais Bien voulu envoyer ma creation mais je ne sais pas comment faire :s
Répondre -
11 mai 2008 21:50, par jadnx
bonjour, je suis novice et viens d’avoir le logiciel sc2, comment fait-on pour Rallonger sur la gauche et sur la droite ? svp
merci ttpp@live.fr
Répondre -
4 juin 2008 22:10
A quelle endroit exactement il faut copié le type d’écriture Néon ??? puisque je ne trouve pas...
Répondre -
-
18 juin 2008 11:16
Moi j’ai un probleme pour instaler la police. Où se trouve le dossier font de windows ? merci d’avace
Répondre-
18 juin 2008 15:37, par Wonka
A la racine de ton c : tu as un dossier Windows ensuite dans ce dossier tu en as un autres Fonts c’est dans celui ci que tu doit coller ton fichier .ttf
Bonne chance !
Répondre
-
-
-
23 juin 2008 21:29, par ramefu
Répondre
Voici ce que j’ai fait avec un effet “wave”.
J’aime bien l’effet de DARKKILLER aussi.
Bonne création à tous ! -
5 juillet 2008 17:59, par Gab
Salut ! J’essaie de créé un texte néon mais je ne suis pas capable. Je ne trouve pas l’écriture « néon » . Je la télécharge comme il dise de faire mais lorsque je l’ouvre je ne peux pas l’utiliser. Est-ce normal ??
Répondre -
14 juillet 2008 12:08
Salut, je les fait et c’est très simpatique ^^ moi qui vient de commencer a photoshoper ^^ j’ai réusi, par contre je ne comprend pas comment continuer le tracer comme sur le tuto
PS : mon image c’est guichtoo
Guichtoo
Répondre -
30 juillet 2008 10:01, par JUstyne
je trouve ce tutorial vraiment très bien j’ai téussie du premier coup & sa fais selement une dsemaine que j’utilise photoshop
MERCI :p
Répondre -
4 août 2008 10:56, par NanOu 974
Bonjour a tOus ..
Il y a juste un truc , je bloque au moment de prolonger le text neon des deux cotés comment faites-vous ?
ps : Super siite =p
Répondre-
4 août 2008 18:06, par khimo
Bonjour,
voila sa serais pour savoir car, quand je met la couleur bleu pour le néon ou autre couleur aucune ne marche ! c’est la couleur grise qui s’applique !
si quelqu’un pourrais m’aider car je ne vois pas d’où viens le problème.
merci
Répondre
-
-
7 août 2008 23:41
Pour prolonger mon trait, j’utilise l’outil ’Transformation libre’ en sélectionnant l’extrémité du trait et en l’étirant jusqu’au bord
Répondre -
-
25 août 2008 14:33
Salut, je suis novice dans ce domaine, et je n’arive pas a faire de dégradé... Je fais un masque de fusion, puis je sélectionne « tout faire apparaître », puis je prend l’outil dégradé, mais je ne sais pas comment faire après. Lorsque je fais le dégradé la couleur de mes lettres change. Merci
Répondre
-
-
31 août 2008 20:04, par wilfried ADINGRA
super tuto il faut ètre un profane de photoshop pr ne pas le reconnaitre je suis apprennant et il faut dire que depuis j’ai fait bcp de progrès grace au tuto que tu propose. là j’aimerais te connaitre personnellement car j’apprecie ta phisolophie de travail.
ben si t’es interessé : tp_willy05@hotmail.com willstar05@yahoo.fr
ben je t’apporterais pratiquement rien de spécial mais çà me fera tout de mm plaisir de faire ta connaissance. surtout ne te sens pas obliger.
je t’invite a visité mon blog pr voir quelque conception que je fais http://ivory-competition225.skyblog.com
encore merci pr les tuto
Répondre-
13 septembre 2008 17:39
je n’arrive pas a etirer sur les coter comme tu fait pourrais tu m’aider
Répondre
-
-
22 septembre 2008 20:56, par Sirhaian
Voila mon image...
J’y ai ajouté quelques effets de taches et de givre et je trouve que ca donne vraiment bien...
Toutes les taches sont faites en brushes et ca m’a pris pas plus de 5min...
Mais j’imagine que vous le saviez deja ^^En tout cas, merci pour ce superbe tutoriel ^^
Répondre-
24 janvier 2009 17:45, par Elias Green
Comment t’as fait les lignes, les taches, le givre ? sur photoshop ? Tu peut m’expliquer en gros ? Merci !
Répondre
-
27 septembre 2008 18:41, par Johan Mélot
C’est super comme tuto !! En fond d’écran ca donne super bien :p Bravo et bonne continuation !
Répondre -
16 octobre 2008 13:29, par revan
voila ma creation,cest pas que jen ai bavé,mais bon ca devien long a force mdr !!
Répondre-
17 octobre 2008 17:22, par Wonka
Couplage de plusieurs tutoriels
Répondre en tout cas le jeu en vaut bien la chandelle, je trouve ta réalisation très sympa !
-
-
21 octobre 2008 15:35, par titof91
Répondre
C’est mes debuts dans photoshop... Bonne continuation à tous -
-
30 octobre 2008 22:59, par Quent
Moi je n’arrive pas à faire un reflet je suis debutant et je ne comprends pas bien l’histoire du masque de fusion... Moi mon resultat c’est que juste le texte blanc et non la lueure et les contours est dégradé
Répondre
-
-
-
26 novembre 2008 14:58, par lefredd
Merci pour ce beau tuto... vous trouverez ma realisation dans les images plus haut DELICIOUS HOME
Répondre-
-
6 janvier 2009 22:12
S’il vosu plait WONKA , expliquer tout en detail , ou mettez une barre de recherche a votre site , car quand on dit « hop la un titi effet reflet » , merci pour ceux qui ne savent pas .
Répondre
-
-
-
24 janvier 2009 17:38, par Elias Green
bonjour, j’ai suivi votre super tutoriel, mais certaines fonctions sont introuvables sur ma version de photoshop CS pourtant récente (même avec l’aide de l’aide !), notamment le pot de peinture, le reflet, le fait de supprimer les effets sur le calque en tête. Pouvez vous me dire ou puis-je les trouver ? Merci d’avance, E.G.
Répondre -
1er février 2009 22:53, par joey
trés bon tutoriels. voici un autre effet sur texte en 3D.
http://pointpsd.blogspot.com/2009/02/effet-neon-sur-texte.html
enjoy !!
Répondre -
18 février 2009 11:15, par Swani
Bonjour, en faite je voudrais savoir comment tu fais le reflet sur le texte néon. Le tuto est tres bien fait mais tu dis un reflet et hop si tu pourais m’expliquer comment tu fais je t’en serais tres reconaissant. merci d’avance Swani
Répondre-
19 février 2009 09:40, par Wonka
Il y a un tuto à ce sujet sur wks, une petite recherche et hop tu tomberas dessus
Répondre
-
-
15 mars 2009 05:08
Merci WONKA pour tes tutos et ton site..Je viens d’essayer photoshop et c’est vraiment bien comme logiciel moi j’etais resté sur paintbrush lol..
par contre les reflets je maitrise pas encore ..j’arrive pas a faire en sorte que mon reflet ne soit apparent qu’au trois quart (j’ai pourtant essaye le degradé) pour plus distinguer le bas du reflet mais bon se sont mes debuts et les debuts sont toujours laborieux...heureusement que tes tutos sont la car il y a vraiment plein d’options avec photoshop alors MERCI..
@+
.........Wizard..........
Répondre
-
15 mars 2009 19:55, par mouloute
merci pour ce tuto
je viens tout juste de commencer a travailler sur toshop (vendredi..) et jai voulu essayer ce tuto simpatique^^ comme je ne connaissai pas encore tout mes outils,jai mis pas mal de temps a trouver les styles de calques par exemple...mais je suis la seule fautive^^
par contre,jaimerais vraiment le finir mais je ne trouve vraiment pas comment etirer le texte... jai vu plus haut qu’il fallait faire avec l’outil « transformation libre » mais impossible a trouver...qqun pourrait-il m’eclairer ?(pour rester dans le theme des néons :p) merci d’avance
Répondre -
19 mars 2009 18:31, par Wizard
salut mouloute...alors pour continuer tes neons jusqu’au bord il te suffit de selectionner Outil rectangle de selection (M) dans la barre d’outil et de creer un rectangle du bord de ton calque jusqu’a ta premiere lettre et de le remplir de blanc pareil pour la derniere lettre... @+
Répondre -
24 mars 2009 06:53, par Wizard
encore un autre pour agrandir la galerie mais avec une autre police ...
(la police c’est lines of life)...@+
Répondre -
26 août 2009 14:21, par LilPolak
Super Tuto ! C’est fou ce que le compliqué devient facile ! Petite question, comment on fait pour faire le contour d’objets en néon ??? J’ai réussi à écrire en néon mais j’aimerais pouvoir faire la silhouette d’objets dans le même style. Quelqu’un peut-il m’aider svp... Merci aux Photoshopers !
Répondre -
10 novembre 2009 11:23, par dg
bah moi je bloque déjà à l’étape 3 pour le style de calque. j’ai rien qui ressemble à cette fenetre et j’ai beau chercher je ne trouve pas comment selectionner les couleurs à appliquer pour le neon je débute et je suis sur photoshop 7 help please
Répondre -
21 décembre 2009 14:41, par Shin [Geekette]
Je savais déjà le faire mais j’aurais au moins découvert une nouvelle police bien sympa x) Merci beaucoup !
Répondre
-
15 février 2010 11:58, par Votre pseudonyme
Merci pour ce tuto, c’est exactement ce que je cherchais.
Répondre -
6 avril 2010 16:08, par k.5idi
Répondre
slt moi c k.5idi j’aime ce que tu fais wks pour ce tuto je n’ai pas eus trop de mal excepté pour le reflet je ne maitrise pas trop tu ne pourrais pas me donner qlq topaux stp -
7 mai 2010 14:43, par Steve25
Moi j’arrive pas a faire qui peut me faire le texte : Conseil des Jeunes de Pontarlier un en vert et un en violet .
Répondre -
16 juin 2010 19:28, par Quelqu’un
Heu... faudrait quand même donner un peu plus d’explication comme le reflet ou tout ça ! j’ai même pas pu le finir à 100 %
Répondre -
14 juillet 2010 14:14, par thekingkid
bonjour jai essayé détiré le texte sur la gauche et la droite avec l’outil de selection (m) mais une fenetre s’ouvre et me dit que cest pas possible de selectioner a plus de 50 px pouriez vous m’aider svp vous pouvez me joindre a cette adresse antoine.du03@hotmail.fr
Répondre
