PHOTOSHOP
Basic Skills
Buttons - Icons
Effects
Text Effects
Others
All Photoshop tutorials
Subscribe to RSS
DOWNLOAD
Free Icons
Wooden Button

Nice Wooden Button Intro 80x80 This tutorial will show you how to make a simple button in photoshop with some basic effects

 

 

Step 1: Create a new canvas of about 800x800 pixels with white as background color, select Rectangle Tool(U), right click on its symbol and select "Rounded Rectangle Tool"

Nice Wooden Button 1

 Step 2: Draw a rounded rectangle on your canvas, you can use any color you like for your rectangle

Nice Wooden Button 2

 Step 3: Now apply some blending options (layer > layer style > blending options or double click on "Shape 1" layer)

    + Drop Shadow:

Nice Wooden Button 3

     + Inner Shadow:

Nice Wooden Button - Inner Shadow

    + Bevel and Emboss:

Nice Wooden Button - Bevel and Emboss

    + Pattern Overlay:

Nice Wooden Button - Pattern Overlay

 Now use the "Horizontal Type Tool" to type something on your button if you like, here is the result:

Nice Wooden Button 7

*************************************************************************************** 

 



Reddit!Del.icio.us!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!
Comments
Anonymous 09-14-2007
8) Very Nice, THANKS!
Anonymous 10-01-2007
great!
Helpfull hand 11-09-2007
If you put a small bevel and emboss on the text layer with a size of 1 or 2 down and let the angele etc. the same (so the angle will be 128-32) Then it looks lijke it's in the wood.
Not like a tree but still. :wink:

P.S. what font did you used?
admin 11-12-2007
It is VNmonotype corsiva font. Thank for your idea :wink:
Babygirl 04-13-2008
Cool tutorial, it was quick and easy! Thanks!
Write comment
Name:
Due to spam comments will be reviewed before being published