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 2


    Gradient’s parameters:

    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

    On the bottom part of the media player we’ll have to represent a zone reserved for the menu’s buttons. Use in this case the Rounded Rectangle Tool (U) with a radius of 20 px. Then press Alt button while using the Ellipse Tool (U) to cut out a special zone reserved for the main central button.

    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

    Use next the Rounded Rectangle Tool (U) with a radius of 10 px to represent the panel of play indicator.

    Create Zoom Player Skin Design in Photoshop CS3

    The layer’s parameters: Blending Options>Inner Glow

    Create Zoom Player Skin Design in Photoshop CS3

    Blending Options>Gradient Overlay

    Create Zoom Player Skin Design in Photoshop CS3

    Gradient’s parameters:

    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 Zoom Player Skin Design
    Learn to create a fabulous looking player interface in this comprehensive tutorial.