Using the Trace Tool in Silhouette Studio

Hi Everyone!

Last week I showed you how to use the Pix Scan mat with the Portrait 3. This week I’m going to go a little more in depth with how to use the trace feature in Silhouette studio to make a sticker offset. Here we go!

I’ve already taken a photo of the designs I’m going to use on my Pix Scan mat and imported it into Silhouette Studio.

Then I’m going to zoom in the the first little kitty that I’m going to trace and I select the Trace tool from the little toolbar on the right hand side of my screen. It kind of looks like a little butterfly.

Next, I click on “Select Trace Area” from the Trace tool dialog box. I draw a rectangle around the kitty I want to outline. I have “Solid Fill” selected in the Trace tool dialog box so the area I’m trying trace is easier to see.

I use the Threshold slider to try to get him little more filled in with the yellow, I’m really trying to get my outer edges completely yellow, there are some small gaps but we’ll fix those later.

Once I get the yellow area to my satisfaction, I select “Trace Outer Edge.” Then it shows me red cut lines around the area that I just traced.

Now I need to do a little clean up since my outer edges didn’t quite get the whole outline of the kitty and there are some areas from another sticker that got selected.

Using the Arrow from the left hand side tool bar, I select the red lines. I’m going to release the Compound Path.

Then I’m going to select the red line that goes around the outer edge of the kitty and change the line color to blue (you can use any color, I’m just using blue because it’s easy to see).

Now I’m going to make the offset. Select the little star from the tool bar on the right hand side. I’m going to make an outer offset at 0.125”. Then click Apply.

I’m going to delete the inner blue line. Then I’m going to smooth out the offset a little bit using the smooth tool.

Next, I’m going to get rid of the red outlines that are part of the other sticker. I could click each individual piece to get rid of it, but instead I’m going to use the “Select by Color” feature.

In the tools bar that goes across the top edge, I select the little paint palette with the dotted line around it. In the dialog box I have “By Line color” selected. Then I click on the red and it selects everything with a red outline.

I click delete and now all of the red lines are gone!

I repeat the same process for the other images on my mat. One thing I love about Silhouette Studio is I can can save my cut lines and use them for the next sheet of stickers too!

Cricut Design Space vs Silhouette Studio - Offset Feature

Cricut users have been asking for an offset feature for years and Cricut finally announced offset is available in Design Space.

Here’s a quick little comparison of the offset feature in Cricut Design Space vs in Silhouette Design Studio.

Offset in Cricut Design Space

For the offset feature in Cricut Design Space I’m using the most current version to date 6.6.112. According to the Offset pop up window this feature is still in Beta.

Some things to take note of for using offset in Design Space:

• You MUST be in the NEW Canvas Style, it is not available in the Classic Canvas setting. So that’s a bummer when you have to switch your project to Classic Canvas when the New Canvas is being glitchy (which seems to happen pretty frequently in past versions of Design Space, we’ll see how the newest update has improved).

• It is currently only available in the Desktop version of Design Space. That’s a real bummer for the sticker makers who want to do everything on their iPad or Android Tablet.

To start, I uploaded a PNG file of a watercolor design I made using Procreate. One of the things I love about watercolor are the rough little edges. But I don’t necessarily want the rough edges on my cut line. Let’s see how the Cricut offset feature does with those rough edges.

The default offset appears to be 0.25 inches. There are some obvious little bumps and some weird little jagged spots. I don’t see any kind of smoothing option, maybe something they could consider adding in the future.

Next I’m going to try to make the offset a little narrower, I’m going to use 0.125 inches (That’s 1/8 of an inch). I’m going to use the slider to adjust the measurement. There’s still quite a bit of bumpiness and some more jagged areas on the offset line.

I can use the Contour function to get rid of the cut inside the “L” loop. In order to be able to use the Contour function I have to change my offset from “Print & Cut” to “Basic Cut.”

I’m also going to try an even smaller offset, 1/16 inch. I can use the slider, but it becomes more difficult to get the exact value for 1/16. It ends of being easier to just type it in the box 0.0625.

Again, I change the “Print then Cut” offset to a “Basic cut” so I can use Contour to remove the cut from inside the L loop and E loop.

Save your file and let’s get ready to test our offset cuts!

Don’t forget to flatten your artwork and the offset together!

I’m going to do a test Print then Cut. I’m using plain copy paper for my test so I don’t waste my sticker paper.

