Reprise du message précédent :
Pour vivick k-fa 78 : l'utilisation brute de cette barre ne peut servir qu'a agrémenter des création graphique (exemple de la scroll-bar en page1). Ensuite pour l'incorporer à un skin pour windows ca devient plus technique et plus compliqué (sans toutefois être impossible). Des logiciels tels que SkinStudio doivent pouvoir être utiles mais n'ayant aucune connaissance dans ce genre de logiciel, je te laisserai donc rechercher des tutoriels et/ou une aide sur le forum  

Pour seraphin54 : je te fais ca de suite  

Créer un nouveau document (ici 240*30) que tu remplis de #14363f

Créer un nouveau calque, le nommer "Reflet".
Selectionner la moitié supérieure du document et appliquer un dégradé linéaire vertical Blanc>Transparent à partir du haut du document jusqu'en bas.
Abaisser l'opacité du calque a 30%

Créer un nouveau calque nommé "Bordure".
Créer une selection rectengulaire de la longueur du bouton souhaité et de hauteur 30px (la hauteur du document).
Selection > Reduire... - Réduire la sélection de 2px
Selection > Bordure arrondie - Faite une bordure arrondie de 25%.
Remplir la sélection de blanc
Réduire la sélection de 1 pixel
Supprimer la selection
Abaisser l'opacité du calque à 30%

Créer un nouveau calque nommé "Fond".
Remplir la selection de noir

Créer un nouveau calque nommé "Reflet bleu".
Appliquer un dégradé radial horizontal #008db8>Transparent a partir du bas de la selection, vers le milieu, jusqu'au bord de la sélection.

Ajouter un masque de calque - Fond Blanc - Appliquer un dégradé linéaire vertical Noir>Transparent à partir du haut de la selection vers le bas de la selection.

Abaisser l'opacité du calque "Fond" a 75%
Créer un nouveau calque nommé "Ombre Interne".
Selection > Inverser - Inverser la sélection
Remplir la nouvelle sélection de noir
Déselectionner (Selection > Aucune)
Filtres > Flou > Flou Gaussien - appliquer un flou de 10px en horizontal et 10px en vertical
"Alpha vers Sélection" sur le calque "Fond".
Inverser la selection (Selection > Inverser)
Supprimer la Selection

Voila un tutoriel pas très détaillé mais qui va a l'essentiel ... j'espère que tu as compris
Je te fournis le *.xcf au cas ou  

tuto.xcf

génial!! je te remercie beaucoup!!!

sympa l'explication
tu pourrais presque en faire un tuto

Salut titi! Bravo pour ce tuto, le rendu est excellent!  
Pour ceux qui cherchaient comment le réaliser sous toshop, j'ai essayé et
voici un aperçu du résultat:

Je ne sais pas si j'ai le temps pour un tuto et en + je n'en ai
jamais fait alors...  

Bonjour et merci pour ce merveilleux tuto

je l'ai moi même fait  
et j'avoue que le résultat est super j'ai donc décider de l'ajouter dans windows a la place de la barre d'avancement (copie, déplacement, chargement, etc).

Et après de nombreuse recherche    j'ai trouver la solution  
j'en ai fait une vidéo: http://www.dailymotion.com/video/x2ets3_ba...facon-ipod-dans
Donc merci de la visionner et dîtes moi si vous voulez savoir comment procéder

P.S: réalisé avec le bricopack Vista Inspirate 2 (je ne sais pas comment cela réagirait avec d'autre thème.)

Bonsoir,

Super tuto!!!

C'est exactement ce que je cherchais pour faire une barre de chargement pour une page web!
J'ai un petit peu modifié les conseils vu ici pour arriver à ceci (ce n'est pas parfait il y a un léger bug dans l'animation mais ça me convient pour le moment) :

voila ma petite barre :

je suis assez fier du résultat (c'était mon premier jour en tant que graphiste newbie)
c'est étrange, mon trait bleu part de travers mais c'est joli.
Sinon super tuto il était si bien expliqué que je l'ai réussi du premier coup mon premier jour

Bravo  

Très bon tuto  
bonjour à tous en passant ^^

arrive pas sa :

Créez un masque de calque sur le calque Barres. Pour le type de masque sélectionnez Blanc (opacité complète).

Clic droit sur le calque, et créer Masque de calque. La suite me parait claire
excellent tuto au passage

moi je voudrais bien savoir comment faire pour ajouter cette magnifique petite barre à windows (j'utilise aussi bricopack Vista Inspirate 2)

Moi je voudrais savoir si il existe une facon pour faire une userbare type Ipod, mais sous Photoshop.

Sinon je me debrouillerai pour avoir la barre avec Photoshop. Si j'y arrive je ferai un Tuto

Bonjour,  

Moi, je ne sais pas comment faire un dégrader vertical   , j'ai mis les couleurs et tout mais je ne sais pas comment faire.

PS : Je suis sous Mac mais sa ne change pas grand chose je pense.  [img]style_emoticons//merci.png[/img]

Hum! Trop bien le tuto!
Voilà mon résultat!

Merci beaucoup!

salut moi je l'ai fait ça rend bien mais o moment du dégradé on triangulaire ça change pa. sinon g fait un gif pr m'amuser.(par contre la kalité c pa jojo mais je l'ai fait comme ça pr m'amuser pa pr avoir forcement  un bon rendu).

Voilà pour moi :

excuse moi je débute avec The Gimp et je ne sais déja pas comment faire les guides de 5px et 205px, 5px et 25px. Tu pourrais m'expliquer stp. Merci d'avance

Salut
 
Il faut aller dans le menu  >> Image >> Affichage >> Afficher les guides. (de même pour Afficher les règles).
Clique dans une règle et fais glisser dans l'image ton guide

---------------

Saluuut ^^ je me suis bien amusé avec ton tuto xD Il est bien
 
voila mes création
 

 

 

 

 

Joliiiiii... Un GRAND   pour toi !
J'adore toutes les créations !

---------------

"Je suis niveau 2, tralatatatala ! Je suis niveau 2, tralatatatala !!" by le Nain, Le Donjon de Naheulbeuk

Salut ! Est -il possible de re uploader les images ? Ce tuto à l'air génial et il n'est pas accessible !

Liens morts

Ah pas d'images ....