Photoshop Tutorials
Monday May 21st 2012
Sell your Unapproved Projects! Sell your Unapproved Projects! Sell your Unapproved Projects! 900+ Items for Price of One Sell your Unapproved Projects!

X Style Playhead Control

playhead_ctrl_23

Photoshop Tutorial

Summary:
Here is a tutorial for creating an X-style playhead controller. This is great for any type of interface that requires fastforward, rewind, and play buttons. This could be anything from a video player to an mp3 player.

Step-By-Step Instructions:

Create a rounded rectangle using rounded rectangle shape tool.

Double click the layer to open layer style window. Apply settings as shown.

Create some diagonal lines using line tool. Apply same layer style.

Type ” ( ) ” using a big font. Rotate it 90° and place as shown. Apply same layer style.

Type “X” using a bold font. Create a circle using elliptical shape tool. Select and merge both the layers. Apply same layer style.

Select and merge all the layers,. Duplicate the layer and scale down. Change the layer mode to “Exclusion”.

Duplicate the layer. From “Filter” menu select “Artistic>>Plastic wrap”. Apply settings as shown.

Change the layer mode to “Darken”.

Duplicate the layer. From “Filter” menu select “Blur>>Motion Blur “. Apply settings as shown.

Ctrl+Click the original panel layer thumbnail to get the selection. Press Ctrl+Shift+I to inverse the selection. Press Delete. Change the layer mode to “Difference”.

Create a circle using elliptical shape tool.

Double click the layer to open layer style window. Apply settings as shown.

Ctrl+Click to get the selection. Contract the selection by 2 pixels. Create a new layer. Apply Black to white gradient. Change layer mode to screen for this layer.

Create “triangular” shape using custom shape tool.

Similarly create other controls.

Related posts:

Leave a Reply

Sell your Unapproved Projects! Sell your Unapproved Projects! Sell your Unapproved Projects! 900+ Items for Price of One Sell your Unapproved Projects!