Her

Home Photoshop Tutorials Web Layout Glossy Pill Button

Glossy Pill Button

Author: Ryan Trafford Author's URL: www.thedesignworld.com More by this author

1) Make a new document, anysize doesn't matter. Press CNTRL+D to reset your pallete colors. Start off with any color of background, I used white.

2) Make a new layer. Use the Rounded Rectangle Tool image 1 and make a button shape like below:

image 2

3) Now right click the new pill layer and apply these blending options:

image 3

image 4

image 5

4)
Make another new layer thats above the pill button layer. Make a selection like below:

image 6

Fill it in with white:

image 7

5) Now we want to blur it to get the glossy effect. Go to Filter>Blur>Motion Blur and use these settings:

image 8

image 9

6) Now place the gloss where you want it, I placed it at the top, use the eraser to remove any unwanted gloss.

Glossy Pill Button

Done!