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 10


    Next we’ll choose the Custom Shape Tool (U) to represent the symbol of the logotype, having white color. Turn over the drawn element with the Free Transform selection.

    Create Zoom Player Skin Design in Photoshop CS3 

    Create Zoom Player Skin Design in Photoshop CS3 

    Create Zoom Player Skin Design in Photoshop CS3

    Represent then a special frame reserved for the top part of the media player. The operation should be done with the Rounded Rectangle Tool (U) with a radius of 10 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

    On the top part of the media player we’ll represent a highlight, applying the same instrument.

    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 

    Combine in a group all the layers composing the media player (press Ctrl button to accentuate the corresponding layers and then hold on the left mouse’s button to move the marked layers on Create a new group option). Make a copy later of the earlier made group and put together all the layers of the copied group, pressing the next combination of buttons CTRL+E. The Free Transform selection will be helpful in turning around the stuck layer.

    Create Zoom Player Skin Design in Photoshop CS3

    Make a mouse click on Add a Mask option situated on the bottom part of the layers’ panel. In the same time apply the Gradient Tool (G) to represent a semitransparent reflection.

    Create Zoom Player Skin Design in Photoshop CS3

    The media player is finished!

    View full size here.

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