Quick & Easy Cutout Text in Illustrator
posted by Raffi Illustrator, Illustrator Beginner July 3rd, 2009Sometimes you might find that you want to have text cut out of a shape, rather than placed on top of it. This allows for the colors and/or patterns on the layer behind the shape to show through the letters. You have a two options for doing this in Illustrator…both of which are quick and easy.
First, create you shape. I am using a plain black rectangle as seen below.
Next, place your text on top of your shape.
Once you have it positioned where you want to cut it out, with the text selected, create outlines of the text by going to the Type menu and choosing Create Outlines. The text will no longer be editable once you do this – so be sure it reads correctly.

Now you have two options on how to proceed in cutting or knocking the text out.
OPTION ONE
With both the outlined text and the shape selected, go to your Pathfinder palette and click on the Divide icon. This will divide the overlapping areas into separate shapes. Then select any of the letter shapes and delete. this will remove the overlapping area and leave a “hole” through the shape.
Delete all of the divided letter shapes, and you are left with your orginal shape with “holes” where all of the letters used to be.
OPTION TWO
With both the outlined text and the shape selected, go to your Shape menu and make a Compound Path. This will make the two shapes into a single shape, leaving any overlapping areas as negative space.
Now you can take your shape with cutouts and place it on top of other layers and what is behind it will show through!
August 2nd, 2009 at 1:13 pm
Thank you so much!!! This has been hurting my head for sooo long, now I can move on with this project. Consider this page bookmarked and printed! Thanks!
November 27th, 2009 at 5:24 am
there is also a third method to do this… create outlines as in step 1, then select both objects and click the minus front button in the pathfinder palette…
August 17th, 2010 at 3:32 pm
Thanks mate!
Simple, straight to the point and really helpfull.
CHEERS
April 1st, 2011 at 11:37 pm
[...] divide objects below, but that didn't work. I also tried the techniques described in this tutorial Quick & Easy Cutout Text in Illustrator R-Design graphic design tutorials, but niether of those worked either. I kept getting some kind of error message in illustrator. I [...]
December 7th, 2011 at 6:31 pm
Great information! This is strangely hard to figure out on your own. The step I couldn’t figure out was to delete the letters once you do it in order to see behind them
April 9th, 2012 at 4:24 am
I appreciate you sharing this article post. Fantastic.
October 22nd, 2012 at 4:41 am
Thank you!!!!! I have had such a hard time trying to work this out – I can finally sleep tonight!
November 10th, 2012 at 4:49 pm
And again i learned a new cool little thing which will make my life a bit easier. Thanks !!!
December 12th, 2012 at 7:14 pm
Another useful way:
Put the text behind the shape
Group those two items
Apply this to the group: Effect/Pathfinder/Minus back
That way, you can edit your text or the shape dynamically later throughout the project (without having to do this from the start)
April 23rd, 2013 at 6:59 am
Didn’t work for me. Either of them. Well yea, it did cut the text, but the text only..
April 23rd, 2013 at 8:52 am
That’s what this tutorial is meant to do, cut out text. What were you trying to do that didn’t work?