burn

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:

Burn

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.

burn BG step 1

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

burn BG step 2

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.

burn BG step 3-1

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

burn BG step 3-2

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

burn BG step 4-1

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

burn BG step 4-2

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

burn BG step 5-1

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

burn BG step 5-2

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.

burn TE step 1

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

burn TE step 2

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

burn TE step 3

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

burn TE step 4

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

burn TE step 5

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.

burn TE step 6

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.

burn TE step 7

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.

burn TE step 8

And this is the final result again.

Burn

Don't forget to subscribe to our RSS feed and follow us on Twitter.

» 15 Comments

  1. Stol says:

    Muito bom o tutorial, parabéns.
    Colocarei em meu site um que fiz seguindo as instruções.
    Paz.

  2. Stol says:

    Desculpe-me, não informei o site, agora está correto.
    Paz.

  3. textuts says:

    Thanks.

  4. Don says:

    to Bad that This Will Not Work on a Mac.

    • textuts says:

      Why not?

      • Shawn Boyle says:

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

        • textuts says:

          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!

          • Shawn Boyle says:

            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!

          • textuts says:

            You’re welcome!
            As for AI, I don’t really know how that can be done, sorry!

            Thanks for the comment.
            Cheers!

  5. iyappan17 says:

    good one too….

  6. Jill says:

    How would you alter for Large Format texts?

    • textuts says:

      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.

» Leave a Reply

(required)

(Will not be published) (required)