Photoshop Wooden Button Tutorial

In this tutorial you’ll learn how to create a simple wooden button in Photoshop with some basic effects.

Final Result


Step 1

Create a new document size of 500 by 400px resolution 72dpi and fill the background with White Color, now create a new layer and grab the Rounded Rectangular Tool with the fixed size of W12cm H3cm (Color Black and Radius 15px) then click and place it on the middle of the canvas.

Step 2

Now by selecting layer go to Layer => layer Style and apply the following Style as demonstrated below.

*Drop Shadow


*Inner Shadow (f0b12a)


*Bevel and Emboss


*Pattern Overlay


Now your image should look something similar to this.

Step 3

Now we need to add the text to it, select the Type Tool and type text on the button (with White color) set the Fill to 0%. And apply the following Layer Style.

*Inner Shadow


That’s it, thanks for reading this tutorial.

Filed in: Design Tags: , , , ,

You might like:

Create a Glossy Black Icon using Photoshop Create a Glossy Black Icon using Photoshop
Create a Stylize but simple Navigation Bar using Photoshop Create a Stylize but simple Navigation Bar using Photoshop
Photoshop Metal Icon Tutorial Photoshop Metal Icon Tutorial
Photoshop Hanging Text Tutorial Photoshop Hanging Text Tutorial

Leave a Reply

Submit Comment

© 2014 Technology Blog. All rights reserved. XHTML / CSS Valid.sikiş
Proudly designed by Theme Junkie.