The little jagged pieces are definitely there, they don’t look as terrible once I pull the piece off the mat. But I would never sell a sticker with this kind of rough cut edge. Yes, I even used a brand new blade for this cut!

I tried this little guy too. He’s a PNG I imported from procreate. The offset is 1/16 inch. There’s a weird little cut area by his ear. I changed the line to a Basic cut line and there’s no option to use the contour feature, so I can’t even get rid of the line! I didn’t even bother printing and cutting him. I’m better off adding an offset to him via Illustrator like in my previous posts.

The offset probably works great for images with smooth edges and vectors, but that’s not always the kind of artwork I’m using. Nice try Cricut, maybe try adding a smoothing option to the offset dialog box.

Offset in Silhouette Studio

Right out of the gate Silhouette Design Studio blows away Cricut Design Space. Am I being biased? Probably. But in the short time I’ve been using Silhouette Design Studio, it has been soooo much easier for me to achieve the offsets and cut lines that I want. Another Bonus that a lot of the Illustrator keyboard shortcuts also work in Silhouette Studio. Cmd + /- to zoom in and out, Alt + Drag to copy and paste, Spacebar to pan around my canvas. I’m loving Silhouette Studio so far!

I opened the same Love PNG file in Silhouette Studio. It does make my PNG gigantic initially, but it’s not a problem to shrink it down to size.

I tried the same offset measurements that I used in Cricut Design Space. I started out with a 0.25 inch Offset. You will need to select if you want an internal or external offset instead of Cricut’s slider bar. The offset is already so much smoother than the Cricut version, no little jagged bits!

Next I tried the offset at 1/8 inch (0.125). Again, waaaaaay smoother than the Cricut version.

Finally I tried a 1/16th (0.0625) offset. Still much, much better than the Cricut version. I can even refine the edge more by smoothing, adjusting or deleting anchor points on my offset path in the Silhouette software.

If I don’t want to cut the loops inside some of the letters I can easily select them and press “Delete”

I even tested this little guy again, 1000x better than Cricut’s offset.

I can also refine the edges of his offset even more by using the Smooth tool, or deleting anchor points, or adjusting the anchor points.

I don’t have a Silhouette machine yet to test the cut on one of their machines. But I do have the Business Edition upgrade so I can save my file as a PNG and upload it to Cricut Design Space to test the cut.

I have to save this file with the offset as a PNG because an SVG with this type of watercolor artwork does not import correctly into Design Space.

Make sure the Offset stroke lines are set to white or no stroke so they don’t appear in the PNG file.

I select save as PNG to my hard d rive, check the transparent background box and make my DPI 300.

Then I upload my file into Cricut Design Space as a Print then Cut image. I do have to resize again, for some reason PNGs are huge in both Design Space and Studio

Look how much smoother and more refined the offset cuts are! I can’t wait to get my Silhouette machine to test how it cuts!

No little jagged edges!

Sorry for the curling, these a just plain paper that I peeled off my blue mat.

It’s Silhouette Studio for the win! The offset lines in Silhouette Studio already start out much smoother than in Cricut Design Space and I can always smooth them out even more or make adjustments to the offset lines in Silhouette Studio.

Creating an Offset for Stickers in Adobe Illustrator - Method 2

Hi Everyone! This week I’m going to show you another way to make an offset for a sticker using Adobe Illustrator. This method uses the Image Trace function.

All you need is your sticker artwork and Adobe Illustrator. Let’s get started!

First I place my artwork onto my canvas. My artwork is a PNG file, so there’s no background.

I’m going to make a copy of my artwork directly on top of the original (Command + C ,Command + F)

Select the top image with the black arrow (V). The Image Trace button should appear in the toolbar across the top of the window. Click the down arrow in the Image Trace box and select Black and White Logo.

After it gives you your preview, select the dialog box to make adjustments.

In the Image Trace dialog box, adjust the Threshold to 254 (you can either move the slider or type in the the box). Click the arrow next to Advanced and make the following adjustments:

• Paths - set to Low

• Corners - set to Less

• Noise - set to 1

• Method - Abutting

• Create - check the Fills box

• Check the Ignore White Box

Then click the EXPAND Button in the tool bar across the top of the window.

In the layers panel I can see I have a Compound Path and some individual paths.

Select all of the Compound Paths and release them.

