Forum Multigaming ..::WTF::.. Index du Forum
Forum Multigaming ..::WTF::..
Bienvenue sur le forum de la team multigaming multiplateform WTF bonne navigation sur notre forum !
 
S’enregistrerS’enregistrer

:: Tuto Userbar --> Photoshop ::

 
Poster un nouveau sujet   Répondre au sujet    Forum Multigaming ..::WTF::.. Index du Forum -> Multigaming ..::WTF::.. -> L'espace Download
Sujet précédent :: Sujet suivant  
Auteur Message
MonKeeY.


Hors ligne

Inscrit le: 07 Aoû 2011
Messages: 25
Localisation: Strasbourg
Masculin Poissons (20fev-20mar)
Point(s): 26
Moyenne de points: 1,04

MessagePosté le: Mer 10 Aoû - 13:39 (2011)    Sujet du message: Tuto Userbar --> Photoshop Répondre en citant

Avant toute chose, il vous faut d'abord créer un motif de stripes qui vous servira par la suite. (Il faut aussi que je vous dise que je ne travaille généralement que par raccourci).



1) Commencez par créer un nouveau document en 4 x 4 (ou 3 x 3), fond transparent






2) Prenez l'outil crayon en taille 1 pixel et tracez une diagonale de bas gauche à haut droite



Puis enregistrez ce motif en faisant Edition > Utiliser comme motif

Et voilà vous avez votre motif.



Maintenant passons à l'userbar




1) Choisissons ensemble une image commune vouez-vous, disons celle-ci :

http://www.phantomcastle.it/phantom/ffspiritscastle/ff7/Final_Fantasy_7_pal…



2) Ouvrez là donc sur toshop pour l'avoir du côté, puis créez un nouveau document de 350 x 19 en fond blanc.





3) Maintenant prenez votre image de FF7, allez dans la fenêtre de calque, prenez celui nommé Arrière-plan et faites un copier-glisser dans le document de l'userbar ce qui vous donnera ça :






4) Maintenant nous allons redimensionner l'image de fond. (Pour ça, mieux vaut travailler en plein ecran (touche F) afin de voir les contour de l'image). Faites un CTRL + T afin de pouvoir redimensionner manuellement l'image. Allez sur les angles et maintener le clic afin de pouvoir redimensionner (Astuce si vous laissez la touche MAJ enfoncée vous redimensionnerez en gardant les proportions). Après cela vous devriez avoir ce genre de truc.





5) Maintenant nous allons intégrer le motif à la bar. Créez un calque que vous placerez AU-DESSUS du claque de l'image. Puis faites un MAJ + F5 (Edition > remplir) et choisissez Remplir avec : Motif et choisissez votre motif créé précédemment.




Mettez vous donc sur ce calque et régler l'opacité à 23%. ce qui vous donnera ceci :





6) Tout doucement nous nous rapprochons de l'usb. Maintenant ça va être la partie la plus chaude à réaliser. Il va falloir que vous réalisiez une ellipse qui prendra 1/3 du l'usb. Vous ferrez ceci grâce à l'outil ellipse de sélection, en gros il faut que vous réussissiez à faire quelque chose comme ça :



Une petite astuce pour y arriver : Faites une ellipse que vous débuterez dans l'angle supérieur gauche et qui se terminera dans l'angle inferieur droit. Là vous aurez une ellipse aplatie. Vous n'avez plus qu'à deplacer cette sélection vers le haut de maniere à ce que cette selection prenne entre 1/3 et 1/2 de l'usb (Pour la déplacer tout simplement, appuyer sur la fleche de direction haut)



7) Bien maintenant créez un nouveau calque au dessus des autres, et remplissez le de blanc (MAJ + F5).


Comme vous le constatez, ce n'est que ce qui est sélectionné par l'ellipse qui est rempli par le blanc. Jouer maintenant avec l'opacité du calque (mettez la entre 35% et 50%) Ce qui vous donnera ceci (un léger effet 3D) :





Ca se concrétise de plus en plus. Maintenant on amorce l'avant-dernière partie de la construction de cette userbar. Créez une fois de plus un nouveau calque au-dessus des autres. Appuyez sur D afin de mettre les couleurs d'avant et arrière-plan par défaut (Noir et blanc). Appuyez maintenant sur X pour inverser les couleurs d'avant et arrière-plan (logiquement vous devriez avoir le blanc en premier-plan et le noir en arriere-plan. Faites maintenant un CTRL + A afin de sélectionner toute la bar puis faites Edition > contour Puis mettez ces réglages :




Vous vous retrouvez alors avec un contour faisant le tour de la bar de 2 px de couleur blanc.

Maintenant faites X afin d'inverser à nouveau les couleurs, puis refaites Edition > contour et cette fois-ci choisissez l'épaisseur à 1 px (et non 2) et faites ok. vous aurez alors une bar à double contour.





9) Il ne vous reste plus qu'à ajouter la police en mettant ces réglagles :


Couleur : blanc

Taille : 10 px

Lissage : sans

En gros ces réglages ci :



1 contour noir dans les options de fusion.

ATTENTION : La police choisie pour la bar est conventionnellement une police bitmap (généralement Visitor BRK) téléchargeable ici :

>> VISITOR BRK <<


Et voila votre résultat (logiquement)




___________________________________________________________________________________________________________________________________________
_________________




Revenir en haut
Publicité






MessagePosté le: Mer 10 Aoû - 13:39 (2011)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Forum Multigaming ..::WTF::.. Index du Forum -> Multigaming ..::WTF::.. -> L'espace Download Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  




Index | Panneau d’administration | Creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com
Powered By:..::WTF™::..


URL DU SITE