Creating A 3D Blue Glassy Button Photoshop Tutorial

This photoshop tutorial will guide you through creating a glassy 3d button using photoshop. A good tutorial for beginners to learn how to use photoshop tools.

Step 1 First, create a new document 200 by 200 pixels. Set your foreground color to #1f1f1f and your background color to #0e0e0e. Select the gradient tool and set it to radial. Left click in the top left area of the document and drag down to the bottom right and release.
Step 2 Select the rounded rectangle tool and make a selection of 120 by 40 pixels with a radius of 10 pixels.
Now we are going to be filling in this selection, so set your foreground color to #007beb and your background color to #003667 and using the gradient tool again (set at radial) fill the selection.
Step 3 Next up we are going to be adding a reflection of the button. Duplicate the button (Ctrl + J) and then move the new layer below the original. Now from your main menu go Edit ==> Transform ==> Flip Vertical.
Step 4 Add a vector mask to the reflection layer (Layer ==> Layer Mask ==> Apply). Select the gradient tool (black to white) and apply a gradient from top to bottom of the reflection, this will make it fade out.
Step 5 Lower the opacity of the reflection layer to 10%.
Step 6 Select the area of your button (ctrl + click layer) and select the elliptical marquee tool. Deselect the bottom part of it by holding down the Alt key. You should be left with something like below.
Now fill the layer with white.
Step 7 Now set the blend mode to Soft Light and the opacity to 20%.
Step 8 Now we are going to be adding another shine effect. Select the area of your button again and go Select > Modify > Contract by 3 pixels. Fill the selection with white.
Step 9 Set the blend mode to overlay and the opacity to 20%.
Step 10 Next up we are going to be adding some little dots at the bottom right, so using a small soft brush add some white dots.
Set the blend mode to overlay and opacity to 20%.
Step 11 Using the text tool add some text for your button.
Now go Layer > Layer Style > Stroke and use the settings below.
And here you are, you're finished! Enjoy!