Tutorial Details
- Program: Adobe Photoshop CS3+
- Difficulty: Beginner
- Estimated Completion Time: 5 - 10 Minutes
Download Source Files
Final Product What You'll Be Creating
In today’s quick tip tutorial we will demonstrate how to create a wood panel texture in Photoshop. Let’s get started!
Step 1
Start by opening a new document. For this tutorial, I chose 900 x 600 pixels with a transparent background. Fill the document with #473722
Step 2
Duplicate layer 1 and name this duplicate "fibers". Set your foreground color to #746045, and then go to Filter > Render > Fibers and use the following settings:
Step 3
Hit “OK” and you should end up with the following:
Step 4
Duplicate the previous layer and name it "knots". We are now going to add what I call knots in the wood. To do this, go to Filter > Liquify. In the upper left-hand panel, select the Twirl Clockwise Tool (C). On the right side panel, your settings may differ from mine depending on the size you made your document, but for the sake of this tutorial your settings should match mine: Brush Size – 151, Brush Density – 62, Brush Pressure – 100, Brush Rate – 50. Leave all other settings as is. On your document, click in the desired spot and quickly drag upwards or downwards with your mouse button still pushed. You should have something similar to this:
Step 5
Make a new layer and name it “separator 1″. We are now going to make the notches or separators in the paneling. Select the rectangular marquee tool
and set it to a fixed ratio with a width of 4px and height of 600px and then place it somewhere near the left side of your document. Fill this block with #806d53.
Should look like the following:
Step 6
Now we make the line look more realistic! Double click the separator 1 layer to bring up the blending options and match it with the following settings:
Step 7
Duplicate your first separator about 4 different times and place them so that they’re not evenly spaced. For added touches, you can place some text that
looks as if it was carved in, like so:
Final Image
You’re all finished! I hope you enjoyed this tutorial.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Bree L
Photoshop to HTML
Take your Photoshop skills to the next level by learning how to slice up a PSD into a working standards driven HTML website.
Join our newsletter!
U-Design WordPress Theme only $35.00 
Modernize - Flexibility of W ... only $35.00 
When the storm comes - More
Photoshop Basix
Just getting started? Start with our basix tutorials on the fundamentals. View All Basix Tutorials
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Psdtuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Very nice tut. Thanks
Really really big thanks!!!
For my website I needed a good wooden backround. without using anyone else`s photo or creation.
another positive thing is i can play around with it and make it just however i want it.
It is just an amazing idea.
Why did you duplicate first layer in Step 2 and why did you duplicate layer in Step 4? That didn’t make any sense, did it?
very nice working thanks
Thanks, this is an awesome tutorial. A great skill to have and very simple to complete.
In the event you have an older version of Photoshop that doesn’t have a Fibers filter, you can replicate this technique using the “Noise” and “Motion Blur” tools.
Duplicate your wood base layer.
Go Filter > Noise > and select “monochrome” and play with the slider till you get a pretty grainy overall result.
Go Filter > Blur > Motion blur, and make a very dramatic vertical motion blur. You’ll immediately see some things start to look fibrous. (You’ll probably have to stretch the layer afterwards to fix the edges. Shouldnt be a big deal)
Then set that layer’s blending mode to “Luminosity”, and then adjust your opacity and contrast levels accordingly.
Works like a charm.
*** Sorry, should be Filter > Noise > Add Noise THEN monochrome.. etc.
OMG this is really sureal i wanted some wood texture but couldn’t find any suitable stock
so i figured out a way to make some my self. this was 1hr before seeing this tut…..
very nice tut by the way just a bit too late for me!
Or, you could go to cgtextures.com and download a free wood texture. Super awesome tutorial though!
Nice work. Thanks
good tip,so useful!
nice tut… thanks…
Why did you duplicate first layer in Step 2 and why did you duplicate layer in Step 4? That didn’t make any sense, did it?
iSeb, I think it’s great habit to duplicate layers just in case you mess something up, you can go back and still have a base layer. So yes, it made sense to me =)
Ok, now i understand
Great technique – quick easy and super effective, thanks!
Though I think to make it even more realistic, the knots should not spill over each separator, if you get me… in reality, you wouldn’t get it that perfect!
simple and nicely done
: )
thanks very much
Love it. The tutorial is simple to follow, and the results are one of the best wood texture tutorials I’ve seen… can’t really go wrong with that combination.
One thing though- knots isn’t just what you like to call it… that’s simply what they are called.
Great Tip. Short but really detailed. Thanks
Why did you not publish my comment?
Wow, thanks everyone! I’m honored to have been published here, this place is great!
Superb tutorial! Thanks for sharing!
Super awesome ! Thanks a lot
goood tut .realistic.
nice wood work
I love how quick and easy this is, and it produces a nice effect. Thanks very much for sharing! I’m going to have a go at his in a moment.
Great Tip
Lovely and original subject, nicely executed! Thanks for post..
HI !!
great tutorials .. but it seems there is a small mistak in the reference of the BG color
in the first image the reference is wrong please try to fix it the right is 473722 and not 473772
thinx !!!
Nice effet, thanks.
Wow!! It’s Great Tut~~~~!!!
Thanks to Wonderful Technique^^
Fantastic tutorial – great for a Photoshop beginner, completely easy to create a great-looking texture!
Simple. Great. Useful.
Congrats on a work well done!
Wow…Thanks you…..Wonderfull …very nice working ^_^….
Easy and useful . I liked.
the color code used on background layer is 57462c..
Lovely stuff… this is going to save me loads of money on stock images cheers
Great and Simple Design, and the tutorial is clear and easy to follow. Thanks!!
thx!
stucked in the 1st step. I m great.