Bonjour, pour mon 2e tuto je vais vous montrer comment faire ceci :
 

 
1- Le Fond
 
Créez une image de 345x60
Choisissez ensuite une couleur dans les gris moyens
 

 
 
Remplissez l'image avec ce gris
 

 
 
Appliquez ensuite un filtre de bruit, dispersion RVB
 

 
 
Avec les réglages suivants
 

 
 
On obtient ceci
 

 
 
Enfin appliquez un flou cinétique
 

 
 
Avec les réglages suivants
 

 
 
Voila vous avez le fond en acier brosse

 
 
2- Les Ombres
 
Pour donner un peu de relief au bouton ajoutons une petite ombre
 
Créez un nouveau Calque et nommez le Ombre
Sélectionnez l'outil dégradé et choisissez Noir vers Transparent
Appliquez le dégradé comme ceci
 

 
 
Donnez ensuite au calque une opacité de 50 a 60 %
 

 
 
Si votre bouton fait parti d'un menu vous en trouverez plusieurs les uns a cote des autres
Pour ne pas obtenir un effet de barre on ajoute un effet de séparation
 
Creez un nouveau calque et nommez le Séparation
Tracez ensuite une ligne noire de 2 pixels d'épaisseur au bord gauche de l'image
Puis une ligne blanche de 2 pixels d'épaisseur au bord droit
Donnez au calque une opacité de 50 a 60%
 

 
 
Voila c'est termine
 
 
On peut ensuite l'intégrer dans un site : [ ZOOM ]
 

 
 
Variations :
 
Pour le survol du lien par exemple

 
Autre exemple :

nickel bon résultat, facil, et bien quan on créé un forum @+

ben en fait le bouton tel que je le montre il est moyen si tu mets pas un truc qui fait une ombre par dessus lol
c'est pour ca que j'ai file aussi le 2e

comme ca tu peux le mettre tout seul

une autre petite variante serait de mettre les deux lignes du meme cote comme ca ca evite que le bouton de droite ait un trait blanc pour rien... (mais il fait un truc a gauche dans ce cas...)

enfin ya plein de moyens de faire mieux lol