This quick and simple text effect will transport you to the colorful streets of Mexico. It’s easy to put together using Adobe InDesign, and you can adapt the text to suit your own purposes. Why not try using this effect for street food or restaurant branding?
Suitable for beginners to InDesign, this is a good all-round introduction to some of the basic tools and panels in InDesign. You can also watch a video tutorial:
What You’ll Need to Create Text Effects in InDesign
We’ll put together the text effect in Adobe InDesign, but you’ll also need access to vector software like Adobe Illustrator for quickly editing the paint splash graphic we’re going to use in the design.
You’ll also need to download some of the following items from Envato Elements:
info
Let’s get started with this InDesign distressed effect tutorial!
1. How to Create a Brick Backdrop for Your Text
Step 1
The first thing to do in this distressed effect tutorial is to open InDesign and go to File > New > Document. You can create your text effect on any page size, but here I’m going to set it up on a single A3 Landscape page. Click Create once you’ve set your page size.
Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming the layer Wall.
Create two more new layers, naming them Paint and, at the top, Type.
Then lock both the Type and Paint layers, and click on Wall to activate it.
Step 2
Expand the Swatches panel (Window > Color > Swatches), and choose New Color Swatch from the panel’s main menu.
Name the swatch Mustard and set the levels to C=7 M=22 Y=83 K=0. Click Add and Done.
Repeat to create four more new swatches, with the following names and CMYK levels:
- Red: C=0 M=84 Y=77 K=0
- Off-White: C=4 M=4 Y=2 K=0
- Stone: C=10 M=12 Y=32 K=0
- Green: C=83 M=30 Y=89 K=17
Step 3
Working on the Wall layer, select the Rectangle Frame Tool (F) and drag across the page. File > Place, navigate to the brick wall photo, and Open, allowing it to fill the frame.
With the image frame selected, head up to Object > Effects > Transparency. Bring the Opacity down to 75% and click OK.
Step 4
Use the Rectangle Tool (M) to create a shape across the page, extending the right and left edges outwards by about a quarter-page width.
From the Swatches panel, set the Fill Color of the shape to Stone.
With the shape selected, go to Object > Effects > Transparency, as before. Set the Mode to Multiply and the Opacity to 55%.
Click on Gradient Feather at the bottom of the Effects window’s left-hand menu. Set the Type to Radial, allowing the gradient to become more transparent towards the center of the shape.
Then click OK to exit the window.
2. How to Add Type to Your Design
Step 1
Return to the Layers panel and lock the Wall layer. Unlock the top layer, Type.
Use the Type Tool (T) to create a text frame centrally on the page, typing in a word (like here, ‘Oaxaca’). From either the top Controls panel or the Character panel (Window > Type & Tables > Character), set the Font to Buckwheat Painted.
Then switch the Font Color to Green.
Step 2
With the text frame selected, go to Object > Effects > Transparency. Set the Mode to Multiply and the Opacity to 95%.
Click on Inner Glow in the left-hand menu. With the Mode set to Normal, bring the Opacity down to about 40%. Set the Size to 0.946 mm and add around 15% Noise. Then click OK.
Step 3
Select the text frame and Edit > Copy, Edit > Paste it.
Working on the copy of the frame, switch the Font Color to Off-White.
Head back to Object > Effects > Transparency, and uncheck the Inner Glow box to remove the effect. Adjust the Transparency Mode to Normal, and click OK.
On the copy, Right-Click > Arrange > Send to Back.
Then position it just underneath the green text, poking out a little to the left and down, to create a shadow effect.
Step 4
Create another text frame to the top-right of the large text frame, and type in an introductory word or phrase (like ‘Bienvenido a’), setting the Font to LunchBox Slab Bold and the Font Color to Red.
Hover over the bottom-right corner of the text frame and rotate it slightly upwards, giving it a subtly jaunty angle.
Step 5
Go to Object > Effects > Transparency, and set the Mode to Multiply and Opacity to 95%.
Click on Drop Shadow in the window’s left-hand menu, and adjust the Effect Color to Mustard. Increase the Opacity to 100%, Distance to 3 mm, Angle to 51, Spread to around 70%, and Noise to about 13%.
Click on Outer Glow, and set the Opacity to 55%. Add about 30% Noise and then click OK.
3. How to Add a Splash of Paint to Your Text Effects in InDesign
Step 1
Open up the hand-painted masks pack you downloaded earlier, and expand the EPS-Format folder. Find the image named 19.eps, and open it in Adobe Illustrator.
Right-Click > Ungroup the graphic.
Step 2
Expand the Swatches panel (Window > Swatches) and choose New Swatch from the panel’s menu.
Set the levels to C=7 M=22 Y=83 K=0, to match the Mustard swatch in your InDesign document.
Apply the yellow swatch to the Fill of the paint splash. Then select the paint splash and Edit > Copy it.
Step 3
Head back to your InDesign document and lock the Type layer. Unlock the middle layer, Paint.
Edit > Paste to drop the paint splash vector onto the page. Position it behind the main text frame in the center of the page.
With the vector selected, go to Object > Effects > Transparency, and set the Mode to Multiply, before clicking OK.
And there we have it! Your text effect is finished, and it’s looking fantastic! To save it as a PDF, JPEG or PNG image to print or share online, simply head up to File > Export in InDesign.
Awesome Work—You’re Done!
Your text effect is finished—awesome work!
5 Cool Text Effects for Photoshop (From Envato Elements)
The previous tutorial guided you through the process of creating impressive InDesign text effects. In this section, we’ve curated some cool text effects for Photoshop that you can design and integrate into your InDesign projects.
If you’d like to see more cool text effects for Photoshop, go to Envato Elements. Here you can find thousands of creative assets like graphics, illustrations, backgrounds, stock videos, and so much more.
1. Modern Chrome Text Effect (PSD)
Here’s a modern take on chrome text effects. This effect is a tribute to Y2K aesthetics, offering easy customization, smart object replacements, a fully layered PSD file, and organized layers. Download this chrome text effect and start using it right away in your design projects.
2. 3D Text Effect (PSD)
If you need a 3D text effect that goes well with everything, here’s the right option for you. The best thing about this text effect for PSD is that in a matter of clicks, you can turn your design into an amazing 3D text effect.
3. 80s Retro Text Effect (PSD, PDF)
Feeling nostalgic? Create iconic retro text effects with this 80s look. Download it and get ten different retro text effects, 100% editable, with a help file and fonts included.
4. Cool Glitch Effect for Texts (PSD)
Give your designs a completely different form and shape with this cool glitch effect for text. You get two types of glitch effect text—one has a black and white filter, and the other one has a colorful glitch.
5. 8 Christmas Text Effects (PSD, ASL)
You might only use these Christmas text effects once a year, but this pack has eight different styles that you can customize for other yearly celebrations. These come with editable files and organized layers.
Discover More Tutorials on Envato Tuts+
If you’re on the hunt for more great fonts to use in your text effects, head on over to Envato Elements to browse a huge range of display typefaces.
Check them out. We’re pretty sure you’ll soon be creating amazing projects!