Un texte avec un effet de lumière multicolore avec Gimp

Dans ce tutoriel, nous allons voir comment créer un texte avec un effet de lumière multicolore.

Voici ce que l’on va obtenir:

On ouvre Gimp puis on crée un nouveau document: menu « Fichier » -> « Nouveau ».

Dans la fenêtre d’options, choisissez une largeur de 500px sur 300px de haut. Dans les options avancées, dans le champ « remplir avec » choisissez « Couleur de premier plan » puis validez. Vous devez avoir une image complètement noire.

Dans la boite à outils, choisissez l’outil texte.

Tracez une zone de texte sur le fond noir de façon à ce qu’elle prenne toute la largeur. Choisissez le blanc comme couleur de texte puis ajuster la taille pour obtenir ceci:

Dupliquez le calque du texte que vous venez de créer avec le bouton de duplication en bas de la fenêtre des calques:

Vous avez maintenant trois calques: le fond noir, le texte et la copie du texte.

Sélectionnez le dernier calque crée puis appliquez un flou: menu « Filtres » -> « Flou » -> « Flou Gaussien ». Dans la fenêtre des options du flou, entrez une valeur de flou de 20px puis validez. Avec le flou, le texte doit s’entourer d’une lueur blanche:

On va maintenant créer un nouveau calque qui va permettre de coloriser la lueur. Cliquez sur le bouton « nouveau » en bas de la fenêtre de calque.

Dans la fenêtre qui apparait, choisissez « transparent » puis validez. On va remplir ce calque avec un dégradé: choisissez l’outil dégradé dans la boite à outil:

Choisissez le type de dégradé que vous voulez (pour l’exemple, j’ai choisit « full saturation »).

Remplissez le calque transparent avec le dégradé en traçant une droite d’un bout à l’autre de l’image. Vous devez obtenir ceci:

Il ne reste plus qu’a passer le calque avec le dégradé en mode « Couleur ».

Et vous devriez arriver au résultat final:

Conclusion

Cet effet est assez simple à réaliser et permet de mettre un pied dans le webdesign.

Au lieu du dégradé, il est aussi possible de remplir le calque en haut avec une couleur unie ou avec un dessin perso fait au pinceau.

A lire également

  • bricooleur

    J’ai essayé de mettre en application ce tuto et tout va très bien jusqu’au dégradé mais lorsque je passe en mode couleur, c’est le dégradé qui reste apparent !!!!
    je souhaiterai donc une explication car le résultat escompté me plaisait bien.

    merci

  • bricooleur

    je viens de trouver mon erreur il fallait passer en mode couleur dans la fenêtre des calques et non dans les options du dégradé de la boite à outils !
    mea culpa

  • Reyane

    je voudrait savoir si on pouvait le faire sur une Image ???

  • Antoine

    @Reyane: apriori non mais en fonction de ton image ça peut peut-être le faire. Dans tout les cas ça ne coute rien d’essayer.

  • majdi

    @Reyane: oui tu peu le faire j’ai deja essayé et ça marche 🙂

  • Jeje

    Bonjour et merci pour ce tuto qui rend vraiment bien.

    Est-il possible d’avoir le même rendu sur fond blanc ?
    Si je change la couleur de mon arrière-plan, l’effet lumineux disparait !
    C’est un brin frustrant 😉

    Merci par avance

  • Antoine

    @jeje: pour avoir le même rendu avec un fond blanc, il suffit que tu inverse les couleurs du calque avec le texte flou: menu « couleurs » -> « inverser »

  • sdz1

    Pour finir il faut prend l’outil remplissage puis prendre la couleur noir puis cliqué sur chaque lettre du premier calque où vous avez écrie et voilà vous avez un nouvel effet !

  • Oguste

    salut a tous,
    Je suis un noob avec ces logiciels, mais cette année je dois m’y familiariser pour optimiser mes travaux.(bon on arrete de raconter sa vie lol)
    Voila j’ai un problème tout bête, quand je crée le second calque et que je lui applique le flou gaussien bah les écritures ne changent pas. qu’est ce que j’ai foiré svp??(en plus c’est que la deuxième étape).

  • Tombal

    Bonjour,

    Avant tout, merci pour ce tuto 🙂

    J’aurai souhaiter savoir s’il etait possible de faire la meme chose, mais sur un fond transparent ?

    Merci d’avance.

  • Antoine

    @Tombal: sur un fond transparent, j’ai pas testé mais ça doit marcher aussi. il suffit de ne pas ajouter un fond noir et de rester sur un fond transparent. Par contre tu ne pourras pas enregistrer le résultat en JPG (ne permet pas la transparence) mais en PNG ou en GIF.

  • Dgn

    super, quand on suit mot à mot.Merci

  • Christopher

    Super Tuto, on comprend tout du premier coup =) Un grans MERCI.

  • Merci beaucoup, j’ai réalisé mon dégradé du premier coup ! Les explications sont très claires.