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 7


    Gradient’s parameters:

    Create Zoom Player Skin Design in Photoshop CS3

    Blending Options>Stroke

    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

    Using the Ellipse Tool (U), it’s possible to draw a highlight on the button demonstrated below:

    Create Zoom Player Skin Design in Photoshop CS3

    The layer’s parameters: Fill 0%
    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 symbol on the button from below is done with the Rectangle Tool (U), by holding the SHIFT button. The color is white.

    Create Zoom Player Skin Design in Photoshop CS3

    The layer’s parameters: Blending Options>Stroke

    Create Zoom Player Skin Design in Photoshop CS3 

    Create Zoom Player Skin Design in Photoshop CS3

    On the play button’s panel we’ll introduce the indicator itself, colored with #017CC5, made with the Rounded Rectangle Tool (U) with a radius of 10 px and then press Alt button while applying the Rectangle Tool (U) to make a cut on the right side.

    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.