Bonjour,

vous êtes sur le forum de la Lazer-team et nous vous souhaitons la bienvenue. Cependant, vous n'êtes qu'un <i>invité</i> et vous ne pouvez pas accéder à l'intégralité des données de ce forum. Si vous souhaitez adhérer à la communauté, inscrivez-vous en cliquant sur le bouton ci-dessous.

Bonne journée.


Site officiel de la Lazer-team­Accueil­FAQ­Rechercher­S'enregistrer­Connexion
Poster un nouveau sujet   Répondre au sujet :: Communauté :: Tutoriels :: [Tuto'Lazer] Les tutoriels les plus complets du forum
 

 [Tuto'Lazer] Comment créer un Userbar ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
supervisator
Niveau II


Masculin
Messages : 167
Âge : 15
Dicton : Le seul moyen de gagner une guerre, c'est qu'en face, ils soient aussi cons qu'ici !
News :
0 / 1000 / 100
Tutoriels :
45 / 10045 / 100
Graphisme :
0 / 1000 / 100
Aides :
0 / 1000 / 100


Avertissements : 0/3

MessageSujet: [Tuto'Lazer] Comment créer un Userbar ?   Mer 12 Aoû - 11:27

Voila comme tout le monde l'attendait (enfin je crois Rire ).
Je met ici le petit tuto avec lequel je n'ai pas travaillé tout seul, je tient a dire... !
Si c'est bien c'est qu'un pote a moi nous avons bossé la dessus donc j'espère que sa vous plairas Clignement d\'œil

Je vous vois déjà vous demander :


Confus: C'est quoi une UserBar ? Choqué


Une UserBar est une barre graphique qui se place généralement dans une signature pour indiquer par exemple qu'on joue à un jeu, ou alors qu'on aime la Fansub Lazer-Team, ou encore qu'on utilise Windows XP...

Photofiltre

PhotoFiltre est un logiciel gratuit créé par Antonio Da Cruz.

Le site officiel est www.photofiltre.com.
La version sur laquelle nous travaillerons est la 6.2.6.

Créer des UserBars est quelque chose de très demandé et certains pensent qu'il est difficile d'en faire une, mais vous découvrirez après avoir lu ce tutoriel que ce n'est pas si difficile !

Je suis sûr que vous mourrez d'envie de commencer à travailler Rire , alors allons-y !

Introduction

Ouvrez PhotoFiltre et créez un nouveau fichier (fichier->Nouveau... ou faites Ctrl+N).
Vous obtenez cette fenêtre :



Remplissez là comme celle-ci (Largeur : 350 pixels, hauteur : 19 pixels).
C'est tout simple, on obtient une image de fond blanc de largeur 350 pixels et de 19 pixels de hauteur, c'est le format idéal pour les userbars :



Vous avez deux choix ici, vous pouvez :

* Soit faire un dégradé de 2 couleurs (si possible pas trop claires).
* Soit faire un fond monochrome (une seule couleur).

Ici, je ferai un dégradé, je vais donc dans l'onglet dégradé ().

:!: Si vous décidez de faire un fond monochrome il vous suffit de cliquer sur une des couleurs à droite et sur le pot de peinture renversé.

J'obtiens ceci :



Je choisis mes deux couleurs.
J'obtiens ceci :



Une fois ceci fait, je sélectionne toute l'image (Ctrl+A) et fait un clique droit, puis contour et remplissage :



Vous obtenez ceci :



Réglez les valeurs comme ceci.
Cela veut juste dire que vous aurez des lignes noires (pas trop visibles) de travers (vous n'êtes pas obligé de les mettre mais c'est pour le style :wink: ).
Cela donne ça :



Ça se complique !

Cette étape sert à faire un effet 3D qui rendra l'userbar plus réaliste.
Sélectionnez le tout (Ctrl+A), faites une ellipse ().
Faites un clique droit sur l'ellipse, paramétrage manuel :



Cette fenêtre s'ouvre :



Une fois avoir fait ça, retournez dans dégradé ().
Cette fois, mettez monochrome, direction Haut/Bas et en blanc.
Vous obtenez ceci :



Cela fait un effet de lumière venant du haut.
On obtient donc ceci, après avoir réglé comme je l'ai fait !



Un décor

:!: Cette partie est optionnelle.

Choisissez une image de fond (ou créez la ^^ ), moi je prends une image de feu et je la mets dans un nouvel onglet, j'obtiens ceci :



Je la copie et la colle dans l'userbar, comme vous pouvez le remarquer il va falloir l'éclaircir un petit peu, je fais clic droit, options de collage :



Je règle comme ceci :



Cela donne :



Le texte

Avant tout, téléchargez cette police, décompressez le tout dans C:\WINDOWS\Fonts.
C'est reparti Rire !

Resélectionnez tout (Ctrl+A), appuyez sur l'icône du texte ().
Choisissez la police Visitor TT2 BRK (c'est ce que vous venez de télécharger) en taille 10 et en blanc.



Allez dans l'onglet Effets et cliquez sur Contour, choisissez la couleur noire (sauf si votre fond est noir !) :



Vous avez donc écrit votre texte, il va maintenant falloir mettre le texte à droite.
Vous refaites clique droit, Paramétrage manuel, vous mettez Automatique et vous cliquez sur le point de droite.



Nous allons un peu décaler le texte à gauche pour que ce ne soit pas collé au bord.
Revenez dans le Paramétrage manuel, cette fois, allez dans Manuelle, en Coordonnées X, faites ce qui est affiché (A, ci-dessous) - 5 (par exemple vous aviez 319, vous mettez donc 314 puisque 319 - 5 = 314 !) :



On obtient ceci :


_________________

"Le seul moyen de gagner une guerre... c'est qu'en face, ils soient aussi cons qu'ici !" Hevil©
Revenir en haut Aller en bas
http://steamcommunity.com/id/visator
Gallious
Administrateur


Masculin
Messages : 6082
Âge : 16
Dicton : You know what I want
News :
0 / 1000 / 100
Tutoriels :
36 / 10036 / 100
Graphisme :
10 / 10010 / 100
Aides :
5 / 1005 / 100


Avertissements : 0/3

MessageSujet: Re: [Tuto'Lazer] Comment créer un Userbar ?   Mer 12 Aoû - 11:29

Vraiment super !! J'utilise en plus ce logiciel ! +20 points !
_________________
~ To Love Trouble ~
Revenir en haut Aller en bas
http://www.lazer-team.com
Drawingirl18
Niveau II


Féminin
Messages : 109
Âge : 19
News :
0 / 1000 / 100
Tutoriels :
0 / 1000 / 100
Graphisme :
0 / 1000 / 100
Aides :
0 / 1000 / 100


Avertissements : 0/3

MessageSujet: Re: [Tuto'Lazer] Comment créer un Userbar ?   Ven 14 Aoû - 12:08

Extraaa !
Je testerai Merci =3 :clinoeil:
Revenir en haut Aller en bas
http://Drawingirl18.deviantart.com/
supervisator
Niveau II


Masculin
Messages : 167
Âge : 15
Dicton : Le seul moyen de gagner une guerre, c'est qu'en face, ils soient aussi cons qu'ici !
News :
0 / 1000 / 100
Tutoriels :
45 / 10045 / 100
Graphisme :
0 / 1000 / 100
Aides :
0 / 1000 / 100


Avertissements : 0/3

MessageSujet: Re: [Tuto'Lazer] Comment créer un Userbar ?   Ven 14 Aoû - 13:21

Mais derien ^^'
un tutoriel c'est fait pour aider xD
_________________

"Le seul moyen de gagner une guerre... c'est qu'en face, ils soient aussi cons qu'ici !" Hevil©
Revenir en haut Aller en bas
http://steamcommunity.com/id/visator
sakura-93
Niveau V


Féminin
Messages : 1675
Âge : 17
Dicton : ***Regarde toujours dans la direction du soleil levant et tu ne verras jamais l'ombre derrière toi ***
News :
0 / 1000 / 100
Tutoriels :
0 / 1000 / 100
Graphisme :
0 / 1000 / 100
Aides :
0 / 1000 / 100


Avertissements : 0/3

MessageSujet: Re: [Tuto'Lazer] Comment créer un Userbar ?   Sam 15 Aoû - 12:33

tres bien explique , merci !!!!
_________________
°°° Quand on a éliminé l'impossible , il reste aussi improbable soit-elle la vérité °°°

Revenir en haut Aller en bas
 

[Tuto'Lazer] Comment créer un Userbar ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
 :: Communauté :: Tutoriels :: [Tuto'Lazer] Les tutoriels les plus complets du forum-
Poster un nouveau sujet   Répondre au sujet