Free Photoshop Website Templates
Templates Catalog    |    Photoshop Tutorials    |    Web Resources           Home | Providers | Terms of Use | Contact
  Categories
» Website Templates (24)
» Flash Templates (9)
» Logo Templates (21)
» Newsletters (12)
» Banner Templates (8)
  Partner Links
Website Templates
Over 8,000 high-end website templates, flash intros and logo templates.
Professional Templates
Professional website templates and logo designs.
Free Stock Photos
1000's of FREE high quality stock Photos!
 Photoshop Tutorials
 Provided by AdesDesign.net

 Tutorials » Beveled button made easy


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

 Back to Tutorials
Free Photos | Webmaster Directory | Web Templates | Free Photos | Free Speaking Characters | Free Website Templates
Copyright © 2003-2007 FreePhotoshopTemplates.com. All Rights Reserved.