Dans : News Membres Forums Galeries Ressources Tutoriaux Concours


Recherche avancée

Créer une userbar

Bonjour à tous,

Bienvenue dans ce nouveau tutorial. Vous allez bientôt pouvoir créer une userbar facilement avec Photofiltre !

Dans un premier temps, créez une nouvelle image aux dimensions de 350 x 20.



Jusque là pas de problème, tout est normal !

Maintenant nous allons créer un dégradé.
On clic sur dégradé en haut.

Du bas vers le haut, noir (opacité 80%) vers blanc (opacité 90%).
Bref, comme sur l'image.



Ça nous donne déjà un effet "bombé" bien sympa.

Maintenant occupons nous de l'image à placer.

De ce coté je vous laisse faire, choisissez une image qui vous plaît, réduisez là pour qu'elle rentre dans l'userbar, baissez l'opacité pour ne pas voir les petites imperfections.

Personnellement, je me suis dit qu'un petit retour un arrière ne ferait pas de mal, j'y ai placé des boutons des anciennes versions de Windows.



Pour le moment, voilà ce que ça donne chez moi.

A présent, nous allons écrire à droite, soit votre pseudo, soit un slogan, soit une marque.
Les possibilités là encore sont grandes !

La plupart des graphistes utilisent la police Visitor pour créer ce texte mais ce n'est pas une obligation.



J'y ai ajouté un petite bordure en dessous, mais ce n'est qu'esthétique.

L'étape qui suit est facultative, elle consiste à ajouter des rayures sur toute l'userbar.
Voilà ce que cela donne avec.



Il suffit en fait de faire une sélection de l'userbar complète et ensuite d'y ajouter un fond en rayures.

Sélection > Tout sélectionner > Clic droit > Contour et remplissage.

Une fenêtre s'ouvre, remplissez les champs comme ci-dessous.
Cela permet d'afficher des rayures discrètes et de donner un style à notre userbar.



Notre petite userbar commence à ressembler à quelque chose, il ne reste plus que deux étapes !

Nous allons lui donner un petit effet en faisant un relief.

Sélectionnez environ la moitié de l'userbar en largeur et ce sur toute la longueur.



Ensuite faites clic droit > Contour et remplissage.

Remplissez comme ça, vous pouvez jouer sur l'opacité du relief !



Et voilà, cela nous donne une superbe userbar, plus qu'à faire une petite bordure d'un pixel.

Pour cela je vous laisses réfléchir car nous avons déjà appris assez de notions pour que vous puissiez le faire tout seul !

(Sélection > Tout sélectionner. Clic droit > Contour et remplissage > Dessiner le contour > Couleur noir > Largeur 1).

À votre grande surprise, voici notre résultat final !



A bientôt.

4 commentaires

Luan	> Posté le : 29/07/2007 à 17h41 | Note :
Groupe : Membres	Vu les limites de Photofiltre, je trouve ça super ! Bravo ! Rien à dire pour ma défence
lbeetls01	> Posté le : 31/07/2007 à 11h57 | Note :
Groupe : Admins	Oui, bravo !
[Toxik]	> Posté le : 17/09/2007 à 17h45 | Note : Aucune
Groupe : Membres	C'est pas une vraie Userbar  Les rayures sont trop éloignées  Si l'homme descends du singe... La tecktonik manifestement y remonte...
Xireus	> Posté le : 02/11/2007 à 17h44 | Note :
Groupe : Membres	Salut, Le tuto est bon mais l'exemple moyen, on peut faire des userbars un peu plus "jolies" (c-a-d avec plus d'effets) avec photofiltre : Exemple. Mon tutorial Projet : PHP-Algérie avec lalim92.