banner



How To Create A Die Cut Line In Illustrator

An awesome cut path makes all the difference when designing die cut stickers. The best cut paths are even all the way round the design, and smoothly follow the contours of the shape.

Creating a fluid, even cut path by hand can be tricky, so we've put together this guide to generating amazing cut paths from both vector and raster designs. Read on!

Creating cut paths from vector artwork

If your logo or design is in vector format you're in luck! Creating great cut paths from vector artwork is simple. Start by opening up your sticker design in Illustrator. Rename the layer with your artwork on… 'artwork'.

You'll want to work in millimetres – click 'File > Document Setup' to change the unit if required.

Set document size adobe illustrator

It's good to scale the design to the rough size you want the finished sticker. I want a finished sticker 80mm high, including a 2mm border between the design and the cut path, so I'll set my artwork size to 76mm tall. Make sure you've set Illustrator to scale strokes – otherwise the design will become… weird.

set sticker size adobe illustrator

Next, set up a new blank layer called 'cut'. This is where we're going to put the cutpath, obvs.

set up new cut layer adobe illustrator

Duplicate the artwork layer onto the cut layer. Quick tip – click the little square on the right of the layer name on the layers panel. Then hold down Option (Mac) or Alt (Windows) and drag it onto the new layer. Voila – a perfect duplication. It's a good idea to lock the artwork layer so you don't ruin it by mistake.

duplicate layer adobe illustrator

Next, click the little square next to the layer name in the layer palate to select everything on the layer, and click 'Unite' on the Pathfinder palate.

unite tool adobe illustrator

This will merge everything into one shape. There may be some inner shapes, but we'll deal with those in a bit.

merged artwork adobe illustrator

Apply a magenta stoke and remove the fill from the black shape on the cut layer. Magenta is the universally acknowledged colour of cut paths. Don't ask me why.

magenta cut path adobe illustrator

Select the contents of the cut layer again, and hit 'Object > Path > Offset Path'. Enter the offset (in my case 2mm) and choose 'Round' for Joins. This is essential for a smooth path.

offset path adobe illustrator

Once you've ok'd that you'll see the two paths (I've turned off the artwork layer so you can see them more clearly) – the original and the offset path.

offset path adobe illustrator

Again, select everything on the cut layer and click 'Unite' on the Pathfinder Palate. This will merge all your cut paths into one beautiful shape.

unite tool adobe illustrator

The size of the sticker is now 61mm (w) x 80mm (h). Perfect!

correct size adobe illustrator

When creating cut paths it's good practice to slightly round any acute angles. To do this click the offending points with the white arrow and pull the round corner handle circle thingy (not Adobe's name for it).

round corner tool adobe illustrator
round corner handle adobe illustrator

You can then set the artboard to the size of the sticker, because it feels good, and go about your business. Your work here is done.

finished cutpath adobe illustrator

I printed these as sparkly stickers because, well, why not. Here's the finished stickers!

die cut glitter knocking cat stickers adobe illustrator

Creating cut paths from raster artwork

Creating a nice cutpath from raster artwork (e.g. jpeg, png) is a little more involved, but equally as satisfying.

First, set up a layer called 'artwork' and drag your jpg or png onto it. Hit 'Embed' in the top toolbar to… embed it.

embed png adobe illustrator

Next it's a good idea to scale the image to roughly the size of the finished sticker. Again, I'm going for an 80mm tall sticker, including a 2mm border, so I've scaled the artwork to around 76mm height.

set size adobe illustrator

Next, duplicate the artwork layer onto a new layer called 'Cut'.

duplicate layer adobe illustrator

Here's where it gets spicy. Click on the image on the cut layer and click 'Unembed' on the top tool bar. Illustrator will ask you politely where you would like to save the file. Anywhere is fine.

unembed image adobe illustrator

The file will save as a 'psd' in the location of your choice. Again, it doesn't matter where.

save psd adobe illustrator

Now, with the image on the cut layer selected, click 'Edit original' on the top toolbar. This will open the image up in Photoshop. If you don't have Photoshop, well, this tutorial is over for you, sorry. Go home.

edit original adobe illustrator

In Photoshop select the Magic Eraser tool and use it to decimate the white background (or whatever colour it is on your image). If you have a png file the background may already be transparent.

remove background adobe photoshop

The remaining areas of your image will form the basis of your cut path.

area of transparency adobe photoshop

Next, double click on the layer with your image and select 'Color Overlay' (or 'Colour Overlay' if you're using UK Illustrator*). Add a black overlay.

Save the file in Photoshop.

* jk

color overlay adobe photoshop

Navigate back to Illustrator. You should see a notification in a slightly accusatory tone: "You've messed with the damn file? What the hell! I guess you want me to update everything then?!?" Click 'Yes'.

modified link adobe illustrator

The image on the cut layer will update to the black version. Select it…

updated link adobe illustrator

…and embed it using the 'Embed' button on the top toolbar.

embed jpg image adobe illustrator

With the image selected, click 'Image Trace' on the top toolbar. It will then trace the image, just as you instructed.

image trace adobe illustrator

Once the image has been traced, hit 'Expand' to convert it back to paths.

expand image trace adobe illustrator

Next, remove any areas you don't want as part of your cut path. In my case that's the white areas. Use the white arrow for this.

white arrow adobe illustrator

Once you've removed everything you don't want select what's left and apply the magenta stroke, because magenta is the colour of cutpaths (or the 'Color of Slice Zones', if you're in the US).

magenta cut line adobe illustrator

You can then offset the path using 'Object > Path > Offset Path' as we did in the vector cutline tutorial. Always select 'Round' for your joins, or your cutpath will be real jagged.

offset cut path adobe illustrator

Here's the original and the offset path. The offset has smoothed the path nicely.

original and offset adobe illustrator

Next, select everything on the cut layer and hit 'Unite' on the Pathfinder. Because it's about time for some unity guys.

unite pathfinder tool adobe illustrator

You may be left with some extra inner cutpaths. Remove anything you don't want (I'm going to keep the one at the bottom).

remove paths adobe illustrator

Cut paths generated using Image Trace often have a lot of points, so it's a good idea to simplify the path. This will also smooth out any rough bits. To do this click 'Object > Path > Simplify'. Pull the slider to adjust the amount of simplification. Compromise is the key here, just like a marriage.

simplify path adobe illustrator

Tidy up any stray paths, update your canvas size, and your work is done. Great job!

set canvas adobe illustrator

Here are the finished stickers. Wild!

die cut wolf stickers

If none of that made any sense to you, don't panic.

Simply remember these two things:

Thing 1: If you contact us before placing your order we can help you set up an awesome cut path.

Thing 2: If you place an order with no cutpath specified we'll add one, and send you a preview to approve before we go to print.

Thanks for reading!

How To Create A Die Cut Line In Illustrator

Source: https://news.diginate.com/heres-how-to-create-awesome-cut-paths-in-adobe-illustrator/

Posted by: carterprilese.blogspot.com

0 Response to "How To Create A Die Cut Line In Illustrator"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel