Glossy Buttons

Step 1:

Let's start out by creating a new file. I used a 400x200 pixels canvas set at 72dpi, and I filled my background with a white color. Now create a new layer set and name it 'Glossy Buttons'.

Select the Rectangle Tool and above your screen under the options palette check anti-aliased. Create a new layer and draw a rectangle with 126×27 px dimensions and #B8F416 color shade.

Step 2:

Under Layer Style (Layer > Layer Style) add an Inner Glow and Stroke blending options to your green rectangle layer.

Step 3:

Now draw a skinny rectangle with 134×12 px dimensions and #B8F416 color shade right above your large rectangle.

Step 4:

Under Layer Style (Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your skinny rectangle layer.

Step 5:

Now choose the Horizontal Type Tool and set the font family to Arial, bold, 16 pt, strong and #659000 color shade. In a new text layer type the name of your first glossy button.

Step 6:

Under Layer Style (Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your text layer.

Results:

Glossy Buttons.

Hopefully, the above tutorials have been of some help so please let us know how we're doing by leaving a message in the comments section below.

Would you like to see new Photoshop tutorials on a regular basis? Are you interested in Adobe Illustrator tutorials? Please let us know!

Creating glossy buttons in Photoshop