Burnt Text Effect
October 2, 2010 | 15 Comments » | Category: Inspired, Simple
In this tutorial, we are going to create a simple burnt on wood text effect, using simple layer styles for the text, and some filters and nice brushes for the Background.
The Final Result:
Notes:
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
Resources:
* Burn Color Palette
* Grunge Brushes by ~Aramisdream
* grunge.28 Brushes by *ShadyMedusa-stock
Step 1:
Set the Foreground color to #925f2d, and the Background color to #694018. Fill the Background with the Foreground color (#925f2d), then go to Filter -> Render -> Fibers. Type in the value (22) for Variance, and (5.0) for Strength.

Step 2:
Go to Filter -> Render -> Lighting Effects, and create the effect below:

Step 3:
- Now, we are going to use the Brushes to add some texture to the Background.
Create a new layer, call it “grunge – bottom”, and from the first Brushes set (Grunge Brushes by ~Aramisdream), choose the brush highlighted below. Using the color #a5a4ac, place the brush the way you like on one of the corners of the Background.

Change the layer “grunge – bottom” Blend Mode to “Vivid Light”.

- From the same Brushes set, choose the brush below, and change the color to #c2bdad. Create a new layer and call it “grunge – top”. Place the brush at the top of the layer.

Change the layer “grunge – top” Blend Mode to “Multiply”.

- Finally, using the same color (#c2bdad), but the second Brushes set (grunge.28 Brushes by *ShadyMedusa-stock), create a new layer and call it “grunge – BG”, and use the brushes highlighted below to scatter some texture on the Background.

Change the “grunge _ BG” layer Blend Mode to “Multiply” as well.

Step 4:
Now, it’s time to create the text. Grab the color #f6f1e0, and create your text using a bold font. I’m using the font “Trumania EEN”, and the size is (206) px.

Step 5:
Double click on the text layer to apply the following layer styles:
- Apply a Drop Shadow. Change the color to #533416, the Distance to (0), the Spread to (6), and the Size to (20).

- Add an Inner Shadow. Change the color to #be7d0c, the Distance to (0), the Choke to (20), and the Size to (30). Some Noise will add a nice effect to the text, so go ahead and adjust the Noise value until you’re satisfied with the result.

- To intensify the burning effect, we are going to mess a little bit with the Outer Glow. Change the Blend Mode to Multiply, using the color #bfa68e, and the size value of (18)px.

- And finally, we will be using the Inner Glow to add the burning effect for the inner side of the text. Again, change the Blend Mode to Multiply, (we’re burning it up! remember?), change the color to #af641a, and the Size to (8)px.

Step 6:
Now to the fun part. Know the shaking hand you get when using the “Lasso Tool”? Yeah! we’re gonna make use of that! So grab the Lasso Tool, and start creating some “shaky” jagged edges around the letters. Choose the Add to Selection option to create the selection for all the letters at the same time.

Step 7:
Once you’re done drawing the selection, you can duplicate the text layer to keep a backup, then go to the current layer you’re working on, right click on it, and click on Rasterize Type.
Then, go to Select -> Inverse to inverse the selection, (or just press Shift + Ctrl + I), and hit Delete to remove the outer edge.

Finally, change the Layer Blend Mode to Soft Light, and the Fill value to 85%. Notice that we do NOT change the Opacity value, but rather the Fill value, as the Opacity will reduce the Styles opacity along with the fill.

And this is the final result again.
Muito bom o tutorial, parabéns.
Colocarei em meu site um que fiz seguindo as instruções.
Paz.
Thanks!
Desculpe-me, não informei o site, agora está correto.
Paz.
good one too
Thanks.
to Bad that This Will Not Work on a Mac.
Why not?
It’ll work on mac. Worked for me. I have a different question though.
Say I want to take a black square. Use the type tool over it with the letter “e”. And then remove the e in both layers. I hope that makes sense.
I suppose a better way of phrasing this would be that after I delete the “e”, the black square shows the “e” shape, but it goes straight to my background layer and I see white (Or even transparent).
Hello Shawn,
There are a couple of ways to do that, but I guess this is the easiest way:
- First, you need to create the black square on a new layer, using the “Rectangular Marquee Tool” to draw the square selection, then, fill the selection with the black color.
- Create the “e” letter on a separate text layer on top of the black square layer.
- Press the Ctrl key, and while still pressing, click on the “e” text layer’s thumbnail (icon). This will create a selection (shaped like the “e” letter).
- Click on the black square layer so that it is the active layer, and hit “Delete”.
- Make the text layer invisible (by clicking the “eye” icon next to it to remove it).
- Finally, press Ctrl+D (or go to Select -> Deselect) to get rid of the selection.
Hope this helps!
Ah! I completely forgot about the ability to select the layer like that. Is there a similar way to do this in AI as well by chance?
Also thank you for the help. That was extremely helpful!
You’re welcome!
As for AI, I don’t really know how that can be done, sorry!
Thanks for the comment.
Cheers!
good one too….
Thank you!
How would you alter for Large Format texts?
You’ll need to use bigger values for the layer effects. Or, you can simply scale them up after you use the values in the tutorial.
If this is not what you mean, please feel free to add a reply with more details.