Effet de texte néon web 2.0

Créer un effet néon sur un simple texte grâce à Photoshop.

Bonjour à tous, je vais vous présenter mon premier tutoriel sur wks.fr. :)

Ce petit effet de texte est assez simple et se fait rapidement, mais il faut tout de même connaître quelques fonctions de Photoshop.

Voilà à quoi l’effet de texte néon web 2.0 ressemble :

Étape 1 :

J’ouvre un document de taille 1024x512 à fond noir. Puis j’écris tout simplement mon texte avec la police « Billo Dream » disponible sur dafont.com.

Étape 2 :

J’ajoute un dégradé de couleurs à mon texte, pour cela menu Calque > Style de calque > Incrustation en dégradé. Les couleurs doivent être vives et rester dans les mêmes teintes. Ici j’utilise du bleu clair, 0D96FF, et un bleu un peu plus foncé, 117CA4. Puis j’ajoute un biseautage, menu Calques > Style de calque > Biseautage et estampage.

Étape 3 :

Attention : cette étape risque d’être longue, suivez bien tous les points.

1.Je crée un nouveau calque blanc.

2. Je sélectionne le calque texte dans le fenêtre Claques.

3. Puis, je sélectionne les contours de ce calque, menu Sélection > Récupérer la sélection > Ok.

4. J’intervertis la sélection, menu Sélection > Intervertir.

5. Je sélectionne à présent le calque blanc et je clique sur Suppr. Normalement le claque blanc devrait prendre la même forme que le texte et faire apparaître le fond noir.

6. Avec un rectangle de sélection, je supprime une partie du calque blanc à la hauteur du milieu du calque texte.

7. J’ajoute un masque de fusion en dégradés au calque blanc.

Étape 4 : un effet de lumière.

Je duplique mon calque texte je lui enlève l’effet de biseautage mais tout en gardant le dégradé, je le « pixellise » et je lui ajoute un flou gaussien de 5px, menu Filtre > Atténuation > Flou gaussien.

Étape 5 : un effet de reflet.

Je fusionne le calque texte avec le calque blanc et le claque lumière. Je duplique le claque final et je le fais pivoter, menu Édition > Transformation > Symétrie axe vertical. Je le descends de quoi laisser un peu d’espace entre les 2 calques. En dernier je lui ajoute un masque de fusion en dégradé. Voilà notre calque reflet est fini.

Étape 6 : un reflet de la lumière

Je crée un nouveau calque que je place sous le calque texte.

1. Avec un pinceau diffus de couleur semblable au bleu clair, je trace un trais en dessous du calque texte.

2. Je l’aplatis en faisant Ctrl+T.

3. Je lui ajoute un masque de fusion, je garde le pinceau diffus, je change juste la couleur en noir. Sur le masque de fusion je trace des petits traits là où le texte est le plus éloigné de ce reflet de lumière

4. J’ajoute un flou gaussien entre 10 et 15px.

Voilà le tutoriel est terminé, je m’excuse si je n’ai pas été très compréhensible mais c’est mon premier tutoriel. Laissez vos commentaires et vos propres créations dans la galerie ;)

Article publié par Ralph

Vous aimez cet article? Partagez le !

Je suis un jeune amateur de graphisme ;). J’ai commencé et me suis perfectionner grâce à l’aide fournis par WKS, il y a déjà plus de 2 ans !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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 12 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.

  • 31 juillet 2009 17:51, par Wonka

    Merci Ralph pour ce tuto ;)

    Répondre
    • 5 décembre 2009 18:50, par Ralph

      De rien Wonka, merci a toi pour ce magnifique site !

      Répondre
  • 31 juillet 2009 17:54, par Sypho

    Très bon tuto pour un premier ;) Mais fais attention aux fautes d’orthographe... :o Juste, pourquoi ce tuto est dans la catégorie Concours Rapide ?

    Répondre
    • 31 juillet 2009 18:42, par Wonka

      Pour les fautes je suis assez d’accord, quand à la rubrique, certainement une erreur d’inattention que j’ai déjà réglé ;)

      Répondre
    • 5 août 2009 22:50, par Ralph

      Merci !!! ;) Oui lol, désolé pour les fautes d’orthographes :)

      Répondre
  • 1er août 2009 06:30, par Dralias

    J’aime beaucoup, cette créations, sa donne un effet vraiment sympa. Cépendant, Photoshop, ma causé un petit souci. J’ai instaler l’écriture que de ta créations et depuis se moment la. La taille de mon écriture est minuscule, j’ai beau changer, la taille, 75,150,500,1000 rien a faire, les tailles ne sont plus proportioner. Avec d’autre écriture pareille. Auriez-vous une solution ?

    Répondre
  • 25 août 2009 18:30, par Kévin

    Je ne trouve pas comment mettre le masque de fusion en dégradé quelqu’un peut m’aider ? Svp

    Répondre
    • 26 août 2009 21:55, par Wonka

      En fait c’est deux étapes, d’abord le masque de fusion puis le dégradé. Pour le masque de fusion, dans le menu calque > masque de fusion > tout faire apparaitre. Pour le dégradé suffit d’utiliser l’outil des dégradés !

      Répondre
  • 29 août 2009 23:53, par Fad

    merci pour le tuto par contre, je rencontre un p’tit probleme.... au moment de vouloir faire le dégradé de couleurs à mon texte, je ne peut le faire qu’en noir et blanc...en plus, quand je rajoute le calque blan, puis que je fais ma selection sur le calque texte que je récupère la sélection, pour l’intervertir et la supprimer sur le calque blanc...et bien, tous les effets donnés à mon texte disparaissent.... après g essayé de pixelliser mon texte et d’utiliser directemnt l’outil dégradé (sans passer par les options de calques et incrustation de dégradé), mais la, par contre, c tout le calque qui prend le dégradé, et non pas uniquement le texte.... oulalalalala... est-ce que qql aurait une solution, s’il vous plait ? de plus, pourriez vous m’expliquer à quoi sert de rajouter un calque blanc ? merci à tous.

    Répondre
  • 5 décembre 2009 18:49, par Ralph

    Sa fait un moment que je n’ai pas regardé mon tuto. Les 2 créations qui ont été postée dans la galerie sont très réussite ! Bravo ! ;)

    Répondre
  • 12 avril 2010 23:00, par ludivine

    Félicitations pour ton premier tuto. Ce n’est pas très évident à rédiger. J’ai beaucoup aimé le réaliser. J’espère que tu continueras à nous faire des tutos. Merci beaucoup.

    Répondre
  • 22 janvier 2011 16:49, par felix

    Bonjour, au moment de l’étape difficile, je ne comprend pas tres bien quoi faire, à partir du moment : avec un rectangle de selection, je supprime... Quelqu’un pourrait-il m’aider ? merci

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.