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.

If you found the above Photoshop tutorial helpful, please help to share this with others by using the 'digg' button below.

Other Photoshop Tutorials Designing an Alien head logo Metal with Blood Stain effect Design a Pencil How to create Glossy Buttons in Photoshop How to create Metallic, Rusty effects, with Holes A simple, clean Content Box Preserving Spot Colours in Photoshop A Professional Blog Template Design created in Photoshop A Disney.com style Navigation Interface A Custom-Fitted Logo A Futuristic Logo created in Photoshop A Metallic Content Box created in Photoshop Designing a Clipboard icon in Photoshop Creating an Industrial Text Effect in Photoshop An iRiver design A fun Robot head design in Photoshop   SEE ALL PHOTOSHOP TUTORIALS HERE

return to previous page