Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

XP Style Playback Controls

Filed under: Web Graphics — Fiery Darts @ 6:17 pm

XP Style Playback Controls
Start by creating a small rounded rectangle.
Double click the layer and apply layer style as shown.
Using custom shape tool draw a triangle ( preferable shape sign3 as it has rounded edges ) . Rotate so that it points to the right like a play button sign.
Apply following layer styles to the triangle layer.
The play button will like this after applying the layer styles.
Create a duplicate of the play button layers and replace the triangle with two vertical rectangles to create pause button. Just copy layer style from triangle layer and paste on pause shape.
Similarly create other buttons for rewind, forward and stop using basic shapes and pasting layer style copied from triangle layer.
« Designing a Travelogue   Drawing a Cute Lion »

5 Comments »

  1. very professional and easy to create

    Comment by kory — May 16, 2006 @ 11:03 am

  2. what about button for mouse clicked , i mean while button push interface?

    Comment by atik — June 12, 2006 @ 6:06 am

  3. yah its cool

    Comment by Touseef — June 18, 2006 @ 2:31 am

  4. Simple, effective and the rounded rectangle could be swapped for a circle or elipse.

    Comment by james — August 28, 2006 @ 10:21 pm

  5. This is quite useful, thanks

    Comment by trokara — December 6, 2006 @ 6:33 pm

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .