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

Glossy Pill Button


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 and make a button shape like below:



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







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



Fill it in with white:



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





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 Tutorial: Final Result

Done!

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

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Glossy Pill Button"

Only registered users can write comment

Reader's comments