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

Royal 3D Text Effect in Photoshop CS6

  Just make sure to check the 3D settings under Edit -> Preferences -> Performance, and Edit -> Preferences -> 3D. Default values should work fine, but if anything seems to be not working properly you can always check those settings. Step 1 - Create a new 1600 x 1200 px document and Fill the Background with black. Create the text in white using the font Dunkin Sans. The font size is 400 pt and the text is better written in All Caps (if you’re not using only numbers). Step 2 - With the text layer selected, go to 3D -> New Extrusion from Selected Layer. This will instantly convert the text layer into a 3D layer. All the 3D scene elements can be found in the 3D panel (Window -> 3D). Click the main mesh name to edit its settings. - The 3D Mesh settings and attributes can be accessed and modified through the Properties panel (Window -> Properties). If you scroll down the Properties panel you’ll find the Character Panel button, which ...