Create a Funny Wooden Type Treatment in Photoshop

Create a Funny Wooden Type Treatment in Photoshop

In this tutorial I’ll show you how to easily create a wooden text effect. We will start from a polygon, then we will play with wood textures and with layer styles to achieve a really funny result. I’ll go in depth with each step so that Photoshop beginners will find the process easy to follow.

Preview:

Click on the image for a larger preview

preview of the final result

DOWNLOAD SOURCE FILE

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.

Support material:

Step 1

Create a new document in Photoshop with the following settings:

create a new document in Photoshop

Step 2

Double click on the background layer and hit OK to unlock it. Now right-click on the same layer and select Blending Options. Here we will add a radial gradient going from a light grey to a darker one:

add a radial gradient

radial gradient

Step 3

Grab the Rounder Rectangle tool, set 40 px for the radius and create a polygon. The color is not important at this stage since we will apply layer styles later.

create a polygon using the rounded rectangle tool

Step 4

Right-click on the layer and select Blending Options. At first let’s switch the color overlay to brown

add color overlay

Secondly let’s apply bevel and emboss with these settings:

adding bevel and emboss effect

The last touch is a soft drop shadow

adding a soft drop shadow

Step 5

Press ctrl+T to activate the transform tool and rotate a bit the polygon. Then press enter to apply the transformation.

rotate the polygon

Step 6

Paste in the wooden surface texture and place it in a layer above the polygon’ s one. Rotate the texture too. In the screenshot below I reduced the wood opacity to show you the polygon position.

rotate the wooden texture

Step 7

With the wooden texture selected, ctrl+click on the polygon vector mask to select its pixels. Then press the “add layer mask” button at the bottom of the layers window. The screenshot below will help you understand better this step:

add a layer mask

Step 8

Select the wooden texture layer and switch the layer blending mode to soft light. This will make visible layer effects we applied to the polygon. Then apply the sharpen filter (Filter>Sharpen>Sharpen) to enhance wood details.

switch the layer blending mode to soft light

Step 9

Repeat the same process to create another stick. The only difference is the polygon color overlay, that is a lighter brown (#d5864d)

create another stick

Step 10

At this point open the wooden background in Photoshop. With the elliptical marque tool make a selection of the nail head.

make a selection of the nail head

Step 11

Copy (ctrl+C) and paste (ctrl+V) the selection into our main canvas and place it into the intersection between the 2 sticks.

paste in the nail head

Step 12

Press shift+ctrl+U to desaturate the nail. Then apply a pillow emboss to create the engraved effect

adding styles to the nail

OK folks. We can stop here with the tutorial. The rest of the type treatment is the result of the same technique applied several times. Now you can create your own wooden text effect!

preview of the final result

DOWNLOAD SOURCE FILE

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.

Related Posts

Author: Sebastiano

Howdy! I'm a self taught graphic designer who loves to create amazing stuff using every kind of media. I'm currently living in Italy, where my full-time job consists in making of WeGraphics one of the best resources for designers from all over the world.

20 Comments

(+add yours)
  1. Well explained tutorial. Thank you
    .-= Natalie´s last blog ..Beyond the Brief – Undertanding a Logo Design Client =-.

  2. Funny!
    Very simple!))
    Thanks!
    .-= Ostap´s last blog ..????????? ?????????? ?? Amber Gray =-.

    • Hi Ostap,
      I’m alterning tutorials for intermediate users with tutorials for beginners ones so that everyone can find the site useful.

      And yes, it is a tutorial really simple to follow ;-)

  3. acunk

    thanks for the tutorial its very useful

  4. Sebastiano, this is very good tutorial. Well explained, so there is no problem to go through.

    Good job:)

    • Thanks Matjaz,
      I make my best to explain in depth every tutorial step

  5. amazing tutorial and well explained. thanks for share
    .-= lava360blog´s last blog ..Spectacular Fashion Photography By Andrey & Lili =-.

  6. really amazing idea for draw wooden text, another detailed tutorial. thanks
    .-= Tutorial Lounge´s last blog ..50 Colorful Illustration Wallpapers for your Desktop =-.

  7. svetylek

    In the text letter D is passed or O? sorry…

  8. I like the idea very much and the result is just perfect !

  9. nice tutorial, it was easy to follow.

  10. Thanks for the tutorial. You’ve taken an interesting approach on this unique topic. I appreciate the future resource.
    .-= Palm Beach criminal attorney´s last blog ..Police arrest 14 for DUI =-.

  11. I like this tutorial. Well explain n very easy to apply my self as a not so professional Photoshop user. Thanks Sebastiano. :)

  12. WoW! gREAT LESSON! Thanks Sebastiano! #-)

  13. kaan

    Very easy to follow . Thanks for your time

  14. It’s very simple, beautiful and useful tutorial. Thank you very much!

  15. very simple and cool

  16. Topan

    You are so cool….
    Your tutorials is nice to follow…

  17. Ruslan

    Sebastiano, ??????? ?? ????!!!
    THANKS FOR THE LESSON!!!

Leave your comment

© Copyright 2010 WeGraphics.net - All rights reserved. Design and code by WeGraphics Team