Créez un nouveau groupe de calque et renommez-le « rectangle ». Prenez l'outil “Rectangle” (U), la couleur #383839. Changez le rayon à 2px.

Ensuite tracez une forme comme celle montrée ci-dessous. Renommez votre calque « rectangle ».

Maintenant double-cliquez sur votre calque « rectangle arrondi ». Allez dans les options des styles de calque, dans l'onglet “Ombre portée”. Modifiez le mode de fusion en “Normal”, l'opacité à 60%, la distance à 2px et la taille à 0px.

Ensuite allez dans l'onglet “Ombre interne”. Modifiez la distance et la taille à 3px.

Maintenant allez dans l'onglet “Biseautage et d'estampage”. Modifiez le style de votre biseau en “Biseau externe”, l'opacité du mode des tons clairs à 19% et l'opacité du modes des tons foncés à 55%.

Allez dans l'onglet “Incrustation en dégradé”. Modifiez le mode de fusion en “Lumière tamisée” et l'opacité à 11%

Pour terminer, allez dans l'onglet “Contour”. Modifiez juste la taille de votre contour à 1px et la couleur en #323232.

Vous devriez obtenir ce résultat.

Créez un nouveau calque (Ctrl+Shift+N) que renommerez « outil plume ». Faites un dessin comme montré dans l'exemple ci-dessous.

Maintenant que vous avez dessiné votre forme, allez dans le menu “Filtre > Atténuation > Flou gaussien”. Réglez le rayon à 2px.

Ajoutez un masque de fusion :

Ensuite prenez l'outil “Dégradé” (G) avec du noir et faites un dégradé du noir vers le transparent, en partant du milieu de la forme.

Vous devriez obtenir ceci :

Créez un nouveau calque (Ctrl+Shift+N) que vous renommerez « forme ». Prenez l'outil “Rectangle” (U) et dessinez une forme comme celle-ci.

Double cliquez sur votre calque « forme ». Allez dans l'onglet “Ombre portée”. Modifiez uniquement la distance et la taille de votre ombre à 1px.

Allez dans l'onglet “Biseautage et estampage”. Modifiez la taille à 2px, l'opacité du mode des tons clairs à 42 et le mode des tons foncés en “Normal”.

Pour terminer, allez dans l'onglet “Incrustation en dégradé”. Modifiez le mode de fusion en “Lumière tamisée” et l'opacité à 14%.

Créez un nouveau calque (Ctrl+Shift+N) que vous renommerez « masque ecretage ». Ensuite prenez l'outil “Rectangle” (U) et dessinez une forme comme celle montrée ci-dessous.

Dupliquez la forme sur la gauche et sur la droite, puis changez la couleur des deux nouveaux calques en #222222.

Double-cliquez sur calque « masque ecretage ». Allez dans l'onglet “Ombre interne”. Modifiez simplement la distance à 3px.

Ensuite allez dans l'onglet “Lueur externe”. Modifiez l'opacité à 16% et la couleur du dégradé en blanc (#ffffff).

Allez dans l'onglet “Incrustation en dégradé”. Modifiez le mode de fusion en “Lumière tamisée”, l'opacité à 14% et l'angle à 0°.

Vous devriez obtenir ce résultat :

Créez un nouveau calque (Ctrl+Shift+N) que vous renommerez « masque ecretage 2 ». Ensuite prenez l'outil “Rectangle” (U) et dessinez une forme comme celle-ci.

Dupliquez la forme sur la gauche et sur la droite, puis changez la couleur des deux nouveaux calques en #222222.

Double cliquez sur calque « masque ecretage 2 ». Allez dans l'onglet “Ombre interne”. Modifiez la distance à 3px.

Ensuite allez dans l'onglet “Lueur externe”. Modifiez l'opacité à 16% et la couleur du dégradé en blanc (#ffffff).

Allez dans l'onglet “Incrustation en dégradé”. Modifiez le mode de fusion en “Lumière tamisée”, l'opacité à 14% et l'angle à 0°.

Vous devriez obtenir ce résultat :

Créez un nouveau calque (Ctrl+Shift+N) que vous renommerez « masque ecretage 3 ». Prenez l'outil “Rectangle” (U) et dessinez une forme comme celle montrée ci-dessous.

Dupliquez la forme sur la gauche et sur la droite, puis changez la couleur des deux nouveaux calques en #222222.

Double-cliquez sur calque « masque ecretage 3 ». Allez dans l'onglet “Ombre interne”. Modifiez la distance à 3px.

Ensuite allez dans l'onglet “Lueur externe”. Modifiez l'opacité à 16% et la couleur du dégradé en blanc (#ffffff).

Allez dans l'onglet “Incrustation en dégradé”. Modifiez le mode de fusion en “Lumière tamisée”, l'opacité à 14% et l'angle à 0°.

Voici le résultat à ce stade du tutoriel :

Une fois que vous avez effectué ces différentes étapes, dupliquez vos calques « masque ecretage 2 » et « masque ecretage 3 » de façon à obtenir un résultat comme celui-ci.

Maintenant vous allez créer un nouveau calque (Ctrl+Shift+N) que vous appellerez « ON ». Prenez l'outil plume et dessinez une forme telle qu'elle vous l'est montrée ci-dessous.

Créez un nouveau calque (Ctrl+Shift+N) que vous appellerez « OFF ». Prenez l'outil “Plume” (P) et dessinez une forme comme montré ci-dessous.

Créez un nouveau calque (Ctrl+Shift+N) que vous appellerez « STAND ». Prenez à nouveau l'outil “Plume” (U) et dessinez une seconde forme comme celle-ci.

Maintenant prenez l'outil “Texte” (T), et écrivez avec la police “Arial” 6pt, de couleur blanche (#ffffff), « ON » « OFF » « STAND » comme indiqué ci-dessous.

Double-cliquez sur votre calque de texte « ON ». Allez dans l'onglet “Ombre portée”. Modifiez la couleur de votre ombre portée en #474747, l'opacité à 100%, la distance et la taille à 1px.

Voici le résultat que vous devriez obtenir :

Voilà le bouton est terminé !

Dupliquez deux fois votre groupe de texte. Renommez vos groupes de calque “rectangle arrondi 2” et “rectangle arrondi 3”. Réduisez la taille de vos boutons à 33%.

Vous pouvez si vous le souhaitez, décalez vos boutons pour avoir un rendu plus réaliste.

Changez le texte comme indiqué ci-dessous.

Voilà cette partie du tutoriel est maintenant terminée. Rendez-vous pour la suite !

Ici des liens intéressants en rapport avec cet article, des documentations, d'autres tutoriels, etc