Home | About Us | Contact Us
Adobe Photoshop
Tools Retouching Image Effects
Web Buttons Textures Animation
CorelDRAW
Tools Basic Effects Artistic Effects
Adobe Animate Flash
Tools Text Effects Special Effects
Designing
Layout Web Designing  
Miscellaneous
Articles Interviews  
 
 
FREE Training Groups
Photoshop CorelDRAW Adobe Flash
Digital Darkroom Web Designing  
 
 
FREE Newsletters
Photoshop Magic CorelDRAW Magic Flash Magic
Web Designing Magic    
 
Get Our ANDROID APP for regular updates
Inside Graphics app
 
 

 

 
 

Home : Photoshop Web Buttons : Light Button 

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

Inside Graphics app
Get Our ANDROID APP for regular updates
FREE Training Groups
Photoshop
| CorelDRAW | Adobe Flash | Digital Darkroom | Web Designing
FREE Training Groups
Photoshop Magic | CorelDRAW Magic | Flash Magic | Web Designing Magic
Adobe Photoshop
Tools
| Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW
Tools | Basic Effects | Artistic Effects
Adobe Animate Flash
Tools | Text Effects | Special Effects
Designing
Layout Designing | Web Designing
Miscellaneous
Articles | Interviews
Site Links
About Us | Contact Us
back to home | Back to top
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy