

Achetez et vendez votre matériel multimédia d'occasion sur notre service de petites annonces informatiques gratuites
Apprendre à réaliser une barre un peu comme une userbar utilisée dans une signature, mais qui servira ici simplement comme accessoire graphique dans un site internet.
Bonjour,
Nous allons dans ce tutoriel apprendre à créer une barre.
Une barre ? Oo'
Oui oui ! une barre un peu comme une "userbar" mais simplement plus longue et sans écritures ni froufrous dessus![]()
On commence quand ? Tout de suite ^^
C'est parti
!
1/ Nouveau document
Créez une nouveau document (CTRL+N)
Hauteur: 21 pixels
Largeur: 600 pixels
Comme ceci: (la blanche ^^')

2/ Arrière-plan dégradé
Prenez 2 couleurs, de préférence une foncée et une claire![]()
Dans l'exemple les 2 couleurs sont:
- #303151
- #929296
Vous devrez avoir ceci:

3/ Le reflet
Créez un nouveau calque ! (CTRL + MAJ + N)
Sélectionnez la moitié supérieure de la barre (ou un peu moins - voir image ci-dessous) avec l'outil rectangle de sélection, et coloriez le en blanc ![/b]
Voici le rendu :

Après avoir fait ceci, ajustez l'opacité et mettez la à 32% (à modifier selon le rendu voulu)
Comme ceci:

Voila ! Vous avez une image qui devrait ressembler à ça:

Après vous pouvez toujours ajouter des effets ou personnaliser votre "barre"..
Par Dimic13
, Le 04 Mai 2007 à 18h58
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.
Comment fait-on les petits points comme sur le rendu final?
super le tuto complet et en plus clair !!! que demander de plus !!!!!
normalement la quote cest 19 pix /300 pix ^^
autrmeent cest bien ^^
pas mal!
ben apres tu peux en faire de plus grosse... et faire une barre de menu pour un site ou des trucs comme ça![]()
Simpatoch mais ca sert a quoi ? ![]()