Team Ghost Killers

Communauté MGO
 
AccueilGalerieFAQRechercherS'enregistrerGroupesMembresConnexion

Partagez
 

 [TUTO] Créer une usebar

Aller en bas 
AuteurMessage
Jeremy2503
Acrro à LvL-UP
Acrro à LvL-UP
Jeremy2503

Nombre de messages : 329
Age : 26
Localisation : languedoc roussilon
Emploi/loisirs : collegien / pongiste/ jeux video/Japonais
Date d'inscription : 25/11/2007

Feuille de personnage
Votre ID ou GT: Darkjeremy
Vous jouez en ligne ?: Bien sûr
Console ? :

[TUTO] Créer une usebar Empty
MessageSujet: [TUTO] Créer une usebar   [TUTO] Créer une usebar EmptyLun 14 Avr - 0:10

salut je vais vous expliquez comment créer une usebar
Vous allez vous dire qesque une usebar ?
==> Une UserBar est une barre graphique qui se place généralement dans une
signature, pour indiquer par exemple qu'on code en C, ou alors qu'on aime le
Site lvl-up , ou encore que votre carte mère est une Asus.

Commençons :
Le détourage



Houlala, un mot qu'on n'aimerait pas entendre tous les jours, et pourtant, le détourage va vous être très utile !!

Comme dit plus haut, si on a un fond qu'on ne veut pas voir, comment l'enlever ? Eh bien on va détourer notre image, c'est-à-dire qu'on va enlever tout ce qu'il y a autour de ce qu'on veut montrer.



On va pour ça utiliser le Lasso Polygonal de Photoshop.

[TUTO] Créer une usebar 8821

prenez l'image que vous voulez. Moi une ps3
[TUTO] Créer une usebar Ps31bv4

Avec le lasso polygonal faites le tour de la ps3 et au final vous devrez avoir sa :


[TUTO] Créer une usebar Ps36pm8faites clic droit ==> Intervertir puis vous faites clikez sur le le cadenas a coté du calque puis vous faites ok puis apres sa fait surpimer

Vous devez arriver a sa :
[TUTO] Créer une usebar Ps37qs8voilà moi j'ai mis une xbox 360 mais si vous ne voulez pas la mettre ne la mettez pas ma mais si oui faites les pareilles manipulations que la ps3

Le début de la UserBar



Maintenant que vous avez votre motif détouré, vous allez pouvoir commencer à créer votre UserBar.



Créez une nouvelle image en mode RVB, de 350 pixels de largeur, et de 20 pixels de hauteur. Pour la résolution, laissez 72 pixels / pouce.



