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!

[Tuto] Usersbars

Aller en bas

[Tuto] Usersbars Empty [Tuto] Usersbars

Message par Brucas le 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 : 27
Sexe : Masculin
Messages : 2678
Localisation : Tree Hill

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Phoenix le 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

_________________
~ Votre Administrateur ~
Phoenix
Phoenix
Administrateur
Administrateur

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

Voir le profil de l'utilisateur http://www.msn-aide-astuces.org

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Brucas le Mer 29 Mar 2006 - 20:13

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

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

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par Invité le 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é le 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 le 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 : 28
Sexe : Masculin
Messages : 126
Localisation : 59

Voir le profil de l'utilisateur http://utopie.jeun.fr/index.htm

Revenir en haut Aller en bas

[Tuto] Usersbars Empty Re: [Tuto] Usersbars

Message par scream le 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 : 30
Sexe : Masculin
Messages : 28
Localisation : La Ciotat (13)

Voir le profil de l'utilisateur

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