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

Pill Button


Introduction
Learn to make a great Pill Button

Step 1
Make a new document of 300x200 pixels. Make a new layer, Select the image 1 on your toolbar. Once selected change the Rounded Rectangle tool settings to these:

Also make your foreground colour light blue. Then make the button size similar to this:

image 2

Step 2
Now, go to Layer > Layer Style > Blending Options > Gradient Overlay and enter in these settings:

Then go to Bevel and Emboss and enter in these settings:

You should now have something that looks similar to this:

image 3

Step 3
Now hold CTRL and click the Button layer, on your layers palette. Now go to Select > Modify > Contract and enter in 10 pixels. Once again go to Select > Modify > Feather and enter in 10 pixels. Select your Bucket Tool, and set your foreground white. Fill the selection with white using the Paint Bucket¹ tool.

image 4


Final Results
Now you can add text, to make the button a little more exciting.

Pill Button


Author's URL: Netcubo
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Pill Button"

Captcha