Copyright Silhouette School 2016. Powered by Blogger.

Tracing Complex and Multi-Color Designs (Silhouette Tutorial)

Silhouette Studio, trace, cut, complex, layered, designs
Tracing is a pretty basic skill in Silhouette Studio...and one that I would venture to say is almost essential.  We've talked plenty about tracing here at Sil here and here and here...but today we're going to take it up a level and discuss tracing complicated and more detailed designs.

These are designs that would be cut in several layers either on different paper or vinyl.  Since I've been asked multiple times about sports logos, I'm going to use one in this example.

You'll really get a sense of why the fill tool, compound paths, and layering are important in this tutorial so stick with me.  While this tutorial will assume you know the basics of tracing images and importing jpegs into Studio, we take baby steps on Silhouette School and today's lesson is no exception.

The first thing you want to do is find the image you want to trace.  I'm using the Philadelphia Eagles logo.  Save your image as a Jpeg to your desktop and then drag and drop it into studio.  Here's the step by step tutorial in case you need a crash course on importing.

Unless you're doing a print and cut you're going to want to cut this design in at least four layers....the white top layer of the feathers, the gray layer, the black, and the white background offset.  If you want to add a fifth layer you can even do the little green area in the eye...but let's not go getting too crazy just yet.

Silhouette Studio, trace, cut, complex, layered, designs

Once the design is in Studio, resize it so it's a little easier to work with.  Now you're going to open up the Trace window > Select Trace Area > Highlight the Trace Area > Uncheck High Pass Filter > Increase  Threshold > TRACE. 

Silhouette Studio, trace, cut, complex, layered, designs

By doing those settings - with the threshold around 90 - this is the trace I get...

Silhouette Studio, trace, cut, complex, layered, designs

Below is the same trace after I hit 'Trace' and move the original jpeg out of the way.

Silhouette Studio, trace, cut, complex, layered, designs

The trace is good, but you can see we're missing some of the details - specifically the entire gray area from the original image.

So now what I'm going to do is trace the jpeg a second time. Whoda thunk?!  So move your first trace out of the way and bring your jpeg back where you can work with it. DO NOT CHANGE THE SIZE AT ALL!!!

This time I'm not going to put the threshold up so high.  I keep it around 45...just enough that it captures the gray area.

Silhouette Studio, trace, cut, complex, layered, designs

Now I have these two traces..both of which are good, but neither of which includes the entire design.

Silhouette Studio, trace, cut, complex, layered, designs

Part of the reason the gray and white do not show up in the same trace is because the trace feature works by looking for color differentials and they are relatively close. If you have multi-color image that's high contrast you may not have to do multiple traces. If that's the case, pick up from here...because we're about to get crazy with the compound paths and color fill tools.

I like to keep my jpeg in the work area so I can see what the original design looked like and refer back to it.  We're going to fill in the design with color so we can see more clearly what needs to be cut on what mediums, but first we need to release some compound paths and separate layers.

The first thing I do is release the compound paths (Highlight Traced Design > Right Click > Release Compound Path ) of both images so I can move that box/border around them out of the way. We don't need that so just delete it.   Even if you don't have a border, you need to release the compound paths so you can fill in the colors of each layer.

Silhouette Studio, trace, cut, complex, layered, designs, release compound path

Now click the Fill Tool (in blue along the top toolbar in the below screen shot) and working with one trace design at a time, click on individual sections and fill them with color.  (If you haven't released the compound path, the entire design will fill in the same color.) This will help you to see what can be grouped and layered and eventually cut together.

Silhouette Studio, trace, cut, complex, layered, designs, fill tool

As you fill in same-color pieces, group them together so they stay a few steps you'll be pulling all the layers apart.

Silhouette Studio, trace, cut, complex, layered, designs

As you fill in the colors on the first design, you'll be able to clearly see what elements from the second design you'll need, and which you can discard (some sections traced in both traces).

Silhouette Studio, trace, cut, complex, layered, designs

I obviously needed to pull the white features from the bottom design and layer it with the top design to merge the layers.  (If the top layer is going 'behind', you need to Right Click > Bring to Front.)

Silhouette Studio, trace, cut, complex, layered, designs

Now you can delete that bottom white and black part of the bird since they're duplicates. 

To prepare to cut these I have to separate them in studio and prepare my mat with white, gray and black paper... Click here for a detailed tutorial on cutting multi-color images in one cut. 

Silhouette Studio, trace, cut, complex, layered, designs

After they're cut, you simply layer them back together...for paper, with adhesive (a xyron adhesive machine makes adding adhesive super easy) or on vinyl using the registration mark layering technique I shared here.

I know what you're going to say, "If I make this as a vinyl or HTV decal...oh the bulk." Oh the bulk, is right so soon, very soon I will be sharing a tutorial on getting the layered vinyl look without all that bulk.

Note: This post may contain affiliate links. By clicking on them and purchasing products through my links, I received 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