This effect adds rustic charm to any typography, is quick and easy to create, and is a great way of mocking up logos or signage. We’ll use Adobe InDesign’s Effects window to develop depth, highlighting and shadowing.
Have 15 minutes? What are you waiting for!
What You’ll Need to Create Your Text Effect
As well as access to Adobe InDesign, you’ll also need to download the following image and font files:
1. How to Set Up the Wooden Backdrop for Your Effect
Open up InDesign and go to File > New > Document. You can set up your page to any size, but here I’ve set it up as Landscape A3. When you’re ready, click Create.
Expand the Layers panel (Window > Layers) and double-click on Layer 1 to rename it as Background.
Create three new layers above this, in this order—Smudge, Type, and finally Highlight at the top.
Then lock all layers except Background.
Working on Background, use the Rectangle Frame Tool (F) to create an image frame across the whole page.
File > Place, navigate to the wood texture image you downloaded earlier, and Open, allowing it to fill the whole frame.
Lock the Background layer and unlock the Type layer.
Expand the Swatches panel (Window > Color > Swatches), and choose New Color Swatch from the panel’s drop-down menu.
Set the CMYK levels to C=71 M=79 Y=66 K=92, and click Add and then OK.
Repeat to create three more CMYK swatches:
- C=26 M=75 Y=89 K=21
- C=8 M=46 Y=42 K=1
- C=43 M=65 Y=48 K=48
Choose New Gradient Swatch from the Swatches panel’s menu.
Name the swatch Burn Gradient and set the Type to Radial.
Click on the left-hand stop on the Gradient Ramp, and choose your new dark swatch, C=71 M=79 Y=66 K=92, for this.
Set the right-hand stop to your pale swatch, C=8 M=46 Y=42 K=1. Then click on the ramp to add a central, third stop, setting this to C=26 M=75 Y=89 K=21.
2. How to Create Your Burn Effect
Still working on the Type layer, use the Type Tool (T) to create a text frame centrally on the page. Type in some text and set the Font to Douglas-Calgury Block.
Here, I’ve also added text frames above and below this central text frame.
I also add a framing circle around the typography using the Ellipse Tool (L), and increase the Weight of the circle’s stroke to 23 pt from the Stroke panel (Window > Stroke).
When you’ve finished formatting your typography, Right-Click > Group all of the elements together.
Edit > Copy and Edit > Paste the group, moving the copy over onto the pasteboard.
To format your effect you may find it easier to Right-Click > Ungroup the original type elements sitting on the page.
Select each text frame individually and apply the Burn Gradient swatch as the Font Color of each.
Also apply the Burn Gradient to any other elements, like the circle shape here.
You can use the Gradient panel (Window > Color > Gradient) to adjust the gradient on each text frame individually. Try shifting the Angle, reversing the gradient or moving the gradient stops on the ramp at the bottom, to create a deep, dark gradient effect on each text frame.
Select all the text frames and shapes and go to Object > Effects > Transparency. Set the Mode to Multiply and bring the Opacity down to 90%.
Click on Inner Shadow in the Effects window’s left-hand menu.
Click on the colored square next to the Mode menu, and from here change the Effect Color to C=71 M=79 Y=66 K=92, and click OK.
Back in the Inner Shadow menu, set the Distance to 1 mm, Size to 3 mm, Choke to 25%, and Noise to around 15%.
Click on Outer Glow in the Effects window’s menu. Adjust the Mode to Normal and Opacity to about 90%.
Change the Effect Color to C=26 M=75 Y=89 K=21.
With the Technique set to Softer, increase the Size to 5 mm, Noise to 25%, and Spread to around 45%.
Finally, click on Inner Glow in the left-hand menu. Switch the Mode to Normal, Opacity to about 85%, and switch the Effect Color to C=8 M=46 Y=42 K=1.
Set the Technique to Softer, Source to Edge, Size to 2 mm, and Noise to around 25%.
Then click OK to exit the Effects window.
Select the grouped elements which you moved over to the pasteboard earlier. Move this over on top of the elements sitting on the wooden background, placed slightly to the right, as shown below.
In the Layers panel, expand the Type layer by clicking on the arrow to the left of the Type name. Drag the <group> element down onto the Create New Layer button at the bottom of the panel, to duplicate it.
Then unlock the Smudge layer, and drag one of the two <group> elements down, dropping it onto the Smudge layer. Then you can lock the Type layer.
Working on the <group> now sat on the Smudge layer, apply the Burn Gradient swatch to each element of this copy of the typography. Use the Gradient panel (Window > Color > Gradient), as before, to adjust the angle and position of the gradient on each section of the type.
With the <group> selected, go to Object > Effects > Transparency. Set the Mode to Soft Light and click OK.
Expand the Smudge layer and drag the <group> element down onto the Create New Layer button, to duplicate the <group>.
Unlock the top layer, Highlight, and drag one of the <group> elements up onto this layer.
Lock the Smudge layer, working on Highlight.
Select the group of type elements on this page and shift its position slightly to the left. Then go to Object > Effects > Transparency. Set the Mode to Screen and click OK.
Your Finished Text Effect
Your burnt wood text effect is finished—awesome job!
You can now incorporate your text effect into other InDesign work, or go to File > Export to create a JPG, PNG, or PDF version of your effect.
Looking for more quick InDesign text effects? Make sure to check these out:
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post