Etape 1

Reprenons donc de la ou nous nous étions arrété dans le tutorial "walkman(1)".
Créer un nouveau calque et tracé une ligne blanche lissé de 1 pixel en suivant le haut des zones intérieurs avec l'outil Trait .

Etape 2

Sélectionner la ligne avec l'outil Rectangle de sélection . Dupliquer la lignes 5 fois en la décalant de 5 pixels vers le bas :
Utiliser pour cela les touches clavier :
Ctrl + alt + Shift + fléche basse 1 fois
puis fléche basse 4 fois.
Répéter l'opération 5 fois pour obtenir 6 lignes.

Etape 3

Deplacer les lignes de 6 a 10 pixels vers le bas.
Dupliquer le calque.
Appliquer l'inversion de couleur de calque : Image > Réglages > Négatif .
Déplacer le calque de 1 pixel vers le haut avec l'outil déplacement et presser 1 fois la touche fléche haute du clavier.
Lier les 2 calques contenant les traits puis Fusionner les calques liés .

Etape 4

sélectionner la forme gris clair de l'exemple : Ctrl + clique sur le calque contenant la forme.
Contracter la sélection de 3 pixel.
Avec l'outil Rectangle de sélection et la touche alt du clavier pour passer en mode "ajouter a la sélection", ajouter une selection rectangulaire pour ne pas effacer la partie droite des traits comme dans l'exemple ci-contre.
Intervertir la sélection puis Effacer .

Etape 5

sélectionner a nouveau la forme gris clair de la même façon que dans l'étape précedente.
Intervertir la sélection puis Effacer .

Etape 6

Passer le calque en mode incrustation , opacité a 30%.

Etape 7

Pour créer un écran LCD,
créer un nouveau calque .
Choisir la couleur de l'écran comme couleur de premier plan .
Séléctionner la forme centale intérieure (gris foncé dans l'exemple) : Ctrl + clique sur le calque.
Contracter de 5 pixel
et Remplir la sélection

Etape 8

Sélectionner ensuite avec l'outil Rectangle de sélection la partie a effacer et Effacer la.
Appliquer le Style de calque :
- Biseautage et estampage :
style : Biseau externe vers le bas
profondeur : 100%, taille : 2px, flou : 0px
Tons clairs : couleur blanche, mode superposition a 75%
Ombrage : couleur blanche, mode superposition a 30%

Etape 9

puis le Style de calque :
- Ombre interne :
Mode : Produit , Opacité : 100%, Distance : 0px, Maigrir : 0%, Taille : 3px.
Créer un nouveau calque .
Sélectionner la forme de l'écran : Ctrl + clique sur le calque contenant l'écran LCD.
Appliquer un Contour de 1 pixel noir.

Etape 10

Maintenant au tour des boutons.
Selectionner un cercle de la largueur du bouton avec l'outil Ellipse de sélection .
Le Remplir de blanc

Etape 11

Sélectionner votre cercle avec l'outil Rectangle de sélection .
Dupliquer le cercle vers le bas jusqu'a la partie basse de la zone de bouton de votre interface avec les touches Ctrl + alt + fléche basse du clavier

Etape 12

Sélectionner avec l'outil [rectangle de selection] les parties haut/gauche et bas/droit du bouton pour les Remplir de blanc.

Etape 13

Appliquer un Flou gaussien de 2 pixels.

Etape 14

Puis le Filtre > Renforcement > Accentuation
Gain : 500%
Rayon : 1
Seuil : 0

Etape 15

Faire une rotation du bouton pour le rendre parallele a la partie droite de la zone gris-foncé dans le menu Edition > Transformation > Rotation ,
et si besoin, appliquer une Homothétie pour reduire légérement la taille du bouton.

Etape 16

Changer la couleur du bouton
Appliquer les Style de calque
- Biseautage et estampage :
style : Biseau interne vers le haut
profondeur : 300%, taille : 3px, flou : 0px
Tons clairs : couleur blanche, mode superposition a 75%
Ombrage : couleur blanche, mode superposition a 30%
- Ombre portée :
Opacité : 100%, Distance : 0px, Grossir : 0%, Taille : 2px

Etape 17

Dupliquer le calque et déplacer le bouton autant de fois que vous le voulez.

Etape 18

Il ne vous reste qu'a ajouter les textes ou les pictogrammes de votre choix.