La Team [ISA*]
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

La Team [ISA*]

NSG ISA* : No Soucis Gamer ISA*
 
AccueilPortailGalerieRechercherDernières imagesS'enregistrerConnexion
Le deal à ne pas rater :
ETB Pokémon Fable Nébuleuse : où acheter le coffret dresseur ...
Voir le deal

 

 comment créé un Userbars simple avec Gimp ?

Aller en bas 
3 participants
AuteurMessage
Damrick
Admin
Admin
Damrick


Nombre de messages : 886
Age : 35
Localisation : arras (france)
Humeur : divers mes sympas
Version de votre PS3 : : PS3 60 Go
PSEUDO PSN : : Damrick
Date d'inscription : 19/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeLun 30 Juin - 18:28

1-Adaptation
du fond (taille)




Vous allez commencer par mettre une image de fond à votre
userbar, pour cela, faites:


Fichier > Nouveau document (ctrl+N).



Puis rentrez les données comme sur l'image suivante:



comment créé un Userbars simple avec Gimp ? Gimp-1505481




Nous obtenons une nouvelle fenêtre, comme celle-ci:



comment créé un Userbars simple avec Gimp ? Capture03




Maintenant, dans la nouvelle fenetre qui viens d'apparaitre, faites:


Fichier > Ouvrir comme un calque >
Puis
sélectionnez
l'image que vous voulez mettre en fond de barre. ("fond.gif", avec les
images du tuto)


Tout dépend de l'image, mais vous devriez obtenir un
resultat semblable à celui-ci:



comment créé un Userbars simple avec Gimp ? Gimp-1505482




Si vous faites ce tutorial avec vos images, il est pratiquement
sûr que votre image ne soit pas à la bonne taille.
Dans ce cas, prenez l'outil "Etirer
ou rétrécir" (Shift+T)
. Comme sur la
capture
d'image, cochez tout en bas la case "Conserver l'aspect".



comment créé un Userbars simple avec Gimp ? Gimp-1505483







comment créé un Userbars simple avec Gimp ? Gimp-1505484




Il faut encore
placer l'image dans le cadre, pour que la partie que l'on veut montrer
soit visible. Pour déplacer l'image, utilisez
l'outil
"Deplacement" (M)
pour remettre l'image sur la partie blanche. Il faut obtenir un
résultat
semblable à
celui-ci :



comment créé un Userbars simple avec Gimp ? Gimp-1505495




_______________________________________________________________________________



Revenir en haut Aller en bas
http://www.e-monsite.com/kcirma
Damrick
Admin
Admin
Damrick


Nombre de messages : 886
Age : 35
Localisation : arras (france)
Humeur : divers mes sympas
Version de votre PS3 : : PS3 60 Go
PSEUDO PSN : : Damrick
Date d'inscription : 19/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeLun 30 Juin - 18:28

2-Création
des rayures




Maintenant, nous allons utiliser l'outil "Inversion des
calques" (shift+F)
.



comment créé un Userbars simple avec Gimp ? Gimp-1505495




Voila, normalement, vous obtenez cela:



comment créé un Userbars simple avec Gimp ? Gimp-1505496





Maintenant, nous allons faire les rayures de la barre, pour cela,
faites:


Filtres > Distorsions > Vidéos...


Vous arrivez à la fenêtre suivante:



comment créé un Userbars simple avec Gimp ? Gimp-1505497




Cochez donc les mêmes choses que sur la capture, c'est
à dire :



3x3 ; Additif


Puis validez.

Vous devriez obtenir un effet comme le suivant :



comment créé un Userbars simple avec Gimp ? Gimp-1505498




Voilà donc l'explication de l'utilisation de l'outil d'inversion,
tout
à l'heure. Avec le filtre
vidéo
, les rayures ne sont pas
dans le
sens des rayures d'une userbar en règle.


Réutilisez donc le meme outils, pour remettre dans le bon
sens l'image.

Vous arrivez normalement à la capture suivante:



comment créé un Userbars simple avec Gimp ? Gimp-1505499




_______________________________________________________________________________




3-Création
du reflet



Maintenant, nous allons créer le
reflet de type Crystal qui caractérise -entre autres- les
usersbars:


Il vas falloir utiliser l'outil "Selection
éliptique" (E).


Dans l'onglet des calques, veillez à bien
sélectionner le
calque du nom de votre image de fond ("fond.gif" pour
moi).

Puis faites une selection de ce type avec l'outil de "Selection elliptique":



comment créé un Userbars simple avec Gimp ? Test20Comp201




Un fois cela fait, gardez bien la selection et ne la modifiez
surtout pas. Si elle ne vous convient pas, vous pouvez la refaire
autant de fois jusqu'à obtenir un résultat
satisfaisant. Créez
ensuite un calque (bouton en bas à droite de l'onglet des
calques) qui s'appellera "Reflet".
Puis
remplissez les options de la fenêtre qui vient
d'apparaître comme
sur la
capture qui suit. Normalement vous n'avez qu'à
sélectionner "Transparent",
si ce n'est déjà fait:




