WLM et MSN Aide et Astuces
Bienvenue sur le forum d'entraide pour MSN!
Si vous souhaitez accéder à du contenu supplémentaire, inscrivez-vous!

Vous pourrez ensuite poster votre sujet en décrivant votre problème ou bien télécharger des modules amusant pour personnaliser votre MSN!

Rejoignez le forum, c’est rapide et facile

WLM et MSN Aide et Astuces
Bienvenue sur le forum d'entraide pour MSN!
Si vous souhaitez accéder à du contenu supplémentaire, inscrivez-vous!

Vous pourrez ensuite poster votre sujet en décrivant votre problème ou bien télécharger des modules amusant pour personnaliser votre MSN!
WLM et MSN Aide et Astuces
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Display One Piece Card Game Japon OP-08 – Two Legends : où la ...
Voir le deal

[Tuto] Usersbars

4 participants

Aller en bas

[Tuto] Usersbars Empty [Tuto] Usersbars

Message par Brucas Mer 29 Mar 2006 - 18:52

salut,
je voudrais savoir si quelqu'un pouvait m'expliquercomment faire une usersbar.

quelles sontles dimensions?

comment mettre les lignes obliques dessus?

merci beaucoup
Brucas
Brucas
Membre+
Membre+

Âge : 32
Sexe : Masculin
Messages : 2678
Localisation : Tree Hill

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Phoenix Mer 29 Mar 2006 - 19:54

Ci-dessous un tutorial pour vous aider à réaliser vos propres Userbars.

Une fois que vous avez réalisez votre visuel en suivant les différentes étapes, recréer un nouveau document ayant pour taille 350*19, avec comme couleur de fond "noir". Puis collez votre visuel dedans, enregistrez votre fichier en format Gif de préférence.



1/ Ouvrez un nouveau document ayant pour propriétés :



[Tuto] Usersbars TUT_new



2/ Ouvrez un deuxième nouveau document, mais avec largeur et hauteur = 6 pixels.

Avec le pinceau, de taille 1 et couleur noir, réalisez un motif comme ceci :


[Tuto] Usersbars TUT_pattern


Enregistrez ce motif en faisant : Editer > Utiliser comme Motif

Appliquez ensuite ce motif à votre premier document, dans un nouveau calque Edter > remplir et choisir le motif enregistre avec une opacite de 23%


[Tuto] Usersbars TUT_pattern_applik


3/ Insérez votre image entre le calque transparent de fond, et celui de votre motif. Pour ce faire, cliquez droit et deplacez votre image sur le calque a l'endroit desiré. Si ca ne fonctionne pas, utilisez ce bouton [Tuto] Usersbars 63ds puis recommencez.

[Tuto] Usersbars TUT_image_applik


4/ En selectionnant 2 couleurs parmis celles utilisées dans votre image, réalisez un dégradé grâce à l'outil "gradient" (dégradé) sur un nouveau calque, en dessous de votre image :

[Tuto] Usersbars TUT_full_pafini


5/ Pour la finition, utilisez un "masque de fusion" sur votre image. L'outil est disponible en bas de votre liste de calques :

[Tuto] Usersbars TUT_liste_boutons


En modifiant l'opacité (environ 23%) de votre calque contenant le motif, vous devez obtenir quelque chose comme ca :

[Tuto] Usersbars TUT_full_pafini3


6/ Il faut maintenant creer un nouveau calque au dessus de tous les autres. Avec l'outil de selection circulaire, réalisez une selection telle que celle ci :

[Tuto] Usersbars TUT_pafini4


Remplissez le de blanc, en modifiant l'opacité, afin d'obtenir le résultat qui vous convient.

7/ A ce stade vous pouvez appliquez d'autres effets. En voici 2 qui peuvent vous donner des idées pour vos réalisations :

Effet nuages : avec filtre nuage (Filtre => Rendu => Nuages), dans un nouveau calque situé juste au dessus de votre image (opacité 23) et avec comme couleur utilisée noir et blanc, vous pouvez obtenir quelque chose comme ca :


[Tuto] Usersbars TUT_nuages2


[Tuto] Usersbars TUT_nuages


Effet dégradé : avec l'outil "gradient", dans un nouveau claque situé juste au dessus de votre image, réglé en mode multiply vous pourrez obtenir un résultat tel que celui ci :

[Tuto] Usersbars TUT_liste_tools [Tuto] Usersbars TUT_gradient


[Tuto] Usersbars TUT_gradient_panel


[Tuto] Usersbars TUT_pafini5


8/ Insérez votre texte au dessus de tous les autres calques (ou en dessous du cercle blanc, selon l'effet désiré) :

la police Visitor est disponible sur le site dafont.com >>>ICI<<<


[Tuto] Usersbars TUT_police


Appliquez ensuite le filtre "stroke" (contour), en cliquant droit sur le calque du texte, cliquez sur "Options de fusion", puis "Contour". Choisissez comme couleur noir, et taille 1 pixel.

Voilà c'est fini
8)


[Tuto] Usersbars USERBARlost

Source : http://userbars.forumpro.fr
Phoenix
Phoenix
Administrateur
Administrateur

Âge : 26
Sexe : Masculin
Messages : 23731
Localisation : Pérou

http://www.msn-aide-astuces.org

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Brucas Mer 29 Mar 2006 - 20:13

merci beaucoup thelol très beau tuto (y) :t (y)
Brucas
Brucas
Membre+
Membre+

Âge : 32
Sexe : Masculin
Messages : 2678
Localisation : Tree Hill

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Invité Sam 3 Juin 2006 - 9:17

J'arrive pas à faire le truc des 6*6 les diagonales sur transparent là vous pouvez me montrer plus en détails ? je ne suis qu'un débutant
avatar
Invité
Invité


Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Invité Sam 8 Juil 2006 - 11:34

C'est simple,
tu ouvre un document 6*6, tu prend le couleur noir en Premier Plan, et avec l'outils crayon, tu trace la diagonale.

Ensuite, tu fais edition/utiliser comme motif.
avatar
Invité
Invité


Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par @lex Mer 26 Juil 2006 - 17:03

j'ai réussi à faire comme userbar :
( c'est une userbar de mon forum, dsl )

[Tuto] Usersbars Sanstitre4as




Dites moi si il y a des trucs qu'il faut que je change, merci
@lex
@lex
Membre
Membre

Âge : 33
Sexe : Masculin
Messages : 126
Localisation : 59

http://utopie.jeun.fr/index.htm

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par scream Dim 28 Oct 2007 - 10:59

jte conseil de virer le motif, changer le texte (c'est la bonne typo) mais le mode d'ecriture colle pas, ensuite niveau reflet, sa va pas non plus ^^
jte conseil un texte blanc en coutour noir de 1 px
puis ta bar' est trop vide, ya un trou au milieu :)

amicalement , chris
scream
scream
Membre
Membre

Âge : 35
Sexe : Masculin
Messages : 28
Localisation : La Ciotat (13)

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum