Photoshop -> Web Graphics -> Glossy Buttons
Glossy Buttons
- Feb 21 2006
This tutorial will show you how to create those smooth, glossy buttons that are so popular these days.
Tutorial Monkey is a database of technology-related tutorials. We write our own tutorials as well as linking to other ones in the web. If you would like to submit a link to your tutorial, feel free to do so. Just click on "submit" at the top of the page. Note: Images may result in loss of quality due to the fact that we must resize them to fit the design. You can click resized images to see its original image in a new window. Sponsors Step 5
Double click on the layer or go into Layer -> Layer Style -> Blending Options. 
This brings up the Layer Style menu. Click on 'Stroke' and make the color black and the stroke size 1px. Click OK. This adds a thin black border around the button. 
Step 6
Click on the base layer and add a new layer (ctrl + shift + n or click on the button). Name this layer 'top refraction'. This is going to be the top shiny part of our button. Click on the rectangular marquee tool again and make a selection going about half way down the button but encompassing the entire top (you can go outside your button's border). 
Now press and hold CTRL+SHIFT+ALT and click on the base layer thumbnail. You now have a perfect selection inside the button where your top refraction will go. To add to the realism of a refraction go to Select -> Modify -> Contract. 1px will do fine, but if you have a really big button you may want to go with 2 or 3 pixels. 
This tutorial is paginated, please navigate [ Steps 1-2 ] [ Steps 3-4 ] [ Steps 5-6 ] [ Steps 7-8 ] [ Steps 9-10 ] « Back |