Créer un logo avec un effet de réflexion sous Gimp

Qui dit Web 2.0 dit également design 2.0. En effet, les sites à la mode nous ont apportés toute une série de nouveautés dans le webdesign. Voyons comment réaliser un de ces effets avec The Gimp.

Commençons par créer une nouvelle image, de 200 pixels par 100 :

Création d'un nouveau fichier de 200x100

Sélectionnez l’outil texte (raccourci t) et insérez le texte désiré (ici, « (parenthèse.be)»  en Sans Bold, taille 20) :

Ajout du texte

Dans la fenêtre des calques (raccourci ctrl+L), sélectionnez le calque de texte, et dupliquez-le (Outil dupliquer).

Dans la fenêtre des calques toujours (ctrl+L), sélectionnez le calque dupliqué, puis l’outil retourner le calque ou la sélection (Shift+F ou Outil retourner le calque en mode vertical):

Propriétés de l'outil retourner le calque
Et placez-le sous le calque de base à l’aide de l’outil déplacement(M ou Outil déplacement)
Calque dupliqué et inversé
Toujours avec le second calque sélectionné, par un clic droit sur celui-ci, créez un masque de calque en blanc (opacité complète). Assurez-vous que le masque soit bien sélectionné (un second calque, en noir et blanc, vient de s’ajouter à côté de l’ancien), et sélectionnez l’outil dégradé (L ou Outil dégradé) et créez un dégradé du noir vers le blanc, à partir du bas vers le haut du calque. Procédez éventuellement à plusieurs essais pour obtenir l’effet désiré (pour annuler une action, utilisez le raccourci Ctrl+Z).
Aperçu des paramètres de l'outil dégradé.
Votre logo est terminé :
Logo 2.0 terminé
Vous pouvez bien entendu y appliquer d’autres effets, par exemple, une légère déformation du reflet :
Logo 2.0 terminé, version 2

[tags]Gimp, Tutorial[/tags]

Continue reading » · Written on: 06-20-07 · 11 Comments »

11 Responses to “Créer un logo avec un effet de réflexion sous Gimp”

  1. le gars Buzzhaut wrote:

    Ça a le mérite d’être clair, simple et rapide. Merci pour ce tuto ;)

    juin 21st, 2007 at 12:05
  2. Céd' wrote:

    Content que ça t’ai plus ;)

    juin 21st, 2007 at 12:14
  3. smarties wrote:

    génial le tuto !! merci ;)

    juin 21st, 2007 at 1:07
  4. Tybho wrote:

    Ah… enfin un tuto pour faire des reflets SANS Photoshop ! ! Merci beaucoup. :D

    juin 30th, 2007 at 10:52
  5. (parenthese.be) » Blog Archive » Créer un badge 2.0 sous Gimp wrote:

    [...] Egalement disponible : Créer un logo avec un effet de réflexion sous Gimp [...]

     juillet 30th, 2007 at 2:12
  6. jorge wrote:

    Très sympa, merci :) / Comment mettre la lettre « r »  en rouge ?

     juillet 30th, 2007 at 9:06
  7. Céd' wrote:

    @jorge : Pour le « r»  rouge, je crée le calque de base « (parenthese.be)»  en noir sur lequel je superpose un calque texte « r»  en rouge.

     juillet 31st, 2007 at 12:22
  8. Stéphane wrote:

    Merci, juste une question … Comment déformer le reflet ?

     septembre 4th, 2007 at 10:46
  9. gimpy wrote:

    Super, merci !

     septembre 16th, 2007 at 10:10
  10. MastroPaint wrote:

    voila ce que je cherché :) Merci Google qui m’a fait connaitre ce site, et merci Céd’ pour ce tutaux qui va changé mon site….

    je viens de réaliser les manipulations avec un logo.. c trés réussis.

     mai 5th, 2008 at 8:48
  11. Kev Grand wrote:

    Merci pour ce tuto simple et claire!!

     février 9th, 2009 at 10:30

Leave a Reply