Transfo'Art
Koukou twa ! Bienvenue sur le site Transfo'Art ! Ici, tu as des tutoriaux Gimp, et Photoshop rien que pour toi ! Bonne visite ! *-*


Forum d'art sur Transformice
 
AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 [Gimp] Userbar!

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Luxerails

avatar

Messages : 176
Réputation : 1
Date d'inscription : 05/02/2011

MessageSujet: [Gimp] Userbar!   Sam 5 Fév - 23:15

Lulz, encore un tuto Very Happy

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

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à Smile
J'ai mis l'opacité a 20, et pour adoucir ce 'reflet', ai ajouté un petit flou gaussien de 5. Smile

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 Very Happy

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 Smile

Rendu actuel :


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

Very Happy

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 ? Very Happy

Voilà, merci d'avoir lu !^^


Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Rylin
« Mage Noir »
avatar

Messages : 90
Réputation : 0
Date d'inscription : 05/02/2011
Localisation : Quelque part où tu n'es pas.

MessageSujet: Re: [Gimp] Userbar!   Sam 5 Fév - 23:25

Pour les fainéants qui ne veulent pas suivre ce tuto, il existe un site pour ça. Il s'agit de ce site.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.rylin-production.fr.cr/
Jadenz

avatar

Messages : 26
Réputation : 0
Date d'inscription : 05/02/2011

MessageSujet: Re: [Gimp] Userbar!   Sam 5 Fév - 23:27

Génial de savoir faire tout ça !!
Très bien expliqué en plus. tongue
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Luxerails

avatar

Messages : 176
Réputation : 1
Date d'inscription : 05/02/2011

MessageSujet: Re: [Gimp] Userbar!   Sam 5 Fév - 23:29

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: [Gimp] Userbar!   

Revenir en haut Aller en bas
 
[Gimp] Userbar!
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [GImp] UCEH
» Première signature par GIMP
» [DCA 2010] [Fracassor - Gimp ou SM]
» du dessin avec gimp
» Userbar

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Transfo'Art :: Transfo'Art :: Tutoriel :: Gimp-
Sauter vers: