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](/images/images/2007/06/tuto/retourner.png) 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]

Also on:

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This site uses Akismet to reduce spam. Learn how your comment data is processed.