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!

MP3 player interface

Open a new file with 567×567 px and 72 dpi by applying the parameters from below.

Create MP3 player interface in Photoshop CS

Blending Options-Gradient Overlay

Create MP3 player interface in Photoshop CS

Gradient’s parameters:

Create MP3 player interface in Photoshop CS

Now we have to create the frame of the media player to be by using this instrument .

Create MP3 player interface in Photoshop CS

Blending Options-Drop Shadow

Create MP3 player interface in Photoshop CS

Blending Options-Gradient Overlay

Create MP3 player interface in Photoshop CS

Gradient’s parameters:

Create MP3 player interface in Photoshop CS

Start drawing the buttons of the media player. It’s possible to do this with the shown instrument and the color that you see – 838383.

Create MP3 player interface in Photoshop CS
Apply the previous instrument to make one more button with the same color.

Create MP3 player interface in Photoshop CS

Make use of the next instrument to create one more button on the picture.

Create MP3 player interface in Photoshop CS

Using the last instrument, draw the next button on the media player to be. The color remains the same.

Create MP3 player interface in Photoshop CS

Create MP3 player interface in Photoshop CS

Copy the new made layer and apply the Free Transform selection to turn it around and place it the way it is shown next step.

Create MP3 player interface in Photoshop CS

Using the following instrument , create the lowest layer for another button. This time it must have a different color – ACACAC.

Create MP3 player interface in Photoshop CS

Blending Options-Stroke

Create MP3 player interface in Photoshop CSUsing the same instrument, continue drawing the buttons on the created layer already. The color should be 838383.

Create MP3 player interface in Photoshop CS

Take the next tool and finish creating the button (the color is the same).

Create MP3 player interface in Photoshop CS

Using the shown tool pass to represent the screen of the media player. The color is 2F5984.

Create MP3 player interface in Photoshop CS

Blending Options-Inner Glow

Create MP3 player interface in Photoshop CS

Blending Options-Stroke

Create MP3 player interface in Photoshop CS

Gradient’s parameters:

Create MP3 player interface in Photoshop CS

Use the following instrument to represent an ellipse colored in 586776. Having created it, just hold the Alt button to click on the mouse between the layers of the ellipse and the media player’s screen. The ellipse must be applied in the screen’s limits.

Create MP3 player interface in Photoshop CS

Page: 1 2

Comments