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
DOWNLOAD SOURCE FILE
Support material:
Step 1
Create a new document in Photoshop with the following settings:
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:
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.
Step 4
Right-click on the layer and select Blending Options. At first let’s switch the color overlay to brown
Secondly let’s apply bevel and emboss with these settings:
The last touch is 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.
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.
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:
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.
Step 9
Repeat the same process to create another stick. The only difference is the polygon color overlay, that is a lighter brown (#d5864d)
Step 10
At this point open the wooden background in Photoshop. With the elliptical marque tool 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.
Step 12
Press shift+ctrl+U to desaturate the nail. Then apply a pillow emboss to create the engraved effect
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!
DOWNLOAD SOURCE FILE
Related Posts
-
Create an Ice Cream Type Treatment in Photoshop
-
How to create amazing light effects in Photoshop
-
Create a 3D Text Effect Using Photoshop Layer Styles
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!
Well explained tutorial. Thank you
.-= Natalie´s last blog ..Beyond the Brief – Undertanding a Logo Design Client =-.
You’re welcome, Natalie!
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 ;-)
thanks for the tutorial its very useful
nice idea, i really like it :)
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
amazing tutorial and well explained. thanks for share
.-= lava360blog´s last blog ..Spectacular Fashion Photography By Andrey & Lili =-.
really amazing idea for draw wooden text, another detailed tutorial. thanks
.-= Tutorial Lounge´s last blog ..50 Colorful Illustration Wallpapers for your Desktop =-.
In the text letter D is passed or O? sorry…
I like the idea very much and the result is just perfect !
nice tutorial, it was easy to follow.
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 =-.
I like this tutorial. Well explain n very easy to apply my self as a not so professional Photoshop user. Thanks Sebastiano. :)
WoW! gREAT LESSON! Thanks Sebastiano! #-)
Very easy to follow . Thanks for your time
It’s very simple, beautiful and useful tutorial. Thank you very much!
very simple and cool
You are so cool….
Your tutorials is nice to follow…
Sebastiano, ??????? ?? ????!!!
THANKS FOR THE LESSON!!!
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
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! :)
This was simple and fun to do
Thanks :)
Woonen Type?
I think your missing a ‘d’ in there…
Thank you for the great tutorials and ideas! I love knowing the ‘behind the curtain’ part of creative and different design work : )
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!
Thanks brother .. Helped me a lot ..
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-
Good tutorial,It help me lot.
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
simple but so good, nice tutorial bro
thanks ;)
Great ….
Like tis tutorial.. understandable… simple…
delighting, its very obvious to understand and hope u prepare more…
thanks a lot ,it looks like very usefull..
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!!!!!!!
thank u verymuch looooooooool
Awesome tut – Thx !
Great works, Thanks for sharing.
Nice work. thanks for share it.
nice work
Simple n Cool!
???? ???? ??? ?????
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
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!
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!!!!!!!
a correction was made to my website!!!!!!!!!!!
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!
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
I am sure this paragraph has touched all the internet people, its really
really nice article on building up new website.
I read this post fully about the difference of newest and earlier technologies, it’s remarkable article.
Very useful tutorial. I had fun following it!
Useful tutorials in Turkish
Thanks, for your lesson and I Like It.