written by: Andrew Houle  /  stashed in: Tutorials  /  06.01.08

Wood Effect

In part I of my series on “creating awesome textures using filters in Photoshop” I showed you how to create a realistic water texture using only 2 filters. In part II of this series I will show you how to create a realistic wood texture.

This tutorial uses a few more filters than the last and requires a bit more finessing, but I think the end result is awesome.

Let’s Get Started…

  1. The first three steps are the same as the water effect. First, create a new document in Photoshop, size it to 500px by 500px, click OK.
  2. Set the Foreground color to white and the background color to black.
  3. Colors

  4. Go to the toolbar at the top and click filter->render->clouds. This will give us a nice base to work from. Another good part about this filter is that you get a different result every time you render the clouds, so if you don’t like what you get the first time, just try it again.
  5. Clouds

  6. Next up we need the direction of the black and white variances to be more vertical. A quick way to achieve this is with the motion blur filter. So click filter->blur->motion blur. Make sure the preview is checked on so you can see what your changes look like, and drag the distance all the way out to 999px and make sure the angle is vertical set to 90 degrees and click ok. You can play around with the distance slider, but after some experimenting I find this works the best. Also you can change the angle to suit your needs, but in this case I want the wood panels to look vertical.
  7. Motion Blur

  8. Although we need some black and white variance, we don’t want it so drastically different that our final result looks unrealistic. We can dull it out a little bit by changing the levels. Click image->adjustments->levels. Drag the middle slider for the midtones to the left a little until you get the variance you’d like.
  9. Levels

  10. OK, now it’s time to experiment with some of the filters a little. Click filter->brush strokes->accented edges. Play around with the sliders, I set mine to: Edge Width 2, Edge Brightness 42, Smoothness 4. These are just tentative suggestions however, because your effect will be slightly different based on the clouds that were rendered.
  11. Stay in the filter window and click on the new effect layer icon down in the bottom right. If you are familiar with layers then you should be real comfortable with effect layers. They work in much the same way, and you can play around with which layer goes on top of each other and toggle the “Eye” to hide/show the layer.
  12. In the new effect layer you just created toggle open the artistic filters and click on “Dry Brush. Again play around with the sliders, I set mine to Brush Size 2, Brush Detail 9, Texture 2.
  13. Lastly, within this filter window, we can add a little bit of texture using the film grain effect. Repeat the prior step to add a new effect layer. And within the Artistic filters that you already toggled open in the previous step click “Film Grain.” We want just a subtle amount of noise so I just used 1 for grain and 0 for highlight area and intensity. Click OK.
  14. Filter Window

  15. It’s beginning to look more like the grainy wood texture that were after so let’s add some color into the image. Click image->adjustments->hue/saturation. Check the colorize and preview boxes and play with the sliders until you get the color you want. I set mine to a nice grayish brown with the following settings: Hue +40, Saturation 30, Brightness -26. Click OK.
  16. Hue Saturation

  17. This step is where we really make the wood effect come together. Click filter->liquify. This brings up the liquify window which is complete with preview of the image and a set of tools unique to this filter. The options are almost limitless in this menu. First off, grab the turbulence tool from the panel of tools along the left side. This acts much like a smudge brush, accept it really keeps a lot of the good details. You can vary the size by hitting the bracket keys ([,]) on the keyboard, just like you would a brush. Click and drag upwards and downwards to warp the wood into a more realistic pattern. I try to even things out and make it look like grain patterns as best I can.
  18. Turbulence Tool

  19. Within the same liquify window, select the “Twirl Tool.” It’s with this tool that you will attempt to make the knots in the wood. Again you can change the brush size by clicking the bracket keys, and I would suggest making the knots varying sizes. When you have a place that you think looks like it could use a knot, click the twirl tool brush and hold, as you do so the brush will begin to spin the pixels. Let go when you have a knot you like. If you don’t like the look, click ctrl-z and try it again. Make a bunch of them in the wood and click OK.
  20. Twirl Tool

    That’s pretty much it. Some other suggestions to improve upon the look would be to play with the levels again, depending upon if it needs more contrast, adding some noise, and playing with the hue/saturation levels again. This is my final product…

    Wood Effect Tutorial

About the Author

Andrew is the originator and primary contributer for this blog. He is a web and graphic designer with a passion for helping aspiring designers develop their skills.

Related Posts:

Join the discussion!

10 responses so far.

  1. Leon
    June 10, 2008

    wonderful tut, man you can make some textures, keep them coming they are mind blowing, you are truely a master of textures how do you do it? they all blow me away.
    Thanks for your time teaching us newbies,I have been stuck in vector land forever but PhotoShop rocks

  2. [...] creating textures in Photoshop. If you missed the first three, they were creating: Water Texture, Wood Texture and Stone Texture. This tutorial will combine much of what we learned about in the first three [...]

  3. prashanth
    July 1, 2008

    thanks for yours tutorials …, it really helped me a lot…., hope to see a lot of your tutorials in future

  4. Jodie
    September 1, 2008

    Thanks very much for opening up photoshop your instructions helpt me a lot and I now start understanding how to work with photo shop.
    Just started and still have a lot to learn there are so many posabilleties to explore hope to see more of your Ideas Ima keen learner.
    Cheers Jodie

  5. niko
    September 16, 2008

    nice

  6. Dave-M
    November 30, 2008

    Hi Andrew. Just wanted to say thanks for the tutorials. I’ve looked over them all and they are just fantastic! As a programmer, i don’t have time to learn photoshop in depth, but i do need a quick way to generate textures. Your tutorials not only provided this, but they give a glimpse of how you work so, in future (when i do have time) i know where to look for effects to start experimenting with, to build on what ive learned. It’s rare to find such high quality tutorials for free these days. Keep up the good work =D

  7. Andrew Houle
    November 30, 2008

    @Dave-M It always encourages me to read messages such as the one you left here. It’s folks like you, that make the effort that much more worth while. Thanks so much!

  8. Lacey
    April 7, 2009

    these are some really cool tuts! i really need these and you provided exactly what i was looking for. simply awesome!

  9. Ockert
    May 8, 2009

    Hi Andrew,

    I have had a look at your tutorials, When I try to apply step 6 the brush strokes are faded out…. do you have any way on how I can make the file so that I can apply all the filter needed?

    Thanks,

    Ockert

  10. Andrew Houle
    May 8, 2009

    @Ockert – Lessen the brightness and Smoothness sliders. Keep playing with it until you have the look your going for.

Leave a Reply

CommentLuv Enabled