MP3 Player


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.

image 1

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.

image 2

image 3

image 4

image 5

Now should it look like this.

image 6

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.

image 7

5. Then do this settings.

image 8

image 9

image 10

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.

image 11

7. Press Ctrl+D to deselect the layer. Then take the Elliptical Marquee Tool and make a circle like the image below shows.

image 12

Then press delete and now should it look like this.

image 13

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.

image 14

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.

image 15

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 )

MP3 Player Tutorial: Final Result



Author's URL: SweDesignz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "MP3 Player"

Only registered users can write comment

No comments yet...