Copyright Silhouette School 2016. Powered by Blogger.

Silhouette Knockout Technique Tutorial (Part 1: Designing)


Silhouette tutorial, knockout technique, knockout, Silhouette Studio

Today's tutorial is brought to you by the words: Popular Demand! That's right I heard you loud and clear - you want a tutorial on the Silhouette 'Knockout' technique.  It's actually a pretty easy to do once you get the two main steps down..so here goes!

Oh and before you move on..do me a HUGE favor and vote for Silhouette School as Blogger of the Year in the People's Choice category!! 
Nominated for Blogger Of The Year Award
And now carry on knockout-ers!
Start by opening up Silhouette Studio.

Use the text tool to type out your text.  For a knockout, I like to pick a font that's pretty bold like Arial Black.  You can always put a slight offset around the font to make it even thicker if you want to.

Silhouette tutorial, knockout technique, knockout, Silhouette Studio
OPTIONAL (but suggested): After you've typed out the font you may want to bring the lines of the font closer together as well as the characters.  In the Text Style window use the line spacing tool to adjust the spacing between the lines of the text.  Use the Character spacing to bring the letters closer together. I've filled in the text here so you can see more easily. 


Silhouette tutorial, knockout technique, knockout, Silhouette Studio, text style

Now find and open the design you want to 'knockout'. In this case I'm going to use a black and transparent version of the Silhouette School logo. (I find it MUCH easier to design when my pieces are filled in with the color - using the fill tool - of the material in which I will ultimately cut on.) You want to open the design second because you want it "in front" of the text.

If your design is not in .studio file, but instead a JPEG you'll need to  trace it to get cut lines around it. Follow this tutorial to turn a JPEG/GIF/PNG into a cut file. 

Place the design over the text where you want it. If you'd like it exactly centered, use the align tool to get it perfect!

Silhouette tutorial, knockout technique, knockout, Silhouette Studio

Select both the text and the design > Copy > Paste to make a duplicate.

Then open up the Modify window.

Select both the text and the design of the top version and from the modify window click CROP. 
Silhouette tutorial, knockout technique, knockout, Silhouette Studio, modify, crop

You'll notice that much of the design will disappear, the design will no longer be grouped, and the color will have changed.

Silhouette tutorial, knockout technique, knockout, Silhouette Studio

Group it all back together by selecting all the pieces > right click > group. And then fill it with the correct color again.

Silhouette tutorial, knockout technique, knockout, Silhouette Studio, group

Now you're going to work with the bottom version. Select both the text and the design again and this time from the Modify window click "SUBTRACT".

Silhouette tutorial, knockout technique, knockout, Silhouette Studio, modify, subtract

Again, group all the pieces so they move together. 

Now select the top piece of your design and drag it over the bottom "knocked out" text to line it up.

Silhouette tutorial, knockout technique, knockout, Silhouette Studio


Silhouette tutorial, knockout technique, knockout, Silhouette Studio

Now that you know how to design a Silhouette knockout design you need to cut it. But how you cut it will depend on what you're cutting it on...and that deserves a tutorial of it's own! I'll have part 2 of the Silhouette knockout method on the blog next week. So go get designing so you're all ready to cut!

Note: This post may contain affiliate links. By clicking on them and purchasing products through my links, I receive a small commission. That's what helps fund Silhouette School so I can keep buying new Silhouette-related products to show you how to get the most out of your machine! 

Thanks for coming to class today at Silhouette School.  If you like what you see, I'd love for you to pin it!


 photo 2b820f06-c93b-4b24-929c-96287390140f_zpsf3cd3a23.jpguse twiter photo Twitter_48x48_zps4e06061c.pnguse twiter photo Twitter_48x48_zps4e06061c.pngUse Feed photo Feed_48x48_zps63f27a4f.png photo 2b820f06-c93b-4b24-929c-96287390140f_zpsf3cd3a23.jpgUse Feed photo Feed_48x48_zps63f27a4f.pngUse Feed photo Feed_48x48_zps63f27a4f.png

7 comments

  1. this is incredible! My mind is beyond blown. Thanks for the tutorial

    ReplyDelete
  2. Wonderful tutorial and so easy once the steps are known :) Question: this works great if the image is single color. Is it possible to do a knockout if the image is multiple colors? Thank you!

    ReplyDelete
  3. HELP! The crop works great on my first font/image grouping, but when I am trying to use the Subtract option it just deletes my entire design. What am I doing wrong?

    ReplyDelete
  4. Only half of my image shows when I Subtract!

    ReplyDelete
  5. I have had my cameo 2 years and have wanted to try this but it seemed to difficult. Your tutorial made it a piece of cake!! I wish I had found you sooner. Since finding your blog I have tried several things successful with your help!! Thanks!!

    ReplyDelete

Thanks for leaving a comment! We get several hundred comments a day. While we appreciate every single one of them it's nearly impossible to respond back to all of them, all the time. So... if you could help me by treating these comments like a forum where readers help readers.

In addition, don't forget to look for specific answers by using the Search Box on the blog. If you're still not having any luck, feel free to email me with your question.