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 : 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

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