How to Create Knock Out Text - Inkscape & Cricut Design Space

Created on:

June 1, 2022

Updated on:

January 20, 2024

Written by Kelsey Sergi

Learn how to create the knock out look on Inkscape -so you can sell your SVGs for passive income - and in Cricut Design Space!

Have you been seeing the super trendy knock out text SVG files all over social media? They are a super easy SVG file to create and quickly!

When you create on Inkscape (a free design software) you create the ability to sell your SVGs on sites like Etsy. These digital files are an excellent way to make passive income. Learn more about SVG creation in Inkscape here.

Cricut Design Space Tutorial

Step 1: Text

Cricut Design Space tutorial - making knock out text

Grab two text boxes and write the big word (background word) in one and what you want the knockout to be in the other one.

I like to do one in type font and one in a script font - I think the script font looks nice as the knockout words.

Step 2: Offset

Cricut Design Space tutorial - making knock out text using the offset feature

I am so happy Cricut Design Space now offers the offset feature to both iPad users and desktop users.

I created an offset around my knockout text of .2 and kept it rounded. Use your discretion on the size of the offset.

Step 3: Center

Cricut Design Space tutorial - making knock out text centering and resizing the text box

Use the align function to center all of the text - resize if needed!

Cricut Design Space tutorial - making knock out text centering the text

Step 4: Slice

Cricut Design Space tutorial - making knock out text using the slice feature

Slice only the offset and the back word! You will then delete all the sliced items leaving only the background image with the hole and the words we wanted for the knock out.

Cricut Design Space tutorial - making knock out text deleting pieces we don't need

Step 5: Change colors and make!

Cricut Design Space tutorial - making knock out text father's day craft project

Change any colors you would like or weld together or attach to have it cut in one image. These are so fast to make!

Inkscape Tutorial

This is super similar to the Cricut Design Space tutorial - the steps are practically the same!

Step 1: Text

Inkscape  tutorial - making knock out text for SVG creation

Grab two text boxes and write the big word (background word) in one and what you want the knockout to be in the other one.

I like to do one in type font and one in a script font - I think the script font looks nice as the knockout words.

Make sure to change the text to paths - select the text box and go to Path & then select object to path.

Inkscape  tutorial - making knock out text for SVG creation making text into a path

This will make each letter a path which means it can be uploaded and cut in Cricut Design Space.

Next grab the letters or phrases that go together and go back to path and hit union - this makes them one piece.

Inkscape  tutorial - making knock out text for SVG creation union the text

Step 2: Outset

First I duplicated my knockout text.

Inkscape  tutorial - making knock out text for SVG creation duplicating text

Then, I created an outset around my knockout text by going to path and then outset. I did this around 4-5 times to create a good amount of space.

Inkscape  tutorial - making knock out text for SVG creation outset text to create a larger space
Inkscape  tutorial - making knock out text for SVG creation outset text to create a larger space

If there are any small holes in your text you can change to nodes and delete.

Inkscape  tutorial - making knock out text for SVG creation  deleting nodes

Step 3: Center

Inkscape  tutorial - making knock out text for SVG creation centering text

Use the align function to center all of the text - resize if needed! You can use control while resizing to keep the resize uniform! Make sure if you resize that you keep the offset and knockout text uniform!

Step 4: Difference

Inkscape  tutorial - making knock out text for SVG creation  difference to create a knock out look

Grab the back word and only the outset then we head back to path and do difference! This will delete the knockout from the back words! Make sure the knock out is layered on top of the back words or the difference could end up backwards.

Inkscape  tutorial - making knock out text for SVG creation  difference to create a knock out look

Step 5: Change colors and save!

Inkscape  tutorial - making knock out text for SVG creation  final FREE svg file for fathers day

Change any colors you would like or union together or group to have it cut in one image. These are so quick and now since it's saved on your computer you can sell these as digital downloads!

If you like the one I made in Inkscape you can find the free SVG file here! This Father's Day file is perfect for card making or even a cute cake topper!

If you are having any trouble - learn how to download and upload all of the free SVG files on my website here.

Happy Crafting!

Kelsey Sergi - the owner and crafter at Dinosaur Mama.

Hi crafters! I'm Kelsey and I am here to bring you new original craft projects and free SVG files for your cutting machines every week!

Want to Connect?

Instagram logo
YouTube logo
Send an email.
Pinterest logo
Back To Blog Page

Newest Blog Posts:

Contact

Thanks for your interest in Dinosaur Mama.
For more information, feel free to get in touch and I will get back to you soon!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.