Glossy web 2.0 button

4/22/2008 04:08:00 PM Posted by Blogger Blogspot

1. Make a rectangle with the Rounded Rectangle Tool (any color) and right click and Rasterize it.


Photoshop Tutorials. Glossy button.


2. Open the Layer Style and add these values:


3. Inner Glow


Photoshop Tutorials. Glossy button.


4. Bevel and Emboss


Photoshop Tutorials. Glossy button.


5. Gradient Overlay: #99b910 to #d1dc42


Photoshop Tutorials. Glossy button.


6. Stroke: #d1dc42






Photoshop Tutorials. Glossy button.


7. You should have something like this:


Photoshop Tutorials. Glossy button.


8. Over a New Layer, make a selection with the Elliptical Marquee Tool as shown below:


Photoshop Tutorials. Glossy button.


9. Make a Radial Gradient white to transparent and change the mode to Soft Light and Fill 40%.


Photoshop Tutorials. Glossy button.


10. Right click over the thumb while pressing Ctrl and go to Select/Modify/Contract and put 2 px, then go to Select/Inverse and press Del once. Ctrl + D to select.


Photoshop Tutorials. Glossy button.


11. Add text using Segoe 25 pt.


Photoshop Tutorials. Glossy button.


12. Then add it a Drop Shadow.


Photoshop Tutorials. Glossy button.


13. Now we’re going to make a Rollover using the same button, duplicate it and change the Gradient Overlay: #2a2e2f to #4a5052 and the Stroke #454b4d. Note: If you want to have both separete, copy all the layers and put them each one into a group.


Photoshop Tutorials. Glossy button.


14. And you’re done.


Photoshop Tutorials. Glossy button.

Loading related posts...

0 comments:

Post a Comment