Créer une userbarBien que les userbars puissent grandement varier en taille et en forme, selon le site visité, la plupart d'entre elles ont en commun les caractéristiques suivantes :
- 350 pixels de largeur.
- 19 pixels de hauteur.
- Une demi-ellipse semi-transparente couvrant la moitié supérieure de la userbar.
- Texte utilisant la police de caractères Visitor -BRK-, en corps 10 points, alignée à droite et centrée verticalement.
- Texte en blanc avec un contour noir.
- Un motif de traits diagonaux à 45° (plus communément appelé motif scanline).
- Une bordure noire de 1 pixel de largeur.
- Les animations sont autorisées.
- Format de fichier : GIF pour les images animées, PNG pour les images fixes.
TUTO:Etape 1 : Créez un nouveau document de 350 x 19 px
Etape 2 : Sélectionnez 2 couleurs au choix, moi j'ai pris un bleu foncé et un bleu plus clair
Etape 3 : Sélectionnez l'outil dégradé dans la barre d'outils
et effectuez le dégradé de la façon suivante :
Pour obtenir ça:
Etape 4 : Il va nous falloir un motif pour réaliser une incrustation sur notre dégradé.
Créez un nouveau document de 6 x 6 px
Etape 5 : Zoomez au maximum (1 600%).
Etape 6 : Sélectionnez l'outil crayon de la barre d'outils.
Etape 7 : Réalisez le schéma suivant (noir sur fond transparent):
Etape 8 : Une fois celui-ci réalisé allez dans le menu : Edition > Utiliser comme motif, assignez lui un nom et faites "OK".
Etape 9 : Voila votre motif est prêt à être utilisé.
Etape 10 : Retournez sur le document de votre userbar, créez-y un nouveau calque et appelez le motif.
Etape 11: Sélectionnez le pot de peinture de la barre d'outils
Puis en haut de la page, "motif" (1) et sélectionnez votre motif nouvellement créé (2)
Etape 12 : Amenez votre pot de peinture au-dessus de la userbar
Puis cliquez une fois pour obtenir ça:
Etape 13 : Réglez l'opacité du calque "motif" à 20% et vous obtiendrez ceci:
Etape 14 : Ecrire le texte, on utilise le plus souvent la police Visitor TT1 BRK que vous trouverez ici:
http://www.dafont.com/search.php?psize=m&q=visitorCréez un nouveau calque et avec l'outil texte, taille 10 pt, écrivez ce que vous voulez en blanc, mettez un contour extérieur noir d'1 px pour obtenir ça:
Vous pouvez encore ajouter une image mais ce n'est pas obligatoire.
Moi j'ai pris la plume de photoshop cs2:
Etape 15 : Créez un nouveau calque et dessinez une ellipse comme ceci:
Remplissez-la de blanc et réglez l'opacité sur 50% et vous obtiendrez ceci:
Etape 16 : Fusionnez tous les calques pour en obtenir un seul et mettez lui un contour noir intérieur de 1 px, voilà votre userbar terminée:
J'espère que ce tutorial vous aidera...
Soyez indulgents, c'est mon premier
