PHOTOSHOP
Basic Skills
Buttons - Icons
Drawing
Effects
Text Effects
Brushes and Patterns
Web Graphics
Web Templates
Others
All Photoshop tutorials
HTML
Basic Lessons
Advanced Lessons
JAVASCRIPT
Basic Lessons
Advanced Lessons
DOWNLOAD
Free Icons
OTHER
Home
Subscribe to RSS
Top Viewed Tutorials
Submit tutorial
Wooden Button

Nice Wooden Button Intro 40x40 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