[Gimp] Userbar!

Lulz, encore un tuto

-------------------------------------------------------------

FAIRE DES USERBARS AVEC GIMP !

Tout d'abord, ouvrez Gimp et créez un nouveau fichier de 350x18 (vous pouvez faire plus/moins, mais c'est la taille de base).
Dans Advanced Options, choisissez Fill with: Transparent.


Selectionnez l'option Dégradé.(), ou autre chose, une image, bref, mettez un fond quoi.

Voici le mien pour ma part :



Mettons un render. Si vous en avez un sur votre disque dur, faites Fichier → Ouvrir en tant que calque.
Voici le mien :

(PS: pour le pivoter vers la droite, faites click droit → Calque → Transformer → Tourner horizontalement)

Occupons nous de sa transparence (effacer le bleu autour pour qu'il s'adapte au décor).
Placez-le avec l'outil comme ceci :


Zoomez sur votre render (CTRL + Roulette), ou l'outil zoom.
Faites click droit → Calque → Transparence → Ajouter un CANAL ALPHA

Cliquez sur cette outil :
Et cliquer sur le bleu autour de la souris. Gommez avec l'outil gomme ! (comment ça vous ne le voyez pas ?)

Voilà ce que vous devriez avoir !

Si il reste du bleu a l'intérieur de la queue comme sur mon render par exemple, faites la même manipulation !

À présent, ouvrez la fenêtre des calques si ce n'est pas déjà fait ! (CTRL + L)
Click droit sur le calque de votre render → Alpha vers sélection.



(Notez que mes screen sont sur une version anglaise de gimp)
Click droit sur votre render → Séléction → Réduire → 1 px.
Faites CTRL + I pour inverser la sélection.
Puis faites Filtres → Flou Gaussien.
Personnellement, je mets 4 en horizontal/vertical.
Ce filtre fera un joli contour légerement flou a votre souris, qui s'adaptera très bien au fond.
Personnellement j'aime bien.

Continuons.
Vous pouvez dézoomer, a présent.


Nous allons faire des petits traits en diagonale sur l'userbar (m'voyez ?)

Créez un nouveau calque. CTRL + SHIFT + N (ou calques → nouveau)
Vous pouvez l'appeller Traits.
Puis faites OK sans se préoccuper des options du calques.

Voici ma fenetre des calques actuelle :



Choisissez l'option dégradé et choisissez le dégradé Three Bar Sin.
Mettez-le plutot comme ceci :



Ensuite dans la fenetre des calques, choisissez le Mode de calque "Multiplier".



Réduisez l'opacitée, faites des effets, bref... ajoutez votre touche personnelle et vous avez des jolis traits *o*
Personnellement j'ai réduis l'opacité a 40 et j'ai ajouté un Flou Gaussien de 1.

Rendu actuel :



Maintenant nous allons ajouter un joli ptit reflet ! \o/
Créer un nouveau calque appellé Reflet.

Placez ce calque au dessus de touts les autres. (ou juste en dessous du render. Choisissez ce qui vous plait le mieux. En fait, je vais le mettre en dessous du render dans ce tuto... )

Faites une ellipse dans ce genre :


Remplissez le de blanc et changez l'opacitée du calque ! Voilà
J'ai mis l'opacité a 20, et pour adoucir ce 'reflet', ai ajouté un petit flou gaussien de 5.

Bah voilà ! On a terminé ce tuto ! Il reste plus qu'a mettre un cad...
Ah non ! J'allais oublier !
Nous allons mettre le texte, bien sur

Télchargez la police Visitor.
http://www.dafont.com/fr/visitor.font

Dans Gimp, créer un nouveau texte avec la police Vistor TT2 BRK, de taille 14 et de couleur blanche (ou autre).
Si vous galérez a déplacer le texte, sachez que il faut le déplacer avec l'outil Texte \o/

Créez un nouveau calque appelé par exemple Texte 2, et placez le juste en dessous du calque de votre texte.
Faites un click droit sur le calque du texte (le vrai !) et faites Alpha vers Sélection.

Retournez sur le calque créer a l'instant, et faites click droit sur l'image cette fois-ci, et séléction → Agrandir.
Agrandissez de 1 px.

Maintenant prenez le pinceau ou le pot de peinture et coloriez tout en noir !
Si vous avez bien suivi, vous devriez avoir une bordure noire a votre texte

Rendu actuel :


Maintenant, plus qu'a ajouter une bordure a notre userbar !



Filtre → Decor → Ajouter une bordure.

Remplissez les options (options de base pour une userbar : Horizontal/Vertical = 1px, couleur : noir)
Voilà :p

Enregistrez en PNG et VOILÀ !

RENDU FINAL :

Elle est pas belle notre userbar ?

Voilà, merci d'avoir lu !^^

Génial de savoir faire tout ça !!
Très bien expliqué en plus.

Rylin a écrit:

Pour les fainéants qui ne veulent pas suivre ce tuto, il existe un site pour ça. Il s'agit de ce site.

Ouais, mais bon c'est plus du graphisme après :p