Her

Home Photoshop Tutorials Web Layout How to Create Plastic Buttons

How to Create Plastic Buttons

Author: YourPhotoshopGuide.com Author's URL: www.yourphotoshopguide.com More by this author

Learn to draw nice looking plastic web buttons with this tutorial. Final output of the tutorial can be seen below :

image 1

Start by creating this shape with rounded rectangle tool setting the radius to 8 pixel.

image 2

Apply these layer styles in it:

image 3

image 4

image 5

Draw another shape with rounded rectangle tool :

image 6

Apply these layer styles in it:

image 7

Gradient overlay colors are similar as in the previous shape. The difference is the Angle which is +90 degree here :)

image 8

image 9

Rasterize the layer. Go to Filter>Blur>Gaussian Blur and set the amount to 2.5 pixels. Our plastic button is ready :)

image 10

This is after adding text in the buttons :)

image 1