So, you’ve got a logo in Adobe Illustrator. Lovely clean edges, immaculate lettering. Someone’s spent hours getting it right. Now you’ve been asked to damage it. Professionally, of course. We’re after cracked ink, missing bits, the look of a band T-shirt that’s survived thirty years and several questionable washing machines. Fortunately, we can skip the thirty years. No waffle, no preamble, no BS.
Get your logo open. Five minutes of carefully undoing someone’s hard work, and we’re done.
I’ll show you how to distress a logo in Adobe Illustrator using a texture and an opacity mask. The mask hides parts of the logo wherever the black texture marks fall, creating transparent cracks and missing patches of ink while keeping the original artwork editable. Check out the before and after image below.
What you’ll need
- Adobe Illustrator on desktop.
- A vector logo, badge or piece of lettering. If you’re starting with a bitmap logo, convert or redraw it as vector artwork for this workflow.
- A distress texture. This walkthrough uses black vector texture marks.
I’m using my Cracked Plastisol Textures for Illustrator, a paid pack containing 20 vector textures made from real printed ink. You can also follow along with a suitable texture you already own.
Working in Photoshop instead? My cracked plastisol texture tutorial for Photoshop shows you how to create a similar worn ink effect using layer masks.
Watch: how to distress a logo in Illustrator
Watch the complete process below, or follow the illustrated steps underneath.
Let’s get into this.
How to distress a logo in Illustrator, step by step
1. Prepare and group your logo
Open your artwork in Adobe Illustrator and save a working copy before making changes. It’s always a good idea to keep the original logo somewhere safe. You don’t want to accidentally save over it and then shit the bed when you can’t find the original.
Select the parts of the logo you want to distress together, then choose Object → Group.
You can also use:
- Mac: Command + G.
- Windows: Ctrl + G.
Grouping lets one texture run across the lettering, illustration and other selected elements.
Keep the background outside this group. We want the texture to make gaps in the logo so the background shows through.
2. Choose a texture that suits the design
The texture makes a considerable difference to the result. Fine cracks give your logo a gently aged, worn finish, while larger patches of missing ink create a more distressed look. For a vintage screen-print effect, look for irregular cracking and flaking ink—the sort of weathered detail you’d find on an old band T-shirt.
Use finer textures around small lettering and broader cracks across bold shapes. Start with less damage than you think you need—you don’t want to lose important details.
3. Position the texture above the logo
- Copy your chosen texture into the logo document.
- If the texture isn’t already grouped, select its shapes and choose Object → Group. Keep it separate from the logo group.
- Choose Object → Arrange → Bring to Front.
- Move and resize the texture over your logo, keeping large cracks away from important details.
Keep backgrounds and unrelated objects unselected. You should have two separate groups: the texture above and the logo below.
4. Create an opacity mask
Select both the grouped logo and the texture group above it.
Open Window → Transparency. If you can’t see the panel’s additional controls, choose Show Options from its menu.
Then:
- Click Make Mask.
- Deselect Clip.
- Leave Invert Mask switched off for this black-texture example.
Your logo should now have gaps where the black texture marks overlap the artwork, creating that cracked, worn ink effect.
If the artwork disappears when you first make the mask, check Clip. With the black texture marks we’re using here, turning it off should reveal the logo outside those marks.
An opacity mask controls visibility: black hides artwork, white reveals it, and grey creates partial transparency. It hides areas of your logo without deleting the original paths.
5. Adjust the texture without damaging the logo
Select the masked logo and click the mask thumbnail on the right in the Transparency panel. You can now select and adjust the texture inside the mask.
Try:
- Moving a large crack away from an important letter.
- Rotating the texture to change the direction of the wear.
- Resizing it to make the cracks finer or broader.
- Removing individual texture marks that obscure a small detail.
Use the Direct Selection tool if you need to select individual paths within the texture group.
When you’ve finished, click the artwork thumbnail on the left to return to editing the artwork normally. Otherwise, you’ll remain in mask-editing mode.
Check the whole logo before moving on. You want cracked, flaky ink with the important details intact and the lettering still readable.
6. Check the backgrounds and physical size
Place a coloured rectangle behind the logo, outside its masked group. Try light and dark backgrounds. Each background should show through the distressed areas.
White shapes placed over a logo can look convincing on a white artboard. Changing the background reveals whether you’ve created transparent gaps.
Check the logo’s physical dimensions, especially if you’re printing it on a T-shirt. You don’t want artwork measuring 1 cm across when the finished print needs to be 20 cm.
To set the size:
- Leave mask-editing mode and select the complete masked logo.
- Open Window → Transform.
- Keep the width and height proportions linked.
- Enter your intended width or height—for example, 20 cm. Illustrator will calculate the other dimension.
Scale the complete logo and its linked mask together. The vector detail will stay sharp, but the cracks will grow too. A paper print at the intended size is a useful final check.
7. Save your editable artwork and export a copy
Save an Illustrator file with the opacity mask intact so you can change the artwork or amount of wear later.
For a transparent preview image:
- Hide any background rectangles you added for checking the logo.
- Choose File → Export → Export As.
- Select PNG.
- Tick Use Artboards if you want the PNG cropped to the artboard.
- Choose a transparent background in the PNG options.
- Open the exported file and check the result.
A PNG is a raster image, so export it at suitable dimensions for its intended use. For production, ask your printer which file format they need and how fine a gap their process can reproduce.
So what have we learned?
That’s it. Pretty neat, huh? We’ve learned today that it’s relatively simple to give your logo in Adobe Illustrator that aged, worn, flaky ink look—the sort of finish you’d find on a screen-printed T-shirt from the 1970s. Years of wear, achieved in a few simple steps. Awesome sauce.
Now you can go forth and apply as many distressed effects as your mind can think of. Keep this in your arsenal of skills because it’s useful as a designer. You’re going to use it over and over again.
Below, I’ll answer some of the more frequently asked questions. But if you’re clear on the process, you’re good to go. Be lucky.
Frequently asked questions
Can I distress a logo in Illustrator without Photoshop?
Yes. You can apply and edit the texture entirely in Adobe Illustrator using the Transparency panel and an opacity mask.
Can I use a PNG or JPEG texture?
Yeah, sure you can. Illustrator supports raster images as opacity masks, but for this vector workflow I’d suggest converting your texture using Image Trace, then expanding the result. Keep the black texture marks and remove any background shapes. Check the tracing carefully, as it can change finer details.
Will my distressed logo still be vector artwork?
Yes, if both the logo and texture use vector paths. A raster texture remains raster, and exporting the finished logo as a PNG produces a raster image.
Do I need to outline my text first?
You don’t have to—the opacity mask works with live text. I’d still suggest outlining your finished lettering using Type → Create Outlines. Keep an editable copy first, as outlined text can’t be edited as wording afterwards.
Can I remove the distress effect later?
Yes. Select the artwork and choose Release Opacity Mask from the Transparency panel menu. To disable the effect temporarily, Shift-click the mask thumbnail.
Can I distress a multicoloured logo?
Yes. Group the parts that should share the texture, then apply the mask to that group. You can treat individual elements separately if they need different amounts of wear.
Why does my logo disappear when I make the opacity mask?
For this black-vector-texture setup, deselect Clip and check that the mask doesn’t contain a solid black background shape. Before making the mask, the texture group should sit above the logo group, with both selected.
Do I need to buy a texture pack?
No. Use a suitable texture you already own or make your own. To follow these exact settings, use black vector marks without a solid background shape.
If you want the textures used here, my Cracked Plastisol Textures for Illustrator pack includes 20 variations made from real printed ink.
Written by Simon Stratford, type designer and graphic designer. These are my opinions, reached after too little sleep and too much coffee. You can also follow my antics on @itsmesimonok, or leave a comment below. Despite all the opinions, I’m actually quite nice.