Then I’m going to select the entire group that was made from Image Trace and in the Pathfinder tool dialog box I’m going to select Unite.

I still have a big area of white that I need to fill in. I’m going to use the Blob Brush (Shift + B) to fill in any stray white areas.

After all the stray white areas are filled in, I’m going to go to OBJECT > Path > Simplify. Then you can adjust the slider to help smooth your path.

After you simplify your path, go to OBJECT > Path > Offset Path. I selected 8pt for my offset, you can adjust yours depending on how wide you want your offset.

Then you can select the original inside path and DELETE it.

In your layers panel, drag the new offset below your artwork. Your artwork should now be showing on top of the offset.

At this point my whisker area looks too pointy for me, I’m going to use the Pencil tool and the Smooth tool to help reshape that area.

Once I get the shape to my liking, I can change the color of my offset to white with a black stroke so I can get an idea of how this is going to look as a sticker.

Now this cute little guy is ready to be a sticker! Check my blog post from last week to see how I save my offsets as SVGs and cut them with my Cricut Maker.

Link to last week’s blog post:

Creating an Offset for Stickers in Adobe Illustrator - Method 1

Hi Everyone! This week I want to share one of the methods I use to create offsets for my stickers. This is just one of the methods you can use. I like it because you can get a clean and simple cut line. I’ll be sharing some other methods in future posts.

For this method I will be using the Blob Brush tool in Adobe Illustrator.

Let’s get started!

Supplies: (Links below may be affiliate links)

• Sticker artwork (I’m using artwork I created in Adobe Fresco, you can use your own artwork)

• Adobe Illustrator CC

• Inkjet printer

• Sticker Paper (I’m using this waterproof vinyl paper)

• Cricut Maker or other Cricut machine

• Light Grip Mat (the blue one)

• Fine Point Blade

My artwork is a PNG file. I created it in Adobe Fresco and then exported it as a PNG so there is no background. I’m placing my artwork in Adobe Illustrator.

After I place my artwork, I create a new layer below my artwork layer. This is where we will be making the offset.

Lock the layer with the artwork so you don’t accidentally select it.

I’m picking a bright contrasting color so I can easily see my offset that I’m creating.

Select the Blob Brush tool (Shift + B)

I start “painting” around the edges of my artwork. I’m just going around the outer edge and making a small border around my artwork.

Once you are finished going around the edge, I turn off my artwork layer (click the eyeball in the layers panel). Now I’m only seeing the outline that I just painted.

Using my direct selection tool (white arrow, keyboard short cut “A”) I’m going to select the just the inside path and press DELETE.

Now you have a solid filled shape. If I want to refine my shape even more, I will go around the edges with the eraser tool (Shift + E) and the Smooth Tool.

I’m going to add a few more stickers, resize, and layout my artwork on my page.

Then add crop marks to the corners.

Next, I’m printing a test page directly from Illustrator to check the scale of my stickers. I’m keeping the offset showing on my test print so I can determine how far off my machine alignment is since I’m not using the Cricut Print and Cut function.

Once I’m happy with the scale of my stickers, I’m going to place my test print onto my blue cutting mat in the upper left corner. (My white border is the area that Design Space will not allow you to place your artwork beyond.)

I’m going to save my artwork file with the stickers and cut files as an AI (Illustrator file). Then I’m going to delete the sticker artwork, leaving only the cut lines and crop marks, and save this as and SVG file that we will upload into Cricut Design Space.

Upload the SVG file to Design Space and press INSERT IMAGES.

Select the very top layer and click ATTACH so all the cut lines and crop marks stay together.

Then press MAKE IT.

Make sure your top left crop mark is as far to the top left as Design Space will allow and press CONTINUE.

I am using the Printable Sticker Paper (white) material setting. I load my mat into the machine and press GO.

My machine alignment looks pretty good. I’m not going to get too fussy since it will be a white border.

Since my alignment is good, I’m going to print my designs from Illustrator on the actual sticker paper, without the cut lines showing.

Load my mat with the sticker paper this time. Select the Printable Sticker Paper material setting again. Load my mat and press GO.

Once the machine is done cutting, DO NOT REMOVE the mat. Check to make sure it cut all the way through the material. It took about 4 passes to get all the way through the sticker paper, I might try another material setting next time.

Now we have some cute kitty stickers! These are vinyl and waterproof so you can stick them on a water bottle, phone case, laptop, notebook, etc.