Categories

Partners
  • Website Templates

  • Design Feeds

  • Adobe Photoshop Tutorials

  • Website Templates, WordPress Themes

  • Website Templates

  • Flash Web Sites

  • Photoshop Templates

  • Photo Contests

  • Photo Tips
  • Search


    Advanced Search


    Partner Links
  • Adobe Photoshop Tutorials

  • Free Stock Photos and Images



  • Website Templates

    Designing a Black Audio Player Interface
    Published  05/31/2008 | Designing
       
    Designing a Black Audio Player Interface - part 1


    In this tutorial we will learn how to create a cool music player design. We will use vector shapes and layer styles.

    For the beginning, let’s create a new file (File>New), having 1280x1024 px and 72 dpi

    Select then the Rectangle Tool (U) that should be used for representing the background of the picture to be on the final stage.

    Designing a Black Audio Player Interface in Photoshop CS3

    Set the next demonstrated parameters by making a mouse click on the layers’ panel, to be more exactly, on the layer we work with. Blending Options>Gradient Overlay

    Designing a Black Audio Player Interface in Photoshop CS3

    Gradient’s parameters:

    Designing a Black Audio Player Interface in Photoshop CS3 

    Designing a Black Audio Player Interface in Photoshop CS3

    Now we should choose the Rounded Rectangle Tool (U) with a radius of 35 px to draw the primary layer of the media player’s panel. The layer’s color is #303030

    Designing a Black Audio Player Interface in Photoshop CS3

    The layer’s parameters: Blending Options>Drop Shadow

    Designing a Black Audio Player Interface in Photoshop CS3

    Blending Options>Inner Shadow

    Designing a Black Audio Player Interface in Photoshop CS3

    Blending Options>Bevel and Emboss

    Designing a Black Audio Player Interface in Photoshop CS3 

    Designing a Black Audio Player Interface in Photoshop CS3

    Make a copy of the last made layer and then change the copied layer’s parameters with those indicated below:
    Fill 0%
    Blending Options>Bevel and Emboss

    Designing a Black Audio Player Interface in Photoshop CS3 

    Designing a Black Audio Player Interface in Photoshop CS3

    Designing a Black Audio Player Interface in Photoshop CS3 Designing a Black Audio Player Interface
    In this tutorial we will learn how to create a cool music player design. We will use vector shapes and layer styles.