Categories

Partners


  • Free Flash Website

  • Website Templates

  • Adobe Photoshop Tutorials

  • Bittorent and
    Google desktop programs

  • Free Stock Photos and Images

  • Adobe Photoshop Tutorials

  • Photoshop, Flash, 3dsmax tutorials
  • Search


    Advanced Search




    Subscribe

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


    In this tutorial you will design an interface for a modern MP3 player. 

    Firstly create a new file (File>New), having 1024x768 px and 72 dpi. The Rectangle Tool (U) will help us to represent a rectangle on the whole page.

    Create MP3 Player Interface in Photoshop CS3

    Select Blending Options>Gradient Overlay and set the parameters from below:

    Create MP3 Player Interface in Photoshop CS3

    Set the gradient also, taking care of the colors’ codes shown next:

    Create MP3 Player Interface in Photoshop CS3

    It’s the picture we should get for now:

    Create MP3 Player Interface in Photoshop CS3

    Now we’ll try to create the corps of the player to be, so let’s choose the Rounded Rectangle Tool (U) with 35 px radius to represent a corps with rounded corners, placing it the way demonstrated below.

    Create MP3 Player Interface in Photoshop CS3

    Make it look of metal texture. Select Blending Options>Gradient Overlay:

    Create MP3 Player Interface in Photoshop CS3 

    Create MP3 Player Interface in Photoshop CS3

    We should get the next picture:

    Create MP3 Player Interface in Photoshop CS3

    Next step we should make the corps look thicker, just for it not to let the impression of being too thin as a sheet of paper. So select Blending Options>Stroke and set the next parameters:

    Create MP3 Player Interface in Photoshop CS3 

    Create MP3 Player Interface in Photoshop CS3

    Using the Rectangle Tool (U), it’s possible to represent a screen. Fill 0% on the layer’s parameters:

    Create MP3 Player Interface in Photoshop CS3

    Select Blending Options>Gradient Overlay

    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.

    WiFiReview.com - your guide to the wireless world