Glossy Pill Button
Create a nice smooth glossy pill button with blending options and motion blur.

author:
  Ryan
title:
  Glossy Pill Button
date:
  Wed 15 December 2004
category:
  Web Layout and Design
credits:
 


New Document

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.



Make a new layer

Make a new layer. Use the Rounded Rectangle Tool

and make a button shape like below:





Blending Options

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






Pill Button Layer

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



Fill it in with white:





Motion Blur

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






Remove any Unwanted Gloss

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



Done!

For questions and help regarding this tutorial,
please post a message at the forums.
Want your link here?