Etape 1

Partir d'une texture alu brossé (voir tutorial textures : alu brossé)

Etape 2

Créer un nouveau calque .
Sélectionner un carré avec l'outil Rectangle de sélection puis le remplir en blanc dans le menu Edition > Remplir avec blanc.
 
Petite astuce : Laisser la touche Shift du clavier enfoncée pendant la sélection pour obtenir une sélection toujours carré.

Etape 3

Appliquer le Filtre > Atténuation > Flou gaussien :
rayon de 3 a 5 pixels suivant la taille de la forme a arrondir.

Etape 4

Commencer par créer un répertoire pour accueillir les fichiers html et images de votre site internet.
 
Ouvrir le fichier « webdesign.psd ».
 
Pour démarrer le découpage du webdesign, dans la fenêtre de calques, rendre invisible tout les calques sauf ceux formant le fond.
 
Avec l’outil Rectangle de sélection , sélectionner un carré de 100x100 pixel n’importe ou dans le fond, Recadrer le document et Enregistrer sous le nom « background.gif » le fichier au format gif dans un sous répertoire « images ».

 
Une fois le fichier sauvegardé, Fermer le document sans sauvegarder les modifications.

Etape 5

Répéter l'opération si la forme est encore trop flou en changeant le paramètre de gain dans le Filtre > Renforcement > Accentuation
gain : 120%
Rayon : 25
seuil : 0

Etape 6

Sélectionner le calque contenant la texture alu brossé dans le fenetre de calque.
Dupliquer ce calque le menu Calque > Dupliquer le calque
Dans la fenetre de calque, déplacer la duplication au dessus du calque contenant la forme de bouton.
Sélectionner la forme : Ctrl + clique sur calque contenant la forme dans la fenetre de calque.
Inverser la séléction dans le menu Sélection > Intervertir .
Effacer la séléction dans le menu Edition > Effacer .

Etape 7

Dans le menu Calque > Style de calque , appliquer les styles de calque suivants :
- Ombre portée : distance 0 / atténuation 2 / intensité 100
- Biseautage et estampage : profondeur 5 / Atténuation 5
ton clair : couleur blanche, mode superposition a 75 %
ton foncé : couleur blanche, mode superposition a 75 %

Etape 8

Créer un nouveau calque .
Sélectionner la forme : Ctrl + clique sur calque contenant la forme dans la fenetre de calque.
Avec l'outil Dégradé linéaire , remplir avec un dégradé du noir au blanc, le blanc sur le haut.
Passer le calque en mode lumière tamisée opacité a 50%

Etape 9

Créer un nouveau calque .
Sélectionner l'outil Rectangle de sélection .
Sélectionner la forme : Ctrl + clique sur calque contenant la forme dans le fenêtre de calques.
Remplir de blanc dans le menu Edition > Remplir avec blanc.
Décaler la séléction en bas a droite de 2 a 5 pixels avec les fleches du clavier.
Effacer la séléction dans le menu Edition > Effacer .
Appliquer le Filtre > Atténuation > Flou gaussien :
rayon de 1 a 3 pixels.
Passer le calque en mode densité couleur - opacité a 50%

Etape 10

Ajouter votre texte de bouton avec l'outil Texte horizontal .
Appliquer le Style de calque :
- Biseautage et estampage :
style : biseau externe vers le bas
profondeur 5 / Atténuation 5
ton clair : couleur blanche, mode superposition a 75
ton foncé : couleur noir, mode Produit a 75