Photoshop  Home Photoshop Web Layout Mail Button
rss

Mail Button

Author: EmpireDezign More by this author


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

Next, download this pattern.

image 1

Now right click on the background layer and select, "Blending Options...". Now click on "Gradient Overlay".

image 2

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

Now click on "Pattern Overlay".

image 3

You may now click OK.

You should now have the below image.

image 4

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

image 5

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

image 6

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

Now click on "Inner Glow".

image 7

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

Now click on " Color Overlay".

image 8

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

Now click on "Gradient Overlay".

image 9

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

Now click on "Stroke".

image 10

You may now click OK.

You should now have the below image.

image 11

Next, select the "Custom Shape Tool" and select the "Envelope 1" shape found in the drop down in the option palette as illustrated below.

image 12

Make sure the Foreground color is a1c9f7 and draw your shape. Name this layer "Envelope".

image 13

Now right click on the "Envelope" layer and select, "Blending Options...". Now click on "Outer Glow".

image 14

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

Now click on "Inner Glow".

image 15

You may now click OK.

You should now have the below image.

image 16

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

image 17

Now type "Send us an email Today!" or the text that you prefer.

image 18

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

image 19

You may now click OK.

You should now have the below image.

image 20

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

image 21

Now "Ctrl" click the "Button" layer to create a selection around it and go to "Selection" then "Inverse". Now rasterize the "Gloss" layer that you drew with the "Pen Tool", then go to "Edit" and lastly "Cut".

image 22

The Results!!!

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

Mail 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 "Mail Button"