Tuto Photoshop - Bouton Pixel

Interface - Boutons Pixel

Voici un petit tutorial bien sympatique sur la création d'un bouton - très utile pour les créateurs d'interface web ( = designs ) -

Resultat final

.01
   Pour commencer , ouvrez un nouveau document , de fond blanc et de dimensions 200*150 ( C'est grand mais bon ... faites comme vous voulez ! )
Créez un nouveau calque ou vous allez faire votre bouton
Faites un rectangle noir comme ceci , sur votre document :

Etape 1

.02
   Ensuite , vous allez supprimer 1px sur chaque bord du design , utilisez l'outil "séléction" et la touche "suppr."
Utilisez le zoom et zoomez au maximum sur le rectangle , puis effectuez les suppressions :

Etape 2
Faites comme sur l'image , mais dans tous les coins du rectangle.

Maintenant , passons au style de calque.
Clique droit sur le calque contenant le rectangle > Options de fusion

.03
   Rendez-vous dans l'ombre interne :
Remplissez comme l'image ci dessous

Etape 3



.04
  Ensuite , rendez-vous dans les contours
Remplissez comme l'image ci dessous :

Etape 4

.05
  Ensuite , pour finir , rendez-vous dans l'incrustation de couleurs
Remplissez comme l'image ci dessous :

Etape 5


Voilà , votre bouton dois ressemble à quelque chose comme ca !

Rendu final

Bonne chance !