Photoshop  Home Photoshop Web Layout Aqua Blue Button
rss

Aqua Blue Button

Author: EmpireDezign More by this author


We'll begin this tutorial, by creating a new canvas at a size of 281 x 127 then fill with Black as the color. Double click the background layer in the layers palette and click OK to unlock.

Next, select the "Rounded Rectangle Tool". Draw a rectangle as illustrated below with a radius of 3 pixels and color White. Name this layer "Button Frame".

image 1

Now right click on the "Button Frame" layer and select, "Blending Options...". Now click on "Inner Glow".

image 2

Do not click "OK" yet. Still more to do.

Now click on "Gradient Overlay".

image 3

You may now click OK.

You should now have the below image.

image 4

Next, select the "Rounded Rectangle Tool" again and draw a rectangle as illustrated below with a radius of 3 pixels and color 010a93. Name this layer "Button".

image 5

Now right click on the "Button" layer and select, "Blending Options...". Now click on "Inner Glow".

image 6

Do not click "OK" yet. Still more to do.

Now click on "Satin".

image 7

Do not click "OK" yet. Still more to do.

Now click on "Gradiant Overlay".

image 8

Do not click "OK" yet. Still more to do.

Now click on "Stroke".

image 9

You may now click OK.

You should now have the below image.

image 10

Now "Ctrl" click the "Button" layer to create a selection around it and select the "Brush Tool" with a soft edged 7 pixel brush. Next create a new layer and brush along the bottom inside edge of the selection with 4fa4a7 as the color.

image 11

Select the "Text Tool" and use the below settings:

image 12

Now type your prefered text.

image 13

Now right click on the text layer and select, "Blending Options...". Now click on "Drop Shadow".

image 14

You may now click OK.

You should now have the below image.

image 15

Now select the "Pen Tool" and draw a curve effect as illustrated below using White as the color. Name this layer "Gloss".

image 16

The Results!!!

Turn the Fill of the "Gloss" layer down to about 30% and your finished.

Aqua Blue Button Tutorial: Final Result



Author's URL: www.empiredezign.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Aqua Blue Button"