comment créé un Userbars simple avec Gimp ? Suite




Nous allons maintenant isoler la selection sur notre nouveau calque
"Reflet".
Pour cela, dans l'onglet des claques, sélectionnez
bien le calque "Reflet".


Ensuite, faites:


Sélection > Inverser



Puis:


Edition > Effacer (ou ctrl+K).


Vous devriez au final obtenir ceci:



comment créé un Userbars simple avec Gimp ? Gimp-1518001




Ensuite, il vas falloir régler l'opacité de votre
calque
"Reflet"
, pour obtenir un jolie effet de transparence. Je ne vous
donne pas de valeur exacte puisque cela depend en fait de votre
dégradé, c'est une question de feelling, mais
il faut en gros que cela tourne dans les 50%. Dans la capture qui suit,
l'opacitée est a 47.9, comme vous pouvez le voir.


Donc à vous de faire varier chez vous.
Voila, il faut maintenant que vous obteniez un résultat de
ce genre:



comment créé un Userbars simple avec Gimp ? Gimp-1518012




Voila, il faut maintenant que vous obteniez un résultat de
ce genre. 



comment créé un Userbars simple avec Gimp ? Gimp-1518013




_______________________________________________________________________________




4-Pose
de l'image principale





Maintenant, nous allons ajouter l'image de premier plan. Essayez de la
travailler avant.

Fichiers >
Ouvrir comme un calque.




comment créé un Userbars simple avec Gimp ? Gimp-1518014





_______________________________________________________________________________




5-Mise en place du texte et de ses effets





Voila, l'image en elle-même est finie. Il reste à
faire le texte.

Tout d'abord, il vous faut la police "visitor", disponible ICI.
Le pack
fournit deux polices "visitor". Il faudra utiliser "Visitor TT2 BRK" .


Maintenant, prenez l'outil "Texte"
(T)
, puis, avec une taille de police
13,
et une couleur blanche, tapez votre texte (Mom texte est: "l'incal
fan
"). 

Placez-le ensuite à l'extremitée droite de la
barre, comme dans
les captures qui suivent. 



comment créé un Userbars simple avec Gimp ? Gimp-1518015




Ce n'est pas encore très lisible, mais ne soyez pas tenter
d'agrandir la taille de caractère, car le resultat final,
lui, sera bien
lisible:




comment créé un Userbars simple avec Gimp ? Gimp-1518016




Maintenant, maintenez sélectionner votre calque de texte,
puis faites :


Calques > Transparence > Alpha vers Selection ...


Cela va sélectionner les contours du texte.

Maintenant, faites:



Sélection > Agrandir ...


Mainteant, sans déselectionner, faites un nouveau calque,
appellé "fond
du texte"
, configuré comme celui qui suit:



comment créé un Userbars simple avec Gimp ? Capture01




Maintenant, zoomer sur la zone où se situe la
sélection du texte. Puis prenez
l'outil "Remplir"
(Shift+B)
. Ensuite, veillez à ce que la couleur
de
premier plan soit en noir

(si ce n'est pas fait, faites-le), puis
remplissez la zone de sélection. Vous devriez avoir cela:



comment créé un Userbars simple avec Gimp ? Gimp-1518017





Récapitulons les calques:




Fond du texte -->
Le calque remplie de noir



L'INCAL fan
--> Le texte de votre barre




Imageprincipale.gif
--> L'image de premier plan (le
visge pour moi.)



Reflet
--> L'effet de reflet



Fond.gif
--> L'image de fond




Arrière-plan
--> L'arrière
plan par défaut de GIMP (ou background si vous avez la
version Anglaise.)








comment créé un Userbars simple avec Gimp ? Gimp-1518018




A l'aide de l'onglet des calques, faites en sorte que le calque "fond
du texte"
soit en dessous de votre texte (ici, "l'incal FAN").




comment créé un Userbars simple avec Gimp ? Gimp-1518019




C'est presque une userbar maintenant, mais il reste un petit
détail...

_______________________________________________________________________________




6-Mise
en place de la bordure




Nous allons mettre une bordures noire autour de notre texte.
Selectionnez
le calque "Arriere-Plan".
Celui auquel nous n'avons pas encore
touché. Faites :



Calques > Transparence > Alpha vers Selection ...


Puis, sans déselectionner, créez un nouveau
calque, paramettré comme la capture qui suit:



comment créé un Userbars simple avec Gimp ? Capture02




Maintenant, faites:


script-fu > Decor > Ajouter une bordure...



Vous arrivez à l'ecran suivant. Reglez-le comme sur la
capture:



comment créé un Userbars simple avec Gimp ? Gimp-1925513




Là encore, ne soyez pas tentez de rajouter des valeurs,
celles-ci sont exactement les bonnes. Vous obtenez normalement ceci:



comment créé un Userbars simple avec Gimp ? Gimp-15180110


Maintenant, faites:


Fichier > Enregistrer l'image...



Je vous conseille png ou jpg, mais libre à vous de choisir.



comment créé un Userbars simple avec Gimp ? Gimp-15180111
Revenir en haut Aller en bas
http://www.e-monsite.com/kcirma
Full_Psyko
Admin
Admin
Full_Psyko


Nombre de messages : 173
Age : 36
Localisation : lot et garonne(47)
Humeur : au poil
Date d'inscription : 22/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeMar 1 Juil - 18:45

sa va trop facile
Revenir en haut Aller en bas
podigy
modérateur
modérateur
podigy


Nombre de messages : 191
Age : 44
Localisation : Orléans (45)
Humeur : nerveux et plaisanteur
Date d'inscription : 25/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeMar 1 Juil - 22:02

ouais trop facile pour ce qui s'y connaisse en informatique, pas comme moi qui y comprend que dalle de chez que dalle...mais c'est pas grave Very Happy
Revenir en haut Aller en bas
Damrick
Admin
Admin
Damrick


Nombre de messages : 886
Age : 35
Localisation : arras (france)
Humeur : divers mes sympas
Version de votre PS3 : : PS3 60 Go
PSEUDO PSN : : Damrick
Date d'inscription : 19/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeMer 2 Juil - 1:13

aller lie tu vera tout est expliqué
Revenir en haut Aller en bas
http://www.e-monsite.com/kcirma
Full_Psyko
Admin
Admin
Full_Psyko


Nombre de messages : 173
Age : 36
Localisation : lot et garonne(47)
Humeur : au poil
Date d'inscription : 22/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeJeu 3 Juil - 15:10

les yeux fermer et les main lier coucher par terre Laughing Laughing
Revenir en haut Aller en bas
Damrick
Admin
Admin
Damrick


Nombre de messages : 886
Age : 35
Localisation : arras (france)
Humeur : divers mes sympas
Version de votre PS3 : : PS3 60 Go
PSEUDO PSN : : Damrick
Date d'inscription : 19/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeJeu 3 Juil - 15:49

lol et comment tu va fait dit moi
Revenir en haut Aller en bas
http://www.e-monsite.com/kcirma
Full_Psyko
Admin
Admin
Full_Psyko


Nombre de messages : 173
Age : 36
Localisation : lot et garonne(47)
Humeur : au poil
Date d'inscription : 22/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeMer 9 Juil - 19:57

avec les pieds
Revenir en haut Aller en bas
podigy
modérateur
modérateur
podigy


Nombre de messages : 191
Age : 44
Localisation : Orléans (45)
Humeur : nerveux et plaisanteur
Date d'inscription : 25/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeJeu 10 Juil - 19:26

ouais ba moi je verrais ca a tete reposé Very Happy ou peut etre pendant mes vacances (dans 1mois...enfin)
Revenir en haut Aller en bas
Damrick
Admin
Admin
Damrick


Nombre de messages : 886
Age : 35
Localisation : arras (france)
Humeur : divers mes sympas
Version de votre PS3 : : PS3 60 Go
PSEUDO PSN : : Damrick
Date d'inscription : 19/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeDim 13 Juil - 21:01

tu va voir ses trés facile
Revenir en haut Aller en bas
http://www.e-monsite.com/kcirma
podigy
modérateur
modérateur
podigy


Nombre de messages : 191
Age : 44
Localisation : Orléans (45)
Humeur : nerveux et plaisanteur
Date d'inscription : 25/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeMar 15 Juil - 19:47

ok je te dirais ca une fois je l'aurais fais Wink
Revenir en haut Aller en bas
Damrick
Admin
Admin
Damrick


Nombre de messages : 886
Age : 35
Localisation : arras (france)
Humeur : divers mes sympas
Version de votre PS3 : : PS3 60 Go
PSEUDO PSN : : Damrick
Date d'inscription : 19/01/2008

comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitimeSam 30 Aoû - 1:24

ok mais j'attemd toujours
Revenir en haut Aller en bas
http://www.e-monsite.com/kcirma
Contenu sponsorisé





comment créé un Userbars simple avec Gimp ? Empty
MessageSujet: Re: comment créé un Userbars simple avec Gimp ?   comment créé un Userbars simple avec Gimp ? Icon_minitime

Revenir en haut Aller en bas
 
comment créé un Userbars simple avec Gimp ?
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» COMMENT BRANCHER MON MICRO SUR MA PS3 ? A L'AIDE xD

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
La Team [ISA*] :: Trucs et astuces :: Faire sa bannière avec tripletags-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser