Home

Free Online Training | Download Trial | Links | Add a Link | Feedback | Contact Us | About Us
Photoshop
Learning Tools
Image Effects
Artistic Effects
Photo Retouching
Black & White
Focus Effects
Text Effects
Frames & Borders
Using Filters
Web Buttons
Textures & Patterns
Image Ready
Using with Corel
Articles
Interviews
Photoshop Blog
Designing
Visiting Cards
Web Designing
Corel DRAW
Corel Basics
Learning Tools
Corel Techniques
Basic Effects
Patterns & Symbols
Artistic Effects
Text Effects
Corel DRAW Blog
Flash
Learning Tools
Special Effects
Masking
Text Effects
Interviews
Flash Blog
Downloads
High Resolution Paper Backgrounds
Create Filters with FIlter Forge
Inside Photography
Interviews
Photo Retouching Plugins
FREE Online Training
Learn Adobe Photoshop for FREE
Learn CorelDRAW for FREE
Learn Adobe Flash for FREE
Learn Digital Retouching for FREE
Learn, Discuss & Exchange Ideas
Site Links
Download Trial
Free Online Training
Bookshelf
Advertise with us
Add a link
Feedback
 
Home : Photoshop Web Buttons : Glossy Button
  .
 
 
 
 
  InsideGraphics Blogs
Photoshop Blog
Corel DRAW Blog
Flash Blog
InsideGraphics Forums
Photoshop Forum
Corel DRAW Forum
Flash Forum
Business Card Forum
Web Designing Forum
 
 

Glossy Button
Software : Photoshop CS2
Level : Intermediate

  .
 

Concept: Adobe Photoshop provides so many options to create astonishing effect and you are going to work with one of the best options where you create a glossy look to the button using filters and image editing commands. Try to be fancy wherever it is necessary. You can experiment with different colors and shapes. We have used black background so that the glow will stand prominently on the page.

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

     
 
back to previous page


back to home Back to Top
© 2010 Inside Graphics. All Rights Reserved Feedback | Disclaimer | Privacy Policy