In today’s post, you’ll learn how to create a knockout design in Silhouette Studio.
A knockout design is when two images (or lines of text) overlap and one design is “knocked out” of the other. The file used in this tutorial is in my FREE Resource Library. You can get the password for the library by filling out the form at the bottom of this post. However, I want to show you how to design your own as well. Learning this easy technique leads to many more crafting ideas! It is super easy!!! Disclosure: This post contains affiliate links for your convenience. Read my full disclosure policy here for more details. As an Amazon Affiliate I earn from qualifying purchases.
Here is the step by step tutorial for this technique.
Here’s What You’ll Need
Open Silhouette Studio.
Insert the image you want or in this tutorial it was all words. Type the main word you want (or insert an image.) Select an appropriate font using the Type Tool on the right. I chose a thick bold font, LW Super, for the main word.
It’s helpful to use the fill tool to fill your text with color so you can get a better idea of how the finished project will look.
Then add the second line of text, using a different font. I used Lilly Belle for a scripty, curvy contrast to the boldness of the LW Super. Use the fill tool for this also, but in a contrasting color. Again, this step is only to help you visualize the final project.
Line up this second line of text to correspond to the first text to get the look you’re going for. In this example, I wanted my second line of text to extend just beyond the first line. Be sure this second line of text is “in front” of the first line, which it will be if you typed it second. Otherwise, simply right-click on it and then select “Bring Forward.”
After it’s sized correctly, make a copy of this second line of text. I always do this as a backup
in case for all the millions of times I mess up on my first effort.
Now for the Knock-Out
You’ve arranged your design just as you like it. Now it’s time to “knock-out” part of the design. This leaves behind an outline for the line of text.
Select the second line of text. Then select the “Offset” tool indicated by the red arrow in this picture.
Just as the name implies, this creates an offset around the words or image you selected. Use the controls within the Offset Panel to adjust how large of an offset you want. Then click apply.
Next, modify the background text or image.
You’ve created an offset. The next step is to remove that offset from the background image or in this case, the first line of text.
Select both the background text AND the second line of text.
Click on Object>Modify>Subtract All as shown in the picture below.
Now simply select only the offset you created and move it out of the way or delete it.
RELATED READING: Create your own custom monogram
Finally, admire your creation!
Move the original text back into position. See how much better it looks with an offset border around it! If you’re cutting vinyl with the design, this technique also reduces the thickness that overlapping vinyl creates.
Watch this short video to see it in action. This was as lot of writing, and sometimes a video is worth a thousand words. You’ll see just how easy it really is!
FREE CUT FILES & PATTERNS
Get the password for the Resource Library with the free files used in this tutorial by filling out this form. Download the pattern from my Resource Library. The file is saved as a zip file which is compressed. So when you download it, you have to “unzip” it or uncompress it to get the file. Now you can see the SVG cut file for your automatic cutting machine.
Subscribe below to get the password if you haven’t already subscribed to my newsletter.