Stylish Wooden Tabbed Navigation  


If you're new here, you may want to subscribe to my RSS feed.

Step 5.

Lastly, we’re going to add the text to the button.
First of all get the text tool and write out your text.
Text Written - Photoshop tutorial
The font I used above is called Marvelouz DSG, you can download it here from DaFont.
The color I used for my text above is #b41f0b.
Now, after writing my text out I applied the following layer styles:

Your text should now look like this:
After Applying Layer Styles - Photoshop tutorial
Lastly for the text I added a gloss-shine to the top. You can do that by following these steps:

  1. Select the text (CTRL+CLICK layer thumbnail.)
  2. Create a new layer.
  3. Draw a white-transparent gradient inside of selection.
  4. Delete lower half of gradient.
  5. Change layer mode for gradient layer to Soft Light, lower opacity to 45-60%.

Text Shine-Gloss - Photoshop tutorial

Step 6.

Lastly, all you need to do is duplicate the button a few times, and add in some little details.
Stylish Wood Navigation Result - Photoshop tutorial
Thanks for reading this tutorial, we hope you enjoyed it.
If you need it, you can also download the PSD file from this tutorial from here.

Pages: 1 2 3