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

high quality vectors

2500+ premium design resources for only $7!

We do the best to provide high-quality products that you can use in your commercial projects.
You bet!

take a tour

Sebastiano

Howdy! I'm a self taught graphic designer who loves to create amazing stuff using every kind of media. I'm currently living and working in Italy.

52 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

    • ghadi

      nice idea, i really like it :)

  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!!!

  18. Johnny

    I’m using Windows not Mac. I can’t get passed step 2 because your options look very different from mine here. Please help. Thanks

  19. Ian

    Very Good Tutorial! It’s easy to follow.
    I’m having a hard time ctrl+clicking on the polygon vector mask. I dunno why but it doesn’t get selected even though I’ve ctrl+clicked it. Please help. Thanks a lot! :)

  20. Manjit

    This was simple and fun to do
    Thanks :)

  21. n8

    Woonen Type?
    I think your missing a ‘d’ in there…

  22. Thank you for the great tutorials and ideas! I love knowing the ‘behind the curtain’ part of creative and different design work : )

  23. thuuu

    Tut very good, thank you for the great tut, I feel it simple but it create effect very impression , I want tranlate from english to vietnamese. I hope you permission it.
    Thank you very much!

  24. Giant

    Thanks brother .. Helped me a lot ..

  25. I agree, newbies like me really need this simple tutorial. The key to master advance effect should begin with simple or basic tutorials. Thank you for posting this. I think it is very helpful. Your goal of putting up a simple tutorial for newbies is really successful. Looking forward for another tutorial.

    - Ashley-

    • Rajesh

      Good tutorial,It help me lot.

  26. Nice tutorial, here is my version and I included your tutorial in my site.
    http://www.rofusph.com/2012/03/10-amazing-photoshop-text-effects-with.html

  27. simple but so good, nice tutorial bro
    thanks ;)

  28. Great ….
    Like tis tutorial.. understandable… simple…

  29. J.Rahmaty

    delighting, its very obvious to understand and hope u prepare more…

  30. zafer

    thanks a lot ,it looks like very usefull..

  31. I lost it in step 6 you could make it easier

    • keep trying it, you will get it!

      1. step 6 when you copy and paste the wood image into psd
      2. highlight that layer
      3. then control click on the layer where you have the rounded rectangle
      4. you will see the marching ants around the rounded rectangel
      5. then add a layer mask to the wood image and viola, you have it!!!!!!!

  32. Ali

    thank u verymuch looooooooool

  33. Darrell

    Awesome tut – Thx !

  34. Great works, Thanks for sharing.

  35. Nice work. thanks for share it.

  36. alim

    nice work

  37. Simple n Cool!

  38. ???? ???? ??? ?????

  39. Mos Deaf

    Sorry but I’m really new to the photoshop thing and I got lost at the second step. Can’t figure out how to change the radical gradient colors: f6f6f6 & d0d0d0

  40. When someone writes an post he/she retains the image of a user in his/her brain that how a user
    can understand it. Therefore that’s why this paragraph is perfect.
    Thanks!

  41. wegraphics.net/blog/tutorials/photoshop/create-a-funny-wooden-type-treatment-in-photoshop/ … pic.twitter.com/FTWNjKQPBL,

    I thought this was a very interesting tutorial. I found out that you better keep things organized to create an acceptable design.

    Great explanation of this tutorials, it helped me understand many properties of photoshop, I say kudos to the presenter.

    Attached is the link posted on twitter, if you have the time please respond!!!!!!!

  42. a correction was made to my website!!!!!!!!!!!

  43. wegraphics.net/blog/tutorials/photoshop/create-a-funny-wooden-type-treatment-in-photoshop/ … pic.twitter.com/G4PTIdSIou

    1. the link post on twitter is listed
    2. wanted to show the parts of the what was used in design like the:
    wood
    screw
    the template from the tutorial which was wooden type
    made both of the words the same size
    3. made some correction from the previous post
    4. placed in my website http://www.amesj.net, enjoy, comments are welcome!

  44. Heya! I just wanted to ask if you ever have any trouble with hackers?
    My last blog (wordpress) was hacked and I
    ended up losing several weeks of hard work due to no backup.
    Do you have any methods to protect against hackers?, http://goo.gl/l7XewU

  45. I am sure this paragraph has touched all the internet people, its really
    really nice article on building up new website.

  46. I read this post fully about the difference of newest and earlier technologies, it’s remarkable article.

Leave your comment

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