1. Create new document, 600 x 400 px.
2. Use Rectangular Tool to make this selection
3. Then Smooth this
4. Fill #3e3e3e color
5. Contract then Feather selection and make new layer,
6. Fill this gradient to this theo (with direction like the screenshot)
7. Transform last selection and fill it like that ( should make new layer )
8. Contract old selection by 10 px, fill black color and we have this
9. I 'll create a line around the screen of this mp3 player. And the screen
10. Use Pen Tool make a shape like this, use this shape to make new selection
11. Hold Ctrl + Alt + Shift button and click into "shape 1's thumbnail"
12. Use this gradient to fill (with direction like the screenshot)
18. Create new circle selection and add few layer style for it
and you have, copy this button and move it to the right
19. Make selection like this
add layer style
and you have
20. Use Pen draw a few icon on button
21. Now is the time you create a progress bar
22. Add text and bring that pic you like to the screen
23. Now, draw a battery icon
24. Draw few line around the button and around mp3
25. When done, make new layer and go to Image >> Apply Image, use Magic Wand Tool to remove white background, then flip vertical and use layer mask to create a shadow
26. Final
More Tutorials: 
