Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

Creating a Die Cut line from a PNG in AI

Community Beginner ,
Sep 26, 2017 Sep 26, 2017

I have a beautiful PNG file that I want to turn into a sticker. I have been trying all day to create a die cut line around the image so it has a nice even white border. I have watched countless Youtube videos and tried EVERYTHING. How can I do this? Please help!!

19.6K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Sep 27, 2017 Sep 27, 2017

or have a go with a trace.

place your png.

make a copy and place on a new layer. hide the layer with the png (for convenience).

trace the png on a setting with a high threshold:

trace1.png

expand the trace and ungroup.

use Object > Path > Offset path and give it enough so the offset from each element overlaps others. use round joins:

trace2.png

use pathfinder to unite the paths created by the offset.

trace3.png

delete the extra hole. give your path a stroke and no fill. delete the original traced paths. show the layer with the png aga

...
Translate
Adobe
Community Expert ,
Sep 27, 2017 Sep 27, 2017

Please show the artwork.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 27, 2017 Sep 27, 2017

AGD2.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 27, 2017 Sep 27, 2017

Jordan,

I believe this is one for the drawing tools on top of the (locked) image: only you can decide where you want to have the white line/border.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 27, 2017 Sep 27, 2017

AGD3.png

How about this one?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 27, 2017 Sep 27, 2017

Same. You need to draw it manually.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 27, 2017 Sep 27, 2017

or have a go with a trace.

place your png.

make a copy and place on a new layer. hide the layer with the png (for convenience).

trace the png on a setting with a high threshold:

trace1.png

expand the trace and ungroup.

use Object > Path > Offset path and give it enough so the offset from each element overlaps others. use round joins:

trace2.png

use pathfinder to unite the paths created by the offset.

trace3.png

delete the extra hole. give your path a stroke and no fill. delete the original traced paths. show the layer with the png again:

trace4.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 04, 2020 Dec 04, 2020

This old thread but here is my take on the problem.

 

Open png file on Photoshop, create selection of png layer, fill it black, merge it against white background, blow out the file to 600dpi or more, use gaussian blur to smooth pixelization, use contrast tool to make sharp edge on black image, select black color with magic wand , create path from selection, export path from the file menu using the export to illustrator option. 

 

This will save you a file with the line you will need to cleanly cut it. Import png file to ilustrator or corel, import the new line file and place line on top of png.

 

If you want a edge around the image just use the stroke effect on the initial steps on photoshop. 

 

I work on a printing shop and we make tshirts and people bring the most surreal and low quality images to transfer to clothing items, i do this 30 times a day and it works like a charm and no need to loose time on vector software messing with lines.

 

Hope this helps people,

 

FranciscoGL

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 27, 2017 Sep 27, 2017

Jordan,

Depending on the shape of the outer bounds of the actual artwork in the PNG, you may recreate it with the drawing tools, such as Rectangle Tool, Elleips Tool, Pen Tool, working on top of the locked image, or you may use Image Trace (or Live Trace/Auto Trace for older versions) with suitable settings.

https://helpx.adobe.com/illustrator/using/image-trace.html

You may also look here:

http://blogs.adobe.com/adobeillustrator/2013/07/image-trace-in-illustrator-a-tutorial-and-guide.html

Always expand after image tracing to get things to work.

Select it/them and Object>Image Trace>Expand.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 02, 2025 Apr 02, 2025
LATEST

I know this is an old thread but some recent innovation has made this much easier.  There's a web app cutcontour.com that does this now.  I put your file in it and the results were apot on.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines