Top Adobe Photoshop Web Buttons, Light 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 : Light Button


1. Create a new file with dark background. Create a new layer. Check out Fancy Buttons - 2 for the initial procedure. We have changed the colors for this lesson.

Please remember to keep dark color for foreground and lighter version for background.

Drag the gradient tool from bottom to top for the first time.

2. Select > Modify > Contract (by 4)

Select > Feather (Radius 4)

3. Select Gradient Tool and drag from Top to Bottom this time.

photoshop button tutorials

4. Create a new layer.

Select > Modify > Contract (by 4)

5. 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

6. This adds light inside the button.

photoshop button tutorials

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