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

    Zoom Player Skin Design
    Published  03/14/2008 | Designing
       
    Zoom Player Skin Design - part 5


    Now we should represent several special buttons exactly the way we have represented the system buttons on the top part of the player. Select the Ellipse Tool (U) for this operation and the color #282D33

    Create Zoom Player Skin Design in Photoshop CS3

    All those special buttons should be combined in a certain frame, made with the Rounded Rectangle Tool (U) and a radius of 15 px.

    Create Zoom Player Skin Design in Photoshop CS3

    The layer’s parameters: Fill 0%
     Blending Options>Inner Glow

    Create Zoom Player Skin Design in Photoshop CS3

    Blending Options>Stroke

    Create Zoom Player Skin Design in Photoshop CS3 

    Create Zoom Player Skin Design in Photoshop CS3

    Create again a new layer (Create new layer) on which we’ll use the Pencil Tool (B) (brush of 1 px) to draw the symbols on the buttons.

    Create Zoom Player Skin Design in Photoshop CS3 

    Create Zoom Player Skin Design in Photoshop CS3

    Get back to the panel, containing the sound button and create an opening for motion regulator. The instrument used in these cases is Rectangle Tool (U).

    Create Zoom Player Skin Design in Photoshop CS3

    The layer’s parameters: Blending Options>Gradient Overlay

    Create Zoom Player Skin Design in Photoshop CS3

    Gradient’s parameters:

    Create Zoom Player Skin Design in Photoshop CS3 

    Create Zoom Player Skin Design in Photoshop CS3

    The Ellipse Tool (U) will be helpful in representing the sound’s regulator:

    Create Zoom Player Skin Design in Photoshop CS3

    Create Zoom Player Skin Design in Photoshop CS3 Zoom Player Skin Design
    Learn to create a fabulous looking player interface in this comprehensive tutorial.