Top Adobe Photoshop Web Buttons, Glossy Button free tutorials
Home | About Us | Contact Us | FREE Training | Newsletter | Get our Android App
Adobe Photoshop : Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW : Tools | Basic Effects | Artistic Effects
Adobe Animate : Tools | Text Effects | Special Effects
Miscellaneous : Layout Designing | Web Designing | Articles | Interviews

Home : Photoshop Web Buttons : Glossy Button 

GLOSSY BUTTON

1. Create a new file with dark background. Keep dark color for foreground and the lighter version of the same color for background.

photoshop button tutorials

2. Select Rounded Rectangle Tool, keeping 60 for radius draw the elliptical shape button as shown below.

photoshop button tutorials

3. Create new layer. Go to Path palette. Turn path to selection by clicking "Load path as a selection" button at the bottom.

photoshop button tutorials

4. You are on the new layer. Select Gradient Tool and drag from top to bottom.

photoshop button tutorials


5. Create another new layer.

Select > Modify > Contract (by 4)

Select > Feather (Radius 4)

6. Change the foreground color to white. Select Gradient Tool again and keep "Foreground to Transparent" option in the option bar. Drag again from the top to bottom. Deselect the selection with CTRL + D

photoshop button tutorials

7. Change the opacity of the top layer to 85% to adjust the light in the button.

photoshop button tutorials

 
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy