SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Drawing Techniques How to Create Media Player Button in Photoshop

How to Create Media Player Button in Photoshop

Create Media Player Button In Photoshop! Today we will learn how to Create Media Player Button in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial. This tutorial is very simple to follow, so I suggest to everyone to give a try.

Final Result

15 Media Button final How to Create Media Player Button in Photoshop

 Download PSD

1.  Create a new project with a resolution of 1280 x 1024 pixels

1 white background9 How to Create Media Player Button in Photoshop

2.  Now select the Rectangular Marquee tool (M) and make a shape like as below

2 Media Button shape How to Create Media Player Button in Photoshop
3.  Open layer style and click and select Gradient Overlay and set the Gradient Overlay like as below

3 Media Button shape gradie How to Create Media Player Button in Photoshop

4.  Now again select the Rectangular Marquee tool (M) and make a shape in center like as below

4 Media Button shape center How to Create Media Player Button in Photoshop

5.  Open layer style and click and select Gradient Overlay and set the Gradient Overlay like as below

5 Media Button shape angle How to Create Media Player Button in Photoshop

6.  Now draw a line in black color with make a layer and set angle (Ctrl+T) like as below

6 Media Button line How to Create Media Player Button in Photoshop

7.  Again draw a line in black color with make a layer and set angle (Ctrl+T) like as below

7 Media Button line one How to Create Media Player Button in Photoshop

8.  Now select the Rectangular Marquee tool (M) and make a round shape like as below

8 Media Button center How to Create Media Player Button in Photoshop

9.  Open layer style and click and select Gradient Overlay and set the Gradient Overlay like as below

9 Media Button center gradient How to Create Media Player Button in Photoshop

10.  Now Select the Rounded Rectangle Tool (U) and make Play shape like as Below

10 Media Button play How to Create Media Player Button in Photoshop

11.  Open layer style and click and select Gradient Overlay and set the Gradient
Overlay like as below

11 Media Button play gradient How to Create Media Player Button in Photoshop

12.  Now Select the Rounded Rectangle Tool (U) and make Forword shape like as Below

12 Media Button arrow How to Create Media Player Button in Photoshop

13.  Now select the Rectangular Marquee tool (M) and make a Stop shape like as below

13 Media Button stop How to Create Media Player Button in Photoshop

14.  Now select the Rectangular Marquee tool (M) and make a Resume shape like as below

14 Media Button resume How to Create Media Player Button in Photoshop

 Download PSD

I hope you've enjoyed this tutorial and I hope these techniques have inspired some new thoughts and ideas for your next design.

   

ABOUT THE AUTHOR

Shahzad Amin PsdPoint Best and Unique Web Photoshop Graphics Designers Team
subscribe to newsletter