Open a new document in Adobe Photoshop with the size 500×500 pixels and a white background.
Create an ellipse using the ellipse tool. You can find it in the Tools Tab, Ellipse Tool (U):
Draw an ellipse like here:
Now we’re going to apply a few effects on this ellipse. First weâ€™re going to apply the â€œDrop Shadow Effectâ€. To do this step select Layer > Layer Style > Drop Shadow or click on the icon Add Layer Style in the Layers Tab bottom. Use the next settings for this effect:
Apply the Layer > Layer Style > Inner Shadow effect using for this the next settings:
Now select Layer > Layer Style > Inner Glow with the settings:
Apply Layer > Layer Style > Bevel&Emboss. Use the next settings when applying the effect:
The final effect is â€œColor Overlayâ€. Select Layer > Layer Style > Color Overlay. Use the settings:
This is our intermediary result after these steps:
Draw an ellipse like here (use the Ellipse Tool; you can find it in the Tools Tab) and make a selection using the Elliptical Marquee Tool (M):
Select Select > Inverse and press the DELETE key to delete the selected area:
For this layer, set the opacity to 20% in the Layers Tab.
Draw another ellipse like in the next picture. To do this check the step 7:
Set the â€œOpacityâ€ in the Layers Tab to 20%:
With a â€œSoft Rounded Brush 180 Pxâ€ delete the top side of the new ellipse like here and you have a nice â€œglass orbâ€ for your multimedia buttons: