Accueil Forum Tutoriaux Contactez nous
Aidoforum.com  •  Forum  •  Chat  •  Annuaire  •  Demander de l'aide  •  Tutoriaux  •  Rechercher  •  Lexique informatique  •  Traducteur SMS


Il y a actuellement 301 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.

Retour aux tutoriaux.

Ajoutez vos propres tutoriaux sur Aidoforum !
Photoshop -> Création barre (type userbar)


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


Commentaire de Mystic le 05 Mai 2007 à 16h47

Simpatoch mais ca sert a quoi ? Air con


Commentaire de 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 ça Content


Commentaire de ZeaLouS le 05 Mai 2007 à 18h21

pas mal!


Commentaire de orhtonet le 06 Mai 2007 à 12h28

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


Commentaire de grosminetos le 23 Octobre 2007 à 15h26

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


Commentaire de Seraphinia le 27 Avril 2008 à 11h07

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




/!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\
Soutenez Aidoforum
Ordinateur portable - Réduction informatique - Créer son site - Annuaire liens en dur - Entraide Informatique - The Site Oueb - Photoshop - Pc Dossier - The Gimp - Informatruc - Templarts : kits graphiques - Annuaire photoshop - Voyage en Chine - Tout Pour Le PC - Liens-Utiles - Webmaster - Communauté informatique - Smtechnologie - Sospc-en-ligne - Action-PC - Annuaire - AC-Astuces - Services - Net-Pratique - PC-Dimension - Portail Php - Astuces Windows - fond ecran et photo - Hotel video - Actualité informatique - Séjours - Forum de Science - Devenir Webmaster - Liens - Plan du site