The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Creating a MP3 Design: Photoshop Tutorial

Creating a MP3 Design: Photoshop Tutorial


Mp3 is an audio video format device. Now a day every body love to listen music. Many companies provide the best qualities of mp3 products. So today I will show you, how to create a Mp3 device in Photoshop. I hope you will really enjoy this tutorial. Don't forget to share your comments with us.

How To Create a Mp3 in Photoshop - Final Preview

Img

Elegant Mp3 Final Preview

Tools and Resources

Img

Tools and Resources

Lets start to create an elegant Mp3 in Photoshop

Step 1

Create a new document with 600x500 of size.

Img

Create New Document

Step 2

Select the Rounded rectangle tool and create a rectangle with any of color, named it background. I am applying this color #8f9200.

Img

Create New Rectangle

Step 3

Now go to layer - -> Layer Style and applying some effects or blending options.

Inner Shadow

Img

Rectangle Inner Shadow

Inner Glow

Img

Rectangle Inner Glow

Satin

Img

Rectangle Satin

Stroke

Img

Rectangle Stroke

When we applying these blending options then we get an awesome background.

Img

Get Awesome Background

Step 4

Now select the Ellipse tool and draw a circle bottom of the background with this color #ffffff, as like in preview.

Img

Create a Circle

Step 5

Select the rounded rectangle tool again and draw a rounded shape with white color #ffffff.

Img

Create a Rectangle

Now go to blending options and applying some effects.

Inner Glow

Img

Paid Inner Glow

Satin

Img

Paid Satin

Stroke

Img

Paid Stroke

After applying these layer styles we get a new style rectangle as like in picture.

Img

After Applying Effect

Duplicate this layer and with the help of transform tool, (ctrl+T), rotate duplicate layer and adjust it as like shown in preview.

Img

Duplicate Rectangle

Step 6

Select the ellipse tool again and draw a small circle with #464644 color, set it center of these rectangle shape layers.

Img

Small Circle Center Of The Paid

Select again ellipse tool and draw four small circles with black color #000000, as like in preview.

Img

Draw Small Circles

Step 7

Now its time to create mp3?s screen, select the rounded rectangle tool again and draw a rectangle with white color #ffffff,

Img

Screen Draw

Now go to Layer - -> Layer Style and applying some blending options.

Inner Shadow

Img

Screen Inner Shadow

Outer Glow

Img

Screen Outer Glow

Gradient Overlay

Img

Sreen Gradient Overlay

Stroke

Img

Screen Stroke

After applying these effects we get cool rectangle.

Img

After Efects Screen Result

Step 8

Select the rounded rectangle tool ones again and draw a small rectangle shape with #585858 color in the center of big rectangle.

Img

Create a Small Rectangle

Now I am going to set this sports car wallpaper on screen.

Img

Set an Image on Screen

Step 9

Now select Rectangle tool and draw a small rectangle in the top of mp3 background layer with this color #141414.

Img

Small Rectanle

Now we will applying layer styles.

Drop Shadow

Img

Drop Shadow

Inner Shadow

Img

Inner Shadow

Stroke

Img

Speaker Stroke

When applying these effects we get nice rectangle as like in preview.

Img

Get Nice Effect

Step 10

Now In the final step select all the layers and press (Ctrl+E) to merge them, named it layer Mp3 then duplicate this layer and with the help of Eraser tool, erase the duplicate layer down the opacity 20% as like shown in final preview.

Final Preview

Img

Author's URL: tutorialchip.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: