Skip to main content

Woody Text Effect in Photoshop

n this tutorial, I will show you the steps I took to create this Rough Woody Text Effect Made of Wood Splinters in Photoshop. We will also use some ground textures and dirt brushes to achieve some special effect. Have a try!
Here is a preview of the final effect I have for this tutorial: (click to enlarge)
rough wood text flatten 2 489x700 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop

Create a new document sized 700px * 1000px with white background, then paint some dirt texture with the brush you downloaded: (please use any brush you like, no need to use the same brush as mine)
1 paint 488x700 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Grab a chalk brush from the brush window and set the brush colour to be light brown, then paint some ground on the canvas:
1 brush 500x391 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
1 paint ground 490x700 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop

Step 2

Load the nature path stock image into Photoshop, select a portion of the image as shown below:
2 rock 500x233 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Copy and paste the selection onto our image, then adjust the perspective a bit with the free transform tool:
2 paste1 500x253 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
I decided to add some art feeling to the image. Go to Filter > Artistic > Cutout and  apply the following settings to this ground texture:
2 cut out 500x470 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Then erase the edge of this ground texture with a soft eraser:
2 erase2 500x230 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop

Step 3

Use the font we download, type a letter on the canvas:
3 type 500x665 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Apply the follow layer blending options to this text layer:
Bevel and Emboss
3 bevel 500x350 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Gradient Overlay
3 gd ov 500x350 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Select the chalk brush preset from the brush window:
3 chalk 500x395 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Use the eraser tool with the chalk brush setting, erase the edge of the text to create some roughness:
3 rough edge 459x700 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
and here is the effect so far:
3 effect1 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop

Step 4

Load the wood splinter image into Photoshop, use the Quick Selection tool to select a sharp piece from the image:
4 select 500x295 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Copy and paste the selection on to our letter:
4 paste1 500x641 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Go back to the wood stock image and repeat the step above, until the entire letter is covered.
Use the Warp Tool to adjust the shape of the wood for the right part of the letter:
4 warp 500x381 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Use a soft brush to erase the edges so it blends into the background:
4 erase1 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Carefully paint shadow under the text with a soft black brush, use the Free Transform tool to adjust its size when necessary:
4 shadow 500x561 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop

Step 5

I decided to use my own colour for this image. So I add a black and white image adjustment layer to the top of all previous layers:
5 bw1 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
By have this black and white adjustment layer, we can re-define the colour of the image, and also make certain areas darker (or lighter).
Also add a Curves adjustment layer on top of the black and white adjustment layer:
5 curves Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Mask on this Curves adjustment layer:
5 curve mask 497x700 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Use the dirt brush you downloaded, paint some splash around the edge of the text:
5 dirt paint 500x291 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Create a new layer and use a dark green (or yellow) brush with around 20% flow and opacity, paint over the areas indicated below: (This adds a level of roughness and give the image some rusty feeling)
5 paint colour dirt 500x489 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop

Step 6

We’re almost done. I decided to add some more rough feeling to the image. To do this, flatten the image (make sure you save a layered copy before you do this) and duplicate the background layer, apply the following Reduce Noise filter to the duplicated layer:
6 reduce noise 500x376 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Reduce the layer opacity of this duplicated layer to around 80%, then add the following image adjustment layers on top of it:
Levels
6 lv Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Mask on Levels adjustment layer
6 lv mask Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Curves
6 curve Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Colour Balance
6 col sha Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
6 col mid Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
6 col hig Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Mask on Colour Balance layer:
6 col mask Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
For more depth of the image, use the dodge and burn tool (with around 20% exposure) as indicated below:
6 dodge burn1 500x572 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
and here is the final effect: (click to enlarge)
rough wood text flatten 2 489x700 Create an Rough Woody Text Effect with Wood Splinters Texture in Photoshop
Ok that’s it for this tutorial! Just one last word: always try out different layer blending modes and see what effect that bring you! Sometimes you will be surprised to see some real cool effects :)
I hope you enjoy it and find it useful and inspirational!
Until next time, have a nice day!

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

40 latest creative photoshop text effects

Create a Glowing Liquid Text with Water Splash Effect in Photoshop In this tutorial, we will show you the steps we took to create a Glowing Liquid Text Effect in Photoshop. We will be practising the use of liquify filter, layer blending options, as well as some image adjustments. Create a Realistic Wooden 3D Text Image In this tutorial we are going to take a few 2D textures as well as a few Photoshop techniques to create a realistic 3D text image. Easy X-Ray Typography In Photoshop In this tutorial we will show you how to create a simple x-ray effect of a letter, in this case the Abduzeedo logo A. The whole process is quite simple but it will require a couple of hours to pull it off. Easy Furry Text In Photoshop In this tutorial we will show you how to create a really cool and super simple furry text in Photoshop CS6. We will use basic filters and tools but it’s nice to say that we took advantage of the a new feature in Photoshop CS6 that is to apply layer

150 + Ultimate Round-Up of Illustrator Tutorials

01. Learn Illustrator CS3 in 30 Days Tutorial Link 02. A Comprehensive Guide: Illustrator’s Paintbrush Tool and Brush Panel Tutorial Link 03. Illustrator’s Pen Tool: The Comprehensive Guide Tutorial Link 04. Utilizing the Magic Wand’s Tolerance Levels Tutorial Link 05. Illustrator Live Trace Tutorial Link 06. Adobe Illustrator CS3 Tutorial: Selection Tools Tutorial Link 07. Spraying Symbols in Adobe Illustrator Tutorial Link 08. Duplicate with rotate tool Tutorial Link 09. An Intro to the Mesh Tool Tutorial Link 10. Illustrator Make with Mesh Tutorial Link 11. Tips for Working with the Gradient Mesh Tool In Illustrator Tutorial Link 12. Spiral Tool Mysteries – Solved! Tutorial Link 13. Using the Pathfinder and Align tool in Illustrator Tutorial Link 14. How to Make a Custom Illustrator Brush Tutorial Link 15. Get More-Natural Adjustments with the Illustrator “Reshape” Tool Tutorial Link 16. Fun