Learn to Create Round Glossy Multimedia Buttons In Adobe Photoshop

High quality round glossy multimedia buttons, Learn in very easy and simple steps.


Today we are going to Create Round Glossy multimedia buttons which contains Pause, Play and Stop Signs, you can use them on your site or any other music or multimedia project. easy to change colors and adding new signs. Click here to View in Full Size

Step 1.

Open a new document of 1280 x 1024 px, then create a new layer and apply some light gradient for our background.

Step 2.

Now Create a new layer and select Elliptical Marquee tool and draw a circle for our button and fill it with any color

Step 3.

Open Blending Options of that layer and apply the given effects on your circle

   That's what we have now, looking much better

Step 4.

Now create a new layer and again select Elliptical Marquee Tool and draw an oval shape on the bottom of our circle as shown and fill it with #d1f900

Step 5.

Now Go to Filter> Blur> Gaussian Blur and apply 22 pixels radius to that oval shaped layer.

 Now we have a green glow on our button bottom

Step 6.

Now we are going to add some gloss to our button, for this create a new layer and make a circle smaller than our button layer and fill it with white as shown

Step 7.

Now we have to add vector mask to this white layer, for this follow the given image

 After applying vector mask you will have something like this

Step 8.

Duplicate your button layer by selecting and pressing Ctrl+J then clear its layer style and fill it with white, we are going to add another glossy layer

Step 9.

Now Grab Pen Tool and make the given selection as shown on your white layer

Step 10.

Now Press Ctrl+Enter to turn this path into marching ants then inverse selection by pressing Ctrl+shift+I and press Delete key

Step 11.

Simply decrease its Opacity to 15% as shown

Step 12.

Now repeat Step #8 to get another white layer

Step 13.

Make Selection over that layer slightly bigger than the circle as shown and press delete key to remove that 

Step 14.

Now simply lower its opacity to 25% as shown, now its looking much better

Step 15.

Now we are done with our button, lets add play sign, create a new layer and go to shapes and find the given shape then rotate it using Ctrl+T and fill it with any color

Step 16.

lets apply some magic to our play sign, open blending options and apply some cool effects

  
Now it's Looking awesome

 lastly we have just added shadow and reflection.

 This is our Final Image, just change the gradient color and replace the sign and your new button is ready :)

 Hope you liked learning this tutorial, don’t forget to share it with your friends.