Achetez et vendez votre matériel multimédia d'occasion sur notre service de petites annonces informatiques gratuites

Création barre (type userbar)

Tutoriaux > Photoshop > Création barre (type userbar)

Création barre (type userbar)
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 dessusSourire

On commence quand ? Tout de suite ^^
C'est partiSourire !

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 claireSourire
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é.

Retour à Photoshop

Ajouter un commentaire

Votre pseudo (sera publié). Inscrivez vous pour garder une trace de vos participations.

Tapez votre commentaire dans le cadre ci-dessous.

Code de vérification :
Code de vérification
Recopiez le code :

Lectures recommandées

Commentaires sur cet article

Seraphinia - Le 27 Avril 2008 à 11h07

Comment fait-on les petits points comme sur le rendu final?

grosminetos - Le 23 Octobre 2007 à 15h26

super le tuto complet et en plus clair !!! que demander de plus !!!!!

orhtonet - Le 06 Mai 2007 à 12h28

normalement la quote cest 19 pix /300 pix ^^
autrmeent cest bien ^^

ZeaLouS - Le 05 Mai 2007 à 18h21

pas mal!

Dimic13 - Le 05 Mai 2007 à 17h02

ben apres tu peux en faire de plus grosse... et faire une barre de menu pour un site ou des trucs comme çaContent

Mystic - Le 05 Mai 2007 à 16h47

Simpatoch mais ca sert a quoi ? Air con

Tutoriaux > Photoshop > Création barre (type userbar)