1. Start with a new file,500x500, with a white background and black foreground.
2. Create a new layer and take the Rounded Rectangle Tool (U) and draw out a shape like the image below shows.
3. Then set the foreground color to #C0C0C0 and head over to the layers palette and right click the layer and chose Blending Options and do this settings.
Now should it look like this.
4. Create a new layer and change the foreground to #33ADFB. Take the Rounded Rectangle Tool (U) and draw out the screen. Then press Ctrl and click the layer, then go to Select>Modify>Smooth, with 3 pixels. Then go to Select>Inverse and press delete.
5. Then do this settings.
6. Then Ctrl click layer2 and create a new layer. Go to Select>Modify>Contract, with 2 pixels. Then take the Gradient Tool and set the foreground to transparent gradient and make a gradient within the dotted line.
Now should it look like this.
7. Press Ctrl+D to deselect the layer. Then take the Elliptical Marquee Tool and make a circle like the image below shows.
Then press delete and now should it look like this.
8. Create a new layer and select the Elliptical Marquee Tool and make a circle, hold down shift to get it perfectly round and fill it with #DFE6E6. Then right click the layer and chose Blending Options and do this setting.
9. Press Ctrl and click layer4, then go to Select>Modify>Contract, with 40 pixels. Then create a new layer and fill it with white and do this setting.
The only thing that is left in this tutorial now is to add some icons, text or what you have in your mind.
This is what i came up with. ( Click for larger view )




More Photoshop: