Créer une userbar

Nous voyons de plus en plus d'userbars, ces charmantes petites barres discrettes et très exprésive, alors pourquoi ne pas vous montrez un peu ce que l'on peut faire.

Logiciel utilisé : Photofiltre
Temps : 5 /10 min
Matériel requis : cette image* - cette typo


* Enregistrez la dans le dossier conteneur de Photofiltre nommé "Masks".

Etape 1 :

Créer un document vierge de 350x19 px.

Etape 2 :

Ajoutez une image quelquonce, puis placez là comme bon vous semble.

Etape 3 :

Faites Ctrl+A pour tout sélectionner, puis cliquez sur Photomasque dans la barre de navigation en haut.
Dans la fenêtre qui apparait, réglez votre calque sur 35 d'opacité et de couleur noir, puis faites Répéter le masque.

Etape 4 :

Nous allons maintenant faire l'effet lisser. Faites CTRL+A. Faites clique droit, puis paramétrage manuel. Dans la taille, réglez la hauteur à 10 px.

Allez dans Dégradé, dans la barre de navigation du dessus. Réglez comme ceci :

Style : Bichrome
Direction : Gauche / droite
Couleur 1 : Blanc 35% d'opacité
Couleur 2 : Blanc 35% d'opacité

Etape 5 :

Dessinez le contour, en faisant click droit (si votre barre est toujours encadré par la séléction, sinon faites Ctrl+A). Pour ce faire, cliquez sur Contour et remplissage et faites une bordure noir de 1 px. Réduisez votre sélection de 1 px sur tout les côtés, puis refaites la même manipulation, mais cette fois, en faisant une bordure blanche.

Etape 6 :

Maintenant le texte. Téléchargez la typo ci-dessus. Tapez votre texte avec ces réglages :

Visitor TT2 BRK, taille 10, décocher "lisser", couleur blache, contour couleur noir.

Faites click droit sur votre texte, et séléctionnez paramétrage manuel. Cliquez sur Automatique, et séléctionnez la case au centre à droite. Revenez dans paramétrage manuel, et cliquez sur Manuel; dans les cordonnées X, faites -10 du total (si vous avez 269, faites 259), cela marquera un retrait.

C'est fini !!

Voici ce que l'on peut obtenir :



Laissez parler votre imagination.

Superbe tuto bien expliqué. Je crois que ça me servira bien

Je connaissais une autre façon pour faire des usebars, mais celle là au moins tout y est bien expliqué. (même si en général j'utilise plutôt les usebars trouvées sur le net pour pas me casser la tête)

Sinon, même si cela n'a pas trop de rapport avec le Making directement, tu penses pas que ce serait mieux de le mettre dans la section tutoriaux ?

Cronos360 a écrit:

Sinon, même si cela n'a pas trop de rapport avec le Making directement, tu penses pas que ce serait mieux de le mettre dans la section tutoriaux ?

Ce tuto ne touche pas au making. Si je l'ai posté ici, c'est parce qu'il peut servir à tout le monde.

D'accord, je voulais juste avoir ton avis sur la question.