Créer un « text glow » avec Photoshop

mardi 26 juin 2007
Article écrit par : Wonka
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 !
WonkaStudio

Voici un nouveau style que vous pourrez appliquer à votre texte, il se base simplement sur des styles d’un seul calque donc très simple à copier et à recopier ;) J’ai ajouté un petit reflet pour le style mais il n’est absolument pas obligatoire !

Photoshop - 494.6 ko
Fichier source PSD - tutorial 171
Clic pour télécharger le fichier photoshop source utilisé dans ce tutorial 171

ETAPE 1

Je crée un nouveau document. Je sélectionne un marron clair et un marron foncé, et avec le filtre nuage je crée un fond sympa (filtre > rendu > nuages ou nuages inversés).

ETAPE 2

Avec l’outil texte j’édite mon texte au milieu de mon image.

ETAPE 3

Je ne vais pas perdre mon temps et le votre en affichant ici toutes les captures d’écrans de chaque style appliqué à ce texte, je vous propose d’aller jeter un œil directement sur le fichier source (voir en haut de cette page pour télécharger le fichier source utilisé ici).

ETAPE 4

Avec la plume je crée une forme comme ci-dessous, ne cherchez pas loin il suffit de trois points d’encrage pour refaire cette forme (le bas) pour le haut, il suffit de refermer.

ETAPE 5

Je récupère la sélection de mon texte (Ctrl) plus clic sur mon calque. J’intervertis ma sélection et enfin je supprime. J’ajoute un masque de fusion et je diminue légèrement l’opacité du calque.

Et voila !

INSCRIVEZ VOUS AU FLUX RSS WONKASTUDIO

Cliquez ici pour vous abonnez gratuitement au flux RSS de WonkaStudio. Vous pourrez ainsi suivre en temps réel nos publications directement dans votre agrégateur RSS comme Netvibes, Google, My Yahoo, My Aol, Pagesfakes etc.

La galerie des membres

Url de l'image : http://www.wks.fr/stockpix/463/1976.jpg Url de l'image : http://www.wks.fr/stockpix/463/2805.jpg Url de l'image : http://www.wks.fr/stockpix/463/3963.jpg

Ajouter votre image dans la galerie
Si vous avez réussis ce tutorial vous avez la possibilité de poster votre dessin dans la galerie, vous pourrez ensuite le publier dans les commentaires (que vous trouverez en bas de page).
Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !

Vos commentaires ( 30 messages dans le forum)
Ajouter un commentaire à cet page
  • Créer un text glow avec Photoshop
    26 juin 2007 23:51
    C’est magnifique,bravo ;) Répondre à ce message
  • Créer un text glow avec Photoshop
    27 juin 2007 00:01

    Serait il possible d’expliquer l’étape avec le masque de fusion et a combien baisses tu l’opacité du calque ???

    Car j’ai un réel problème avec les masques de fusion,je ne pas a quoi ça sert...

    Merci en tout cas

    Répondre à ce message
    • Créer un text glow avec Photoshop
      28 juin 2007 16:05, par Wonka

      Je peux et je vais même le faire ;) Le masque de fusion ajouté à calque permet de cacher une partie de ce même calque. C’est pour cela qu’on l’appel masque de fusion, première il masque une partie de l’image mais en plus il le fait grâce à une fusion de cette même image.

      Pour appliquer un masque de fusion sur une image, tu dois suivre deux ètapes. Premièrement tu crées ton masque de fusion (Calque > masque de fusion > tout faire apparaitre), puis tu crées un dégradé sur le masque de fusion.

      Selon le placement de ton dégradé (noir sur blanc) une partie de ton image vas se masquer.

      Utilise donc cette méthode pour camouglé légérement le bas de ton reflet. Ensuite tu peux changer l’opacité du calque à 60 % par exemple !

      Bonne chance ;)

      Répondre à ce message
  • Créer un text glow avec Photoshop
    5 juillet 2007 21:15, par bobher
    super tes tutos wks. mais comment se fait il lorsque je choisi mes 2 marrons et j’applique filtre/rendu/nuage, sa me sors des gris et gris plus clair. Merci a+ Répondre à ce message
  • Créer un text glow avec Photoshop
    7 juillet 2007 14:22, par Par@d2x

    Bonjour WKS,

    Ton site est vraiment bien fait et tes tutoriaux sont très efficaces, merci a toi, car j’apprend plein de choses interessantes grace a ton travail.

    Cordialement,

    Répondre à ce message
  • Créer un text glow avec Photoshop
    18 juillet 2007 19:42, par Mr White

    Salut Wonka ! Avant tout, merci pour ton site et tes tutos. Je voudrais comprendre la dernière étape. Je n’arrive pas à faire le haut de mon texte comme sur le tuto. En fait je sais pas du tout quoi faire une fois que j’ai la forme obtenue gràce a l’outil plume.

    Merci d’avance.

    Répondre à ce message
    • Créer un text glow avec Photoshop
      19 juillet 2007 13:14, par Wonka

      La première des choses c’est de supprimer les pixels qui sorte du texte, pour cela je clic sur le calque du texte en gardant la touche ctrl appuyée, normalement la sélection de mon texte apparait. J’inverse ma sélection (menu > sélection > inverser) puis j’appuie sur la touche suppr.

      Ensuite soit je diminue l’opacité de mon calque à 30% par exemple. Ou soit j’utilise un masque de fusion : calque > ajouter un masque de fusion > tout faire apparaitre. Et je crée un dégradé noir vers blanc sur le masque de fusion.

      Voila ;) Bonne chance.

      Répondre à ce message
      • Créer un text glow avec Photoshop
        19 juillet 2007 19:46, par Mr White

        merci de me répondre. Je pense avoir bien suivi les étapes mais un probleme subsiste : la forme obtenue avec l’outil plume reste toujours blanche. Je parviens a en changer la couleur, mais pas a la rendre transparente ...

        Merci d’avance.

        Répondre à ce message
        • Créer un text glow avec Photoshop
          19 juillet 2007 20:15, par Wonka

          Je te conseil alors d’aller faire un tour sur cette page : http://www.wks.fr/Mille-et-une-facon-de-creer-un.html

          Ce tutorial explique précisemment comment créer le reflet !

          Bonne chance ;)

          Répondre à ce message
          • Créer un text glow avec Photoshop
            24 juillet 2007 06:45

            Encore une fois je comprend pas. (désolé)

            Je suis les étapes jusqu’a arriver au moment où il faut supprimer les pixels de trop. je récupere la selection de mon texte, j’intervertis, et losque j’appuis sur suppr, c’est le calque de la forme obtenue avec l’outil plume qui se supprime entièremment ???

            J’essaie aussi en deselectionnant le masque vectoriel du calque de la forme, mais là, une alerte me dit : « impossible d’effectuer cette opération car le contenue du calque n’est pas directement modifiable » ???

            Merci d’avance

            Répondre à ce message
            • Créer un text glow avec Photoshop
              24 juillet 2007 19:54, par Wonka

              Une fois que j’ai créée ma forme, je pixelise le calque. Puis je clic sur le calque en appuyant sur ctrl. J’intervertie cette sélection et j’appuie sur suppr pour efacer les pixels en dehors du texte.

              Est ce correct ?

              Répondre à ce message
              • Créer un text glow avec Photoshop
                24 juillet 2007 21:25, par Mr White

                Yes !! C’est bon.

                Le probleme était que je pixélisais pas le calque de la forme.

                Merci beaucoup de patience et bonne chance pour ta recherce d’emploie ;)

                Répondre à ce message
                • Créer un text glow avec Photoshop
                  11 septembre 2007 20:51, par Giriad

                  Bonjour, Merci beaucoup pour tout ces tutos, il faudrait que tu fasses un tuto sur les brushes.

                  Car moi j’arrive jamais avec les brushes j’ai pas d’inspi pour faire des beau truc.

                  Mais Faut pa sun tuto pour savoir ou on obtient les brushs et comment le smettre en place. Mais comment faire des belles choses avec.

                  Bonne continuation à toi c’est vraimetn super tes tutos. En plus tu es trop fort en design !

                  Répondre à ce message
  • Créer un text glow avec Photoshop
    19 octobre 2007 15:29, par atlantis

    bonjour,

    voila j’ai un soucis j’arrive pas à faire le font marron ! je sais faire le fon nuage mais pas mélanger les deux couleurs.

    merci pour la réponse

    Répondre à ce message
    • Créer un text glow avec Photoshop
      20 octobre 2007 10:55, par Wonka

      Relis bien l’étape une !

      Il faut sélectionner avant toute chose une couleur d’avant plan et d’arrière plan, car ce sont ces couleurs qui seront utilisées pour créer les nuages.

      Ensuite tu appliques le filtre nuages inversés.

      Bonne chance.

      Répondre à ce message
      • Créer un text glow avec Photoshop
        27 février 2008 22:59, par Pascal

        Bonjour et merci pour ces tutos.

        Si c’était possible, est-ce que tu pourrais préciser comment faire (ou / et où trouver) les motifs que l’on peut incruster (les fichiers .pat).

        Je te remercie par avance et je pense que ça serait un tuto bien utile :p (déjà à moi ^^)

        Et merci encore pour ton travail et ton aide

        Répondre à ce message
      • Créer un text glow avec Photoshop
        13 juillet 2009 17:27, par Hk
        dsl Wonka mais je comprends tjrs pas comment tu fais... Tu peux tout me reexpliquer avec toutes les boutons sur lequels je dois appuiyer ? Dsl encore de faire boulet mais bn ; je debute douleureusement sous photoshop si tu vois ce que je vx dire ;) Répondre à ce message
  • essayer de Créer un « text glow » avec Photoshop
    8 novembre 2008 01:29, par al
    merci de nous faire partager ta passion, et ton savoir faire. Répondre à ce message
  • Créer un « text glow » avec Photoshop
    13 juillet 2009 16:45, par lezolifant
    bon j´ai pas tout réussi, j ai pas trouver le motif barioler, alors le mien est vert,et, et, et. Bon c´est pas du grand « WONKA ». merci. Répondre à ce message
  • Créer un « text glow » avec Photoshop
    7 septembre 2009 18:01, par space dolphin
    Bonjour, J’essaye (et pas toujours avec le succès escompté) de parfaire mes connaissances avec mon nouveau CS4, et je reviendrai avec d’autres questions plus « pointues » mais avant ça, où puis-je télécharger le motif utilisé dans ce tuto ? Merci beaucoup d’avance Répondre à ce message
  • Créer un « text glow » avec Photoshop
    17 juillet 09:34, par Spec oups
    Bon, ton tuto est très simple et facile d’accès pour les débutants (quoi que la plume m’est encore un peu déroutante ._O), mais je voudrais savoir quelle police tu as utilisé car elle a un rendu superbe sur les effets que tu as employés :) Répondre à ce message

modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Ajouter un commentaire

Continuer la lecture sur wks.fr

Copyright

Les articles et images d'illustrations sont propriété de l'auteur et du réseau Grafik Network & Wks.fr.

Toute copie, reproduction ou diffusion sans autorisation sont interdites. Les images ainsi que les textes sont protégés par le droit français d'auteur ainsi que par un Copyright.

Partenaires