website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Stylish Button
rss

Stylish Button

Author: PsTweaks.com More by this author


Step 1: I am going to show you how to make a really nice stylish button. First of all what you want to do is open up an new document the size 140 by 30. After you have opened up your new document color the background the color FF8400. Then make a new layer by going to layer/new layer. Color it with the same color "FF8400". Once you have done so go to layer/layer style/blending options and go to gradients. Make a split gradient one side the color "FFC600" and the other side the color "FF8400".

Stylish Button image 1

What you should have so far.

Stylish Button image 2

The next thing you want to do is duplicate this layer. So go to layer/duplicate layer. Now go to edit/transform/scale. Drag the layer from bottom to the top leaving it only about 4 pixels big. You should have a orange line on top now. Now once again create a new layer. Color it in white. After that grab the rectangular marquee tool and cut it in half. Then set the opacity to

Stylish Button image 3

What you should have so far.

Stylish Button image 4

Step 2: Create another new layer. Color it in orange. Then grab the rectangular marquee tool and cut the inside of the rectangle leaving a one pixle border around the button.

Stylish Button image 5

Now grab the text tool and write what ever you want on top of the button. I will write contact us. Place it in the center of the button. You will give this text a white color and give it a stroke with a orange color. This is what you should have.

Stylish Button image 6

Step 3: Now once again create another layer. Color it in white also. Grab the pen tool and draw out something like this.

Stylish Button image 7

Then go to windows/paths. When you come to paths right click on the path and make a selection. Then press the delete key. Once you have that you should only have a little wavy white spot on your bottom. When you have that give it an opacity of 58% and your done with your button. Once you have your button you can then go head and make a whole menu.

Stylish Button Tutorial: Final Result

Stylish Button image 9



Author's URL: pstweaks.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 "Stylish Button"