SEIZED BY DARK ARMY @D4rkArmy

You have been breached by the Dark Army.

Vous n'êtes pas identifié(e).

Annonce

SEIZED BY DARK ARMY You have been breached by the Dark Army @D4rkArmy

#1 26/11/2006 13h02

BlackMoon
SEIZED BY DARK ARMY @D4rkArmy
Lieu : Mmmh.. Joker ?
Inscription : 01/09/2006
Messages : 1 844

[Photoshop] Faire une userbar

SEIZED BY DARK ARMY @D4rkArmy à tous aujourd'hui nous allons apprendre à faire une userbar qui ressemblera à ceci :

userbarny2.gif

J'ai décidé de faire un tuto même s'il y en a plein sur le net ( = moins de travail pour les commandes xD )

* Tout d'abord faites un nouveau projet de 340 de largeur et 20 de hauteur, ce qui devrait ressembler à ceci :

tuto11oz7.gif

*Mettez #191919 en couleur de premier plan  et #494848 en couleur de 2eme plan

tuto22ev4.gif

*Maintenant faites un dégradé du haut vers le bas en vous assurant que vous avez bien les couleurs de premier et de deuxième plan pour le dégradé, vous devriez arriver à ceci :

tuto33xb9.gif

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

*Très bien, maintenant choisissez une image pour votre userbar

moi j'ai choisi celle-la :

tuto44rd5.gif
elle est claire mais l'userbar est sombre donc c'est bien
wink

*maintenant, mettez l'image que vous avez choisi dedans par un copier collé :


tuto55ya1.gif

*Vous allez me dire "Eh mais elle est hyper pixelisée ton image ! en plus elle est trop grande !" mais non ne vous en faite pas nous allons la redimensionner et elle ne sera plus pixelisée

*alors nous allons la redimensionner, pour cela, sélectionnez le calque de l'image et allez dans :

tuto66je4.gif

vous avez maintenant un cadre autour de votre cadre, maintenant redimensionnez votre calque en utilisant les extrémités
tuto77gq1.gif

tout restant appuyé sur 6
et positionnez votre calque comme vous aimez
maintenant, si tout va bien vous devez être arrivé à une chose de ce genre :

tuto88fa9.gif

ne vous inquiétez pas si vous trouvez ca flou dé-zoomez à la vraie taille et vous verrez ça :
tuto99jl7.gif


------------------------------------------------------------------------------------------------
Bon maintenant, passons aux motifs

Faite un document de 5*5 et créez ce motif :

tuto101kc8.gif

Allez dans le menu édition -> Utiliser comme Motif et donnez le nom désiré à ce motif.

*Retournez à votre userbar. Créez un nouveau calque et remplissez le avec le motif en allant dans le menu édition -> Remplir et en choisissant le motif que vous venez de créer :
tuto102df7.gif

ce qui donne

tuto103jm1.gif
*le motif est un peu voyant , changez son opacité a 20% vous arriverez a ca

tuto104my6.gif

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

Maintenant nous allons ajouter la police , choisissez la police  de préférence une petite pour pouvoir aller dans l'userbar, pour en trouver , c'est ici : http://www.dafont.com/fr/bitmap.php

moi j'ai pris Alpha Beta disponible ici : http://www.dafont.com/fr/alpha-beta.font

*après prenez la police que vous voulez et mettez la taille de la police entre 5 et 18 (suivant la police) moi j'ai mit 8

*quand vous avez fait ça ,vous devriez avoir ça ou à peu près le même genre :

tuto105jx8.gif


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

Passons au reflet

prenez la sélection elliptique et tracer une sélection comme ceci :


tuto106nq2.gif

maintenant faites un nouveau calque en le gardant sélectionné et un dégradé du blanc vers le transparent :

sanstitre1by1.png

Et du haut vers le bas de l'userbar comme ça :

tuto109js1.gif

Ah mais c'est tout moche ! c'est vrai mais ca fait un userbar quand même, ce tuto touche à sa fin merci de... hein ? mais non je rigole (lal -_-')
bon alors maintenant mettez le calque avec le reflet a 40% et voila c'est fini vous avez votre userbar wink

userbarny2.gif

voilà, vous avez réussi ce tutorial mais vous ne croyez tout de même pas que vous pouvez faire que ça? maintenant, à vous de faire votre propre userbar, de changer le dégradé, les couleurs, les motifs, etc...

PS : désolé pour les fautes yikes
Édit : Fautes corrigé lal
_________
Édit SNOUPS4: Fautes re-corrigées parce qu'il en restait un tas^^

Dernière modification par SNOUPS4 (22/08/2010 12h07)

Hors ligne

#2 26/11/2006 13h04

Le C!nglé
Gentleman Cambrioleur
Lieu : Angers (49)
Inscription : 11/11/2006
Messages : 2 176

Re : [Photoshop] Faire une userbar

Il existe déjà des centaines de tutos expliquant comment faire des userbars. Ça devient banal et chiant, faudrait imaginer plutôt que de plagier méchamment. De plus, ce n'est pas nécessaire de rendre les flemmards encore plus flemmards: Google existe donc cherchez dessus plutôt que de pondre des tutos pareils sur tous les forums -_-"

Hors ligne

#3 26/11/2006 13h06

BlackMoon
SEIZED BY DARK ARMY @D4rkArmy
Lieu : Mmmh.. Joker ?
Inscription : 01/09/2006
Messages : 1 844

Re : [Photoshop] Faire une userbar

BlackMoon a écrit :

J'ai décider de faire un tuto même si il y en a plein sur le net

Hors ligne

#4 26/11/2006 13h07

Le C!nglé
Gentleman Cambrioleur
Lieu : Angers (49)
Inscription : 11/11/2006
Messages : 2 176

Re : [Photoshop] Faire une userbar

Ah, et c'est une raison valable pour toi ça?

Hors ligne

#5 26/11/2006 13h10

BlackMoon
SEIZED BY DARK ARMY @D4rkArmy
Lieu : Mmmh.. Joker ?
Inscription : 01/09/2006
Messages : 1 844

Re : [Photoshop] Faire une userbar

Bah j'en avait déja fait un pour un forum de graphisme ( PS : http://keltro-creations.xooit.fr/index.php  8) )

alors j'ai fait copier coller xD

et puis c'est mieux que rien

Hors ligne

#6 26/11/2006 15h32

rilaxx
Membre VIP
Inscription : 31/08/2006
Messages : 1 239

Re : [Photoshop] Faire une userbar

faudrai que je me fasse une "rilaxx fan" XD

Hors ligne

#7 26/11/2006 15h41

Johan
Membre VIP
Lieu : Confédération Helvétique
Inscription : 31/08/2006
Messages : 1 611

Re : [Photoshop] Faire une userbar

Elle serait sûrement beaucoup utilisé.  :roll:

Hors ligne

#8 26/11/2006 15h53

Jerenit
SEIZED BY DARK ARMY @D4rkArmy
Inscription : 22/11/2006
Messages : 49

Re : [Photoshop] Faire une userbar

moi je l'utiliserait xD ( expldr ton avatar serious ! xD )

Hors ligne

#9 12/07/2007 14h28

HaitinFainko
SEIZED BY DARK ARMY @D4rkArmy
Lieu : Chez GarryFR
Inscription : 04/07/2007
Messages : 120
Site Web

Re : [Photoshop] Faire une userbar

BlackMoon a écrit :

SEIZED BY DARK ARMY @D4rkArmy aujourd'hui nous allons apprendre a faire une userbar qui ressemblera a ceci :

userbarny2.gif

J'ai décider de faire un tuto même si il y en a plein sur le net ( = moins de travail pour les commandes xD )

* Tout dabord faites un nouveau projet de 340 de largeur et 20 de hauteur ce qui devrai ressembler a ceci :

tuto11oz7.gif

*Mettez #191919 en couleur de premier plan  et #494848 en couleur de 2eme plan

tuto22ev4.gif

*Maintenant faite un dégradé du haut vers le bas en vous assurant que vous avez bien les couleur de premier e de deuxième plan pour le dégradé , vous devrier arriver a ceci :

tuto33xb9.gif

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

*Très bien maintenant choisissez une image pour votre userbar

moi j'ai choisi celle la :

tuto44rd5.gif
elle est claire mais l'userbar est sombre donc c'est bien
wink

*maintenant  mettez l'image que vous avez choisi dedans par un copier collé :


tuto55ya1.gif

*Vous allez me dire "Eh mais elle est hyper pixeliser ton image ! en plus elle est trop grande !" mais non ne vous en faite pas nous allons la rédimassions et elle ne sera plus pixelisée

*alors nous allons la  rédimassions, pour cela , sélectionner le calque de l'image allez dans :

tuto66je4.gif

vous avez maitnant un cadre autour de votre cadre , maintenant redimensionner votre calque en utilisant les extrémités
tuto77gq1.gif

tout restant appuyé sur 6
et positionnez votre calque comme vous aimez
maintenant , si tout va bien vous devez être arrivé a une chose de ce genre :

tuto88fa9.gif

ne vous inquiétez pas si vous trouvez ça flou dezoomer a la vrai taille et vous verrez ça :
tuto99jl7.gif


------------------------------------------------------------------------------------------------
Bon maintenant passons au motifs

Faite un document de 5*5 et créez ce motif :

tuto101kc8.gif

Allez dans le menu Édition -> Utiliser comme Motif et donnez le nom désiré à ce motif.

*Retournez à votre userbar. Créez un nouveau calque et remplissez le avec le motif en allant dans le menu Edition -> Remplir et en choisissant le motif que vous venez de créer :
tuto102df7.gif

ce qui donne

tuto103jm1.gif
*le motif est un peu voyant , changez son opacité a 20% vous arriverez a ca

tuto104my6.gif

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

Maintenant nous allons ajouter la police , choisissez la police  de préférence une petite pour pouvoir allé dans l'userbar, pour en trouver , c'est ici : http://www.dafont.com/fr/bitmap.php

moi j'ai pris Alpha Bêta disponible ici : http://www.dafont.com/fr/alpha-beta.font

*après prenez la police que vous voulez et mettez la taille de la police entre 5 et 18 (suivant la police) moi j'ai mit 8

*quand vous avez fait ça ,vous devriez avoir ça ou a peu près le même genre :

tuto105jx8.gif


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

Passons au reflet

prenez la sélection elliptique et tracer une sélection comme ceci :


tuto106nq2.gif

maintenant faite fait un nouveau calque en gardant le sélection et un dégradé du blanc vers le transparent et du haut vers le bas de l'userbar comme ça :

tuto109js1.gif

Ah mais c'est tout moche ! c'est vrai mais ça fait un userbar quand même, ce tuto touche a ça fin merci de... hein ? mais non je rigole (je suis marrant hein)

bon alors maintenant mettez le calque avec le reflet a 40% et voila c'est fini vous avez votre userbar wink

userbarny2.gif

voila vous avez réussi ce tutorial mais vous ne croyez tout de même pas que vous pouvez faire que ça ? maintenant a vous de faire votre propre userbar de changer le de gradé les couleurs les motifs etc...

PS : désoler pour les fautes yikes

J'ai essayé de corrigé.

J'espère que j'ai bien corrigé sad

Hors ligne

#10 12/07/2007 15h33

BlackMoon
SEIZED BY DARK ARMY @D4rkArmy
Lieu : Mmmh.. Joker ?
Inscription : 01/09/2006
Messages : 1 844

Re : [Photoshop] Faire une userbar

Arrete d'upper les sujets si c'est pour rien dire, de plus, tu dit même pas ce que t'a corrigé.  :evil:

La prochaine fois, tu me mp pour dire ça.   :?:

Hors ligne

#11 12/07/2007 16h44

EXpMiNi
Masturbate
Inscription : 14/08/2006
Messages : 4 306
Site Web

Re : [Photoshop] Faire une userbar

tu te prend un averto, motif : tu me soule.

Hors ligne

#12 12/07/2007 16h56

HaitinFainko
SEIZED BY DARK ARMY @D4rkArmy
Lieu : Chez GarryFR
Inscription : 04/07/2007
Messages : 120
Site Web

Re : [Photoshop] Faire une userbar

Désoler sad

Hors ligne

#13 13/07/2007 18h46

waloumi
Tortue perverse
Lieu : GIARRGHJLZ
Inscription : 06/02/2007
Messages : 1 325
Site Web

Re : [Photoshop] Faire une userbar

euh... c quoi la couleur transparente?? elle n'y est pas...

Hors ligne

#14 13/07/2007 18h48

Delt@mike
HolyGasmask
Lieu : Lyon
Inscription : 04/09/2006
Messages : 2 360
Site Web

Re : [Photoshop] Faire une userbar

:><:  au secour!

Hors ligne

#15 13/07/2007 18h57

EXpMiNi
Masturbate
Inscription : 14/08/2006
Messages : 4 306
Site Web

Re : [Photoshop] Faire une userbar

waloumi a écrit :

euh... c quoi la couleur transparente?? elle n'y est pas...

euuuh.. joker ? big_smile

Hors ligne

#16 13/07/2007 18h58

waloumi
Tortue perverse
Lieu : GIARRGHJLZ
Inscription : 06/02/2007
Messages : 1 325
Site Web

Re : [Photoshop] Faire une userbar

:?:

Hors ligne

#17 13/07/2007 19h01

BlackMoon
SEIZED BY DARK ARMY @D4rkArmy
Lieu : Mmmh.. Joker ?
Inscription : 01/09/2006
Messages : 1 844

Re : [Photoshop] Faire une userbar

un dégradé de la couleur du premier plan vers le transparent tu veut dire ?

sanstitre1by1.png

:?:

Hors ligne

#18 13/07/2007 19h47

waloumi
Tortue perverse
Lieu : GIARRGHJLZ
Inscription : 06/02/2007
Messages : 1 325
Site Web

Re : [Photoshop] Faire une userbar

oui!!! c'est ca! ptin je suis con ><

Hors ligne

#19 04/01/2008 18h05

OLIX
SEIZED BY DARK ARMY @D4rkArmy
Lieu : La Voie lactée
Inscription : 16/12/2007
Messages : 226

Re : [Photoshop] Faire une userbar

comment on met le reflet a 40% (dsl pour mon message qui va remonter un vieu topic hmm )

Hors ligne

#20 04/01/2008 18h51

EXpMiNi
Masturbate
Inscription : 14/08/2006
Messages : 4 306
Site Web

Re : [Photoshop] Faire une userbar

En haut des calques ta 100% wink (en bas a droite)

Hors ligne

Pied de page des forums