single line SVG prep work

Creating a Single Line SVG File in the Adobe Illustrator App Using Vectorize

Hi Everyone!

This week I wanted to share another method you can use to create your single line SVG file in the Illustrator App using the Vectorize tool.

One great thing about the Illustrator App is they continue to improve it. I’m not sure when they came out with the vectorize tool, but I stumbled upon it when I was tracing my sketch manually with the pencil tool.

Initially, I tried it out with my rough sketch, and the results weren’t great.

Vectorize a sketch in Illustrator app
Vectorize a sketch in Illustrator app

I went back into Procreate and I traced over my rough sketch with Studio Pen brush at 5% for a more refined drawing. The thinner you draw your lines here in Procreate, the better single line file you will get in Illustrator.

line drawing in procreate

I saved my file as a PNG. At this point, it looks like it would make a good draw file in Cricut Design Space, but that is definitely not the case, you will get the dreaded double lines.

Double line drawing in Cricut Design Space

So we will need to do some additional steps in Illustrator to get a proper Draw file. I’m going to import my PNG file into the Illustrator app.

Vectorize a sketch in Illustrator app

With my image selected, in the tool bar on the right side, I’m going to click on Object and in the dialog box I will select Vectorize.

Vectorize a sketch in Illustrator app

This works a lot like Image Trace in the desktop version of Illustrator. I’m going to make sure I have my color mode set to Black and White and my Output set to Strokes. You can play around with the sliders a little bit to help refine your drawing.

Vectorize a sketch in Illustrator app

Once you get it to where you like it, you can click Expand Vectorization and now you will have a drawing composed of single line strokes.

Vectorize a sketch in Illustrator app

One last thing I’m going to do is make all of my strokes 1pt in width.

Vectorize a sketch in Illustrator app

Now I can go through and refine my drawing even more with the direct selection tool and add any parts that may be missing with the pen or pencil tool. Once I’m satisfied with the way it is, I can save this as an SVG and import it into the Cricut Design Space App.

Creating Your Own Single Line SVG Files - Part Two

Hi Everyone!

This week is part two of how to create your own single line SVG files. I’m going to share with you how I take my sketch from Procreate and use the Adobe Illustrator app on my iPad Pro to create the SVG file.

Last week exported my file from Procreate as a JPEG. I’m going to bring that file into the Illustrator app by selecting the picture icon in the tool bar on the left and finding that file on my iPad.

Inserting Image in Illustrator App

You can adjust the size of the image, I typically keep my pretty large at this point. I’m going to add a new layer above my sketch layer, then I’m going to lock my sketch layer.

Inserting Image in Illustrator App

I typically start with a basic out line of my image and then fill in all the little details on a separate layer. You need to use either the pencil tool or the pen tool to create a single line SVG. This is so your image is made up of individual paths and not filled shapes. I’m going to use the pencil tool since it feels most natural when I’m tracing my image using my Apple Pencil.

Pencil tool Illustrator App

I’m going to start tracing the outline of the horns with my pencil. If you need to stop and lift up your pencil, you can continue that same line again by selecting the path and start drawing at one of the end points.

Pencil tool Illustrator App

Now, you can choose the draw the rest of the outline or start refining each section as you go along. I’m going to refine each section as I go along. Using the Direct selection tool, I can delete anchor points, change curved points to sharp angles and vice versa.

Direct Selection tool Illustrator App

After the outline is complete, I will create a new layer for the details.

Creating single line SVGs Illustrator app

I do the details by sections in the drawing. As you can see, I simplified the scales on the fish tale from my original drawing. Now is great time to make any adjustments to your drawing. Once I finish the details, I make each section a subgroup in my layer.

Creating single line SVGs Illustrator app

Now it’s time to export this file as SVG. Click on the box with the arrow in the upper right tool bar across the top in the app. Select “Publish and export.”

Export as SVG Illustrator app

On the left side of the screen, select “Export as.”

Export as SVG Illustrator app

In the drop down next to Format, select SVG and click the blue Export button.

Export as SVG Illustrator app

I’m going to select “Save to Files.”

Export as SVG Illustrator app

Then I select the “Illustrator” folder. Next week I will show you how to test this file using the Cricut App on my iPad.

Export as SVG Illustrator app

Creating Your Own Single Line SVG Files - Part One

Hi Everyone!

One of my goals this year is to create more SVG files to add here and my Etsy shop. There are a lot of SVG cut files available out there, but not as many single line or draw files. I thought I would share my process for how I create my single line SVG files.

I start off by trying to come up with an idea for a collection of files, this year I want to do all of the zodiac symbols. Since we’re still in January, I’m going to start off with Capricorn, which is often depicted as a sea goat.

I love using Pinterest to gather inspiration and I created a board where I’m collecting images of all the different zodiac symbols. I’ll keep adding to this board as I work my way through all the zodiac signs.

After I’ve gathered a few images I go through them and I start to pick out what parts I like from each image.

I really like how the fish tails loop around on these.

I think I want a profile view for the head.

Next, I’m going to start creating a rough sketch on my iPad Pro in one of my favorite apps, Procreate. If you don’t have an iPad, you can also do your sketch the good old fashioned way with pencil and paper.

I would like for these to fit on a round shape like a key ring or coaster, so I’m going to start out. with a circle shape and keep my design within that shape.

I like to sketch with the Peppermint Pencil, it’s one of the brushes that comes with Procreate. It’s almost like sketching with a real pencil!

Another great thing about Procreate is you can have your reference image in a separate little window inside Procreate.

Creating a sketch in Procreate

Or you can do a split screen with Procreate and Pinterest.

Procreate Split Screen

I’m going to work with my reference image in a window in Procreate. So I take some screenshots of my Pinterest images that I will be referencing.

After I work out my sketch, I can either take a screenshot, save it as a JPEG or PNG file to bring into the Illustrator app.

Exporting from Procreate

If you made your sketch on regular paper, you will need to scan you image so you can bring it into Illustrator or another vector program of your choice.

Next week I will share with you how I turn my sketch into vector line art in the Illustrator App on my iPad.

Capricorn sketch Procreate