Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Designing a Black Audio Player Interface

Make three copies of the recently made layer and select then Free Transform option to place the copies the same way demonstrated below:

Designing a Black Audio Player Interface in Photoshop CS3

Next stage includes drawing one more decorative element on the panel, situated on the right side of the player’s buttons, selecting for this operation the Rounded Rectangle Tool (U) with a radius of 10 px.

Designing a Black Audio Player Interface in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Inner Shadow

Designing a Black Audio Player Interface in Photoshop CS3

Blending Options>Color Overlay

Designing a Black Audio Player Interface in Photoshop CS3

Blending Options>Stroke

Designing a Black Audio Player Interface in Photoshop CS3

Gradient’s parameters:

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3

Next try to draw the next demonstrated element with the Rectangle Tool (U) inside the decorative insertion on the right side.

Designing a Black Audio Player Interface in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Designing a Black Audio Player Interface in Photoshop CS3

Gradient’s parameters:

Designing a Black Audio Player Interface in Photoshop CS3

Blending Options>Stroke

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3 Make two copies of the recently made layer and after that select Free Transform option to place the copies as below:

Designing a Black Audio Player Interface in Photoshop CS3

Combine in a group all the layers composing the decorative insertion with its three elements (press Ctrl button to mark out the appropriate layers and then hold on the left mouse’s button while taking the marked layers on Create a new group solution). Make a copy of the last created group and choose again the Free Transform option to turn over the copy the same way shown below.
We need also to change the layer’s parameters of those three inside elements.
Blending Options>Gradient Overlay

Designing a Black Audio Player Interface in Photoshop CS3

Gradient’s parameters:

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3

Let’s draw one more decorative element on the right side of the already done elements, applying as usually the Rectangle Tool (U) and the Convert Point Tool for the appropriate corrections.

Designing a Black Audio Player Interface in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Stroke

Designing a Black Audio Player Interface in Photoshop CS3

Gradient’s parameters:

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3

Next we’ll draw the sound’s regulator on the left and right sides on the media player’s screen. Use for this operation the Rounded Rectangle Tool (U) (radius 10 px) to mark the placement of these regulators and then press Alt button while using the Rectangle Tool (U).

Designing a Black Audio Player Interface in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Designing a Black Audio Player Interface in Photoshop CS3Gradient’s parameters:

Designing a Black Audio Player Interface in Photoshop CS3

Gradient’s parameters:

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3

Insert also the track’s duration on the left side of the screen.

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3

The layer’s parameters: Blending Options>Drop Shadow

Designing a Black Audio Player Interface in Photoshop CS3

Designing a Black Audio Player Interface in Photoshop CS3

Insert the rest of the track’s information necessary for getting it:

Designing a Black Audio Player Interface in Photoshop CS3

the track’s title, stereo, B, V, 44khz, 128kbps

Designing a Black Audio Player Interface in Photoshop CS3

mono

Designing a Black Audio Player Interface in Photoshop CS3

Using the Rounded Rectangle Tool (U) with a radius of 10 px, it’s possible to introduce the play cursor.

Designing a Black Audio Player Interface in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Designing a Black Audio Player Interface in Photoshop CS3

Gradient’s parameters:

Designing a Black Audio Player Interface in Photoshop CS3

Page: 1 2 3 4

Comments