Glossy Button

Photoshop Tutorials - Glossy Buttons 1

Step 1:

Let’s start out by creating a new file. I used a 400×200 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.

Photoshop Tutorials - Glossy Buttons 2

Step 2:

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

Photoshop Tutorials - Glossy Buttons 3

Photoshop Tutorials - Glossy Buttons 4

Photoshop Tutorials - Glossy Buttons 5

Step 3:

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

Photoshop Tutorials - Glossy Buttons 6

Step 4:

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

Photoshop Tutorials - Glossy Buttons 7

Photoshop Tutorials - Glossy Buttons 8

Photoshop Tutorials - Glossy Buttons 9

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.

Photoshop Tutorials - Glossy Buttons 10

Step 6:

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

Photoshop Tutorials - Glossy Buttons 11

Photoshop Tutorials - Glossy Buttons 12

Photoshop Tutorials - Glossy Buttons 13

Results:

Glossy Buttons.

Photoshop Tutorials - Glossy Buttons 14

http://www.tutorialized.com
 
Your Ad Here

Related posts

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment