Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Buy Now! Button

Buy Now! Button


Make new document with white background, and on New Layer using Rounded Rectangle Tool (U) with 5px radius and #ff9900 color draw a shape like this

image 1

Now use Custom Shape Tool (U) and select Shopping Cart from the shapes list, and draw it on New Layer (Holding Shift) like on image bellow using white color (Only part of the basket will be visible).

image 2

Lets make this shopping cart more visible. Apply Stroke in Blending Options. Use #ff9900 color and about 6px (I've used 6px)

image 3

Select our rectangle shape layer, then holding Ctrl click on this layer miniature - You will get a selection. Now create New Layer, and using Gradient Tool (G) fill this selection.

image 4

Now You can Deselect (Ctrl + D). It's time for shadow. But We won't use Blending Options. Make New Layer under our rectangle shape layer, and using Rectangle Tool (U) draw a black rectangle. Then use Filter -> Blur -> Gaussian Blur with radius about 4.0. Last thing is to use Edit -> Free Transform (Ctrl + T) and place it like on image.

image 5

Now We can add some text. Use settings like bellow

image 6

Last thing will be Blending Options for text layer

image 7

image 8

And the final result is

Buy Now! Button Tutorial: Final Result



Author's URL: bwebi.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Buy Now! Button"

Captcha