CorelDraw Tutorial for Creating an Offset Path

tutorial
projectinspo

#1

Continuing the discussion from Glowforge's Trace Functionality:

This technique is used to create a “white space” border around the image that one is engraving before cutting out.
(Like a sticker sometimes has, or a stamp.)



CorelDraw works the same way that the other drawing programs do, but the terminology is a bit different…(I started in AI, so if I slip up and call something a Stroke instead of an Outline, or an Offset instead of a Contour…my bad. I’ll try to catch it before posting.)

One other note: I’m using CorelDraw X4 for the tutorial - I have the X7 but haven’t installed it yet.

Some very important drawing tips:

(These apply to all of the drawing software, so you’ll see them at the front of each tutorial.)

  1. While you are preparing your drawing, try to create as much contrast between the paper and the lines as possible. Black ink on white paper will give you a better result than pencil on parchment. Light colors are not going to scan well; most auto-trace programs cannot differentiate well between pale yellow or pink and white.

  2. Smudged lines are going to give a very messy outline when the item is traced. You want to create a clean crisp delineation between the black and the white for the auto-trace function to pick up.
    (There’s a reason why they use markers for the Glowforge demos.)

  3. The higher the dpi (dots per inch) that you scan with, the better detail you are going to get in your scan, but the larger file size might crash the drawing program. It’s a trade-off.
    Stuff you screen cap from the internet is 72 dpi, low resolution, and you generally don’t get a very good trace from it. Try to scan in the 100-300 dpi range for a better trace.



Here we go:

  1. Scan your image and save it as a jpg file to your desktop.

  2. Open CorelDraw and create a new file. (File> New)

  3. Click and drag the jpeg file from your desktop, and drop it onto the artboard.

.



Trace the image to produce an Outline (vector path) around it:

  1. Click on the image to select it.

  2. Click on Bitmap > Outline Trace > Logo (Use Line Art if Tracing a black and white drawing)

.

In the PowerTrace pop-up dialog, you want to check the Remove Background and Merge Adjacent Objects of the Same Color boxes.

click on this image to expand it

Adjust the Detail Slider lower, one step at a time, until the white enclosed areas disappear. Then come back up a level if you wish to include the white cutouts. (You can reduce the level until those completely go away, but we want to cut out between the legs here, so we are just going to have to accept some other detail and delete the excess paths once they are created.)

Click Okay when you are satisfied with the trace.

.

Click on the trace results on the board, Right click and Ungroup.

.

Click on the individual trace results that you do not need and delete them.

.

To make the Outlines visible:

(CorelDraw does not destroy the original image, it’s hiding underneath the trace results, exactly where it’s supposed to be.)

Click on the white filled Outline between the legs to select it. (It has a White Fill color and no Outline color assigned, according to the little boxes shown at the lower right.)

Change the Fill Color to null by clicking on the X in the right Fill color column.

Double click the little Pen (Outline Color) box to set an Outline ( stroke) color that you will be able to see against the background. Set the Outline Width to 1.0 so you can see it.

.

Do the same thing for the Body path – set the Fill color to null, the Outline Width to 1.0, and the Outline Color to Red.

Now you can see the image behind the vector paths you created.

.



.

To Contour an Object:
(create a line that is set out away from the image, aka: offset a path)

  1. Turn on the Contour toolbox. (click on Effects > Contour)

.
Select the Outside Outline (vector path) on the artboard.

In the Contour toolbox at the right, click the Contour icon.

Select the Outside Direction, add in an amount of movement for the path, and choose 1 Step for the number of steps to be created.

Then hit Apply.

.

Do the same for the interior Outline (vector path) and choose the Inside direction.


.
Last step before saving:

  1. Right click > Break Contour Group Apart.

  2. Delete the Inside Outlines. (Red)


Save the File:

File> Save As > SVG


#2

Again, thanks for sharing!


#3

Solid tutorial thread material! :thumbsup:
Thank you Jules!


#4

I was kind of hoping someone with more insider knowledge of Inkscape and CorelDraw would pop in and comment…there are probably quite a few shortcuts that I don’t know about.
:confused:

But anyway, as long as newcomers aren’t afraid to get started with it, it’s worth tossing out a couple of easy tutorials. Now is a great time to play around with the design software, no matter which one you pick.

And there are a lot of YouTube training videos for most of the design software - so if you prefer to just watch it being done without all the commentary and explanations, that’s a great resource.


#5

Great job, @Jules! I’m still trying to get caught up on forum posts after a vacation so I’m just getting to this.

I need to generate cut lines in CorelDraw for my vinyl printer/cutter daily. This is close to the process I use.

Right after this step…

…I do things a little different. As soon as I Ungroup and while all the individual components are still selected, I choose the Create Boundary feature.This automatically creates a new vector on the outside edge of all the selected objects.

In the case of this specific graphic, there are a couple more steps to put a cut line inside the legs. I would use the Smart Fill Tool and click in the white space between the legs. That creates a new object with a default fill and outline. I set the fill to empty and the outline to the cut line color my printer/cutter uses.

If I started with a scan or bitmap image and don’t need the vector version anymore, I delete the vectorized version at this time.


#6

I had you right up until the end, where you delete the vector version?


#7

In @Jules’ 2nd & 3rd screen shots, she creates an outline trace which is a vector version of the original bitmap scanned image. For use on the Glowforge, you may or may not still want to use the vector lines. For my current purposes with vinyl printing/cutting, I will generally print the original artwork just as the customer sent it to me. In those cases, creating the outline trace is done only to get me the cut lines. After that, I want to get rid of the outline trace so the original artwork shows. Does that help?


#8

It does! Thanks for the explanation of your process. I think engrained somewhere deep in my psych is the tendency for customers to send the lowest resolution images possible for any kind of work, where on a graphic like Jules used, it would be much easier to trace it and have a suitable vector.


#9

True enough. I mostly print my own designs or subcontract for a screen printer run by a quality graphic designer so most of the artwork is usually pretty good quality. But I do get the 72 dpi artwork occasionally. In those cases, my quote includes time to recreate the artwork.