Categories

Partners
Search


Advanced Search


flash websites


 »  Adobe Home  »  Adobe Photoshop  »  Designing  »  MP3 Player Interface
MP3 Player Interface
Published  10/5/2007 | Designing
   
MP3 Player Interface - part 2


Create MP3 Player Interface in Photoshop CS3

Give the volume effect to the screen with Blending Options>Inner Shadow

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

Blending Options>Stroke:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

Using the Rectangle Tool (U) with the color #5f7990, try to make a small stripe, as the next one on the screen.

Create MP3 Player Interface in Photoshop CS3

Create a small gradient with Blending Options>Gradient Overlay:

Create MP3 Player Interface in Photoshop CS3

Gradient’s parameters:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

Now we should make a small flare on the screen. Make a copy of the screen’s layer and situate it above he stripe’s layer. Cancel all the Blending options and Fill 0% on the layer. After that select the Ellipse Tool (U) and press simultaneously Alt button to stretch out the roundness as the picture from below shows it:

Create MP3 Player Interface in Photoshop CS3

Enter the Blending Options>Gradient Overlay and set the new parameters:

Create MP3 Player Interface in Photoshop CS3 

Create MP3 Player Interface in Photoshop CS3

Create MP3 Player Interface in Photoshop CS3 MP3 Player Interface
In this tutorial you will design an interface for a modern MP3 player.