Ades Design - High Quality Website Templates, Free Website Templates, Tutorials: Photoshop, Dreamweaver, Flash, CSS and PHP


Beveled button made easy
Home » Tutorials » Photoshop Tutorials
Note: This tutorial was done using Adobe Photoshop 7.0

Open a new window with:
Width:150pixels Height:100pixels
Resolution: 72 pixels/inch Mode:
RGB color Contents:White
Make a new layer.(). Then chose Rounded Rectangular Tool and make a button shape like at the left.

Next right click on the layer you made and choose blending options. Do as shown below. And click OK.
By now your button should look like this.
 
Now Ctrl+Click on the layer to select it.

Then go to Select > Modify > Contract, Contract by 3 pixels. Now make a new layer () and fill it with the same color as shown to the left.
Right click on the layer 3 and chose blending options.
And do as shown below, don't forget to tick Reverse. Otherwise you won't get the effect. Click OK, you are done!
Here is your Beveled Button



Web2.0 Bookmarks - Social bookmarking is good, but old skool way of hand-picking sites is better!
That's what we do best, collecting the coolest WEB2.0 sites. click here

 


Advertise | AdesBlog New | Free Templates | Premium Templates | Products | Services | Portfolio | Contact

2002 - 2007 Ades Design. All Rights Reserved. http://www.adesdesign.net

 









Custom Logo Design Services by Logo Design Team for $149 Only
Software Development Company 
Search Engine Optimization by Design
 
Advertise Here