Home

Web 2.0 Orb Button


Introduction:

In this tutorial, we are going to learn to create a Web 2.0 Style orb button to use in web design projects. These are especially nice to use as either buttons or icons. They can also be scaled down and used as bullets.





Step-By-Step:

1. Open a new document in Photoshop. Set the size of document at about 200x200 width/height.
2. Create a new layer and name it "Orb".
3. Select the Elipse Tool and draw a circle for your orb.



4. Open the Layer Styles for the "Orb" layer.
5. Change the "Drop Shadow" properties to the following:



6. Change the "Inner Shadow" properties to the following:



7. Change the "Bevel and Emboss" properties to the following:



8. Change the "Color Overlay" properties to the following:



9. Change the "Stroke" properties to the following:



10. After you click OK, you should now have your Web 2.0 Style orb!



Copyright 2009 © - Photoshop Manipulation - Create a Web 2.0 Orb | Web 2.0 Style Orb Button