Nous allons maintenant remplir cette image avec une couleur ; j'ai pris
un bleu clair (#76ADE0). Libre à vous de choisir la vôtre.
[TUTO] Créer une usebar 8826


Ensuite, nous allons appliquer un motif par dessus la couleur.

Créez une nouvelle image de 4 pixels de largeur, et de 4 pixels de hauteur. Dans le champ Remplir, sélectionnez transparent.



Zoomez au maximum et prenez l'outil crayon.

[TUTO] Créer une usebar 8827

Mettez le noir en couleur de premier plan (appuyez sur D,) et faites 4 pixels en diagonale comme ceci :
[TUTO] Créer une usebar 8828

Ensuite, faites Édition -> Utiliser comme motif, et donnez-lui le nom de votre choix : ici, nous allons l'appeler "Lignes Obliques".



Voilà, notre motif est créé, nous allons maintenant l'incruster dans notre UserBar.

Créez un nouveau calque que vous allez appeler "Lignes" en mode Normal. Sélectionnez ce calque et faites Édition -> Remplir. Dans la liste déroulante, sélectionnez Motif et ensuite, choisissez le motif que vous venez de créer ("Lignes Obliques"). Validez.

Les lignes sont un peu trop voyantes je trouve : nous allons donc réduire l'opacité du calque Lignes. Dans l'exemple, je l'ai mis a 40 %
[TUTO] Créer une usebar 8829

INSERTION DE L'IMAGE

voila maintenant vus retournez a votre ps3 et vous faites : selection ==> tout selectionnez
Puis vous faites copiez (CTRL+C) et vous retournez dans votre usebar et vous faites collez (CTRL+V)

Houla ! Notre ps3 est un peu trop grande dans l'image nous allons donc vous allez faire CTRL+T
Et vous cliquez sur la chaine en haut puis vous mettez la taille de la ps3 a la taille que vous voulez ( enfin que l'on puisse la voire dans votre usebar )
Puis enfin la ps3 a la bonne taille placez la ou bon vous semble.
rideau



Et c'est là que votre UserBar va prendre toute sa splendeur ! Nous allons lui ajouter un "rideau" blanc.



Créez un nouveau calque que vous allez nommer "rideau" en mode normal.



Sélectionnez l'ellipse de sélection.
[TUTO] Créer une usebar 8831

Et faites une selection de manieres a ne prendre qu'un arc d'ellipse
[TUTO] Créer une usebar Ps39gt9


Appuyez ensuite sur X afin de mettre le blanc en couleur de premier plan.

Sélectionnez ensuite l'outil de Dégradé.

[TUTO] Créer une usebar 8833
Configurez-le comme ceci :

[TUTO] Créer une usebar 8834
Puis avec votre souris partez de bas puis clickez jusqua a allez jusqu'en haut = vous dirigez le degradez de bas en haut .

Faites CTRL+D pour désélectionner.



Voilà !! Votre rideau est terminé. Nous allons maintenant voir comment ajouter un joli texte !!

LE TEXTE
Voila maintenant il ne manque plus que le texte a mettre sur votre userbar
Vous devez téléchager cette police : http://www.dafont.com/fr/font.php?file=visitor.
RAPPEL: pour installer une police vous devez apres l'avoir télécharger vous devez le dezipé ( CLIC droit ) puis vous devez copiez le fichier ou il y a des lettres dessus apres sa vous allez dans panneau de configuration puis police et vous collez votre fichier ici. PUIS tadam ! vous avez votre police dans les textes !

Sélectionnez l'outil texte et utilisez les paramètres ci-contre :
[TUTO] Créer une usebar Texte

Placez votre texte là où vous souhaitez le voir apparaitre.

Vous devriez avoir ceci :
[TUTO] Créer une usebar Santit10


Afin de rendre le texte plus joli, allez dans les options de fusion du calque (double-cliquez dessus), et ajoutez un contour extérieur noir de 1 pixel à 40 % d'opacité. Voilà, votre texte est parfait !

DERNIERE ETAPE : LE CONTOUR

Il reste encore une étape... Elle ne va pas durer longtemps, mais c'est un détail assez important je trouve.



Créez un nouveau calque que vous allez appeler "Bordure" en mode Normal. Remplissez-le de blanc, et réduisez l'opacité de fond (dans la palette des calques) à 0 %.



Allez ensuite dans les options de fusion, et ajoutez un contour intérieur noir de 1 pixel à 100 % d'opacité.



Et voilà !! C'est fini ! Votre UserBar est fin prête à être dévoilée au
grand public !! Vous allez pouvoir frimer dans tous les forums du monde
entier !! lvl - up bien sur !

voila le resulta final :
[TUTO] Créer une usebar Sans_t10

voila j'espere que vous allez y arrivé et posté vos com

Ahh oui J 'oublie pour ceux qui n'on pas photoshop, il doivent allez la et téléchargez cs2 :
( il sera en essai pour 30 jours )
http://www.top-logiciel.net/wfdownloads-singlefile.cid-53-lid-684.htm

Voila bon lecture et creation a +++
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lvl-up.own0.com
Jo3Y
Admin
Admin
Jo3Y

Nombre de messages : 7314
Age : 29
Localisation : Nord
Emploi/loisirs : jeux vidéos , tennis cyclisme , modelisme
Date d'inscription : 23/08/2007

Feuille de personnage
Votre ID ou GT: johann5906
Vous jouez en ligne ?: oui !
Console ? : Playstation 3

[TUTO] Créer une usebar Empty
MessageSujet: Re: [TUTO] Créer une usebar   [TUTO] Créer une usebar EmptyLun 14 Avr - 1:52

Super tuto jeremy , j'avoue être trés content ^^

mais si tu peux le poster dans la section tutos sa serais encore mieux ^^


lol!

_________________
[TUTO] Créer une usebar Lbpuse10
[TUTO] Créer une usebar Usebar10
[TUTO] Créer une usebar Tactic10
[TUTO] Créer une usebar Usebar10
[TUTO] Créer une usebar 08110810


[TUTO] Créer une usebar Johann5906
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lvl-up.own0.com
Jeremy2503
Acrro à LvL-UP
Acrro à LvL-UP
Jeremy2503

Nombre de messages : 329
Age : 26
Localisation : languedoc roussilon
Emploi/loisirs : collegien / pongiste/ jeux video/Japonais
Date d'inscription : 25/11/2007

Feuille de personnage
Votre ID ou GT: Darkjeremy
Vous jouez en ligne ?: Bien sûr
Console ? :

[TUTO] Créer une usebar Empty
MessageSujet: Re: [TUTO] Créer une usebar   [TUTO] Créer une usebar EmptyLun 14 Avr - 11:56

Merci je vais le faire desuite, j'avais completement oublié
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lvl-up.own0.com
Jeremy2503
Acrro à LvL-UP
Acrro à LvL-UP
Jeremy2503

Nombre de messages : 329
Age : 26
Localisation : languedoc roussilon
Emploi/loisirs : collegien / pongiste/ jeux video/Japonais
Date d'inscription : 25/11/2007

Feuille de personnage
Votre ID ou GT: Darkjeremy
Vous jouez en ligne ?: Bien sûr
Console ? :

[TUTO] Créer une usebar Empty
MessageSujet: Re: [TUTO] Créer une usebar   [TUTO] Créer une usebar EmptyMer 16 Avr - 21:42

UP
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lvl-up.own0.com
Gonz0
No-Life
No-Life
Gonz0

Nombre de messages : 2708
Age : 30
Localisation : Nord 59
Emploi/loisirs : Lycéen
Date d'inscription : 23/08/2007

Feuille de personnage
Votre ID ou GT: WaLLaX (GT)
Vous jouez en ligne ?: Non,plus assez de temps...
Console ? : Xbox 360

[TUTO] Créer une usebar Empty
MessageSujet: Re: [TUTO] Créer une usebar   [TUTO] Créer une usebar EmptyMer 16 Avr - 22:44

Merci pour le tuto good game
Pratique et bien détaillé Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
@nginoux
Acrro à LvL-UP
Acrro à LvL-UP
@nginoux

Nombre de messages : 303
Age : 24
Date d'inscription : 27/04/2008

Feuille de personnage
Votre ID ou GT: Anginoux
Vous jouez en ligne ?: Grave !
Console ? :

[TUTO] Créer une usebar Empty
MessageSujet: Re: [TUTO] Créer une usebar   [TUTO] Créer une usebar EmptyDim 11 Mai - 2:25

Bon moi j'ai un gros probléme , c'est pour les ligne .
Quend je les aplique sur mon image elle sont pas toute droite (elle font un peus de traver)
Coment je fait ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




[TUTO] Créer une usebar Empty
MessageSujet: Re: [TUTO] Créer une usebar   [TUTO] Créer une usebar Empty

Revenir en haut Aller en bas
 
[TUTO] Créer une usebar
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [docs / tuto] photo uniforme marines WWII
» Petit tuto: fabrication d'une route
» 3 tuto de sculpture
» tuto pour un superbe aspect bois
» [Tuto] Se peler la peau

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Team Ghost Killers :: -Divers- :: aide / service / tutoriaux-
Sauter vers: