Quick Links

Key Takeaways

  • Procreate cannot create vector graphics, as it is a raster-based program that uses pixels, not mathematical equations.
  • To convert Procreate drawings into vectors, you need to use Adobe Illustrator and follow a step-by-step process.
  • Using Illustrator's Image Trace function and the Pencil tool, you can vectorize your Procreate drawings and colorize them to create a complete vector artwork.

Procreate offers fantastic tools for digital artists, but to vectorize your Procreate artwork, you must use an outside source such as Adobe Illustrator. Here, we'll show you how to vectorize and colorize your Procreate work using Illustrator.

Can You Create Vectors in Procreate?

The short answer is no, you cannot natively create vectors in Procreate. It is a raster-based program that uses pixels rather than mathematical equations like vector graphics. You might already know the differences between raster and vector images, so you’ll understand why Procreate can’t create vectors.

While Procreate itself doesn’t offer vector brushes, Adobe Fresco is a tablet software that does. See our comparison of raster vs. pixel vs. live brushes in Adobe Fresco to see its different brush options. You can use different types of brushes for different intentions with Fresco without needing additional software.

But if you’re intent on using Procreate and want vector artwork, here’s how to convert your Procreate drawings into an Illustrator vector.

How to Convert Procreate Drawings to Vectors Using Illustrator

If you haven't already, make sure you download Procreate ($12.99) on your iPad. You'll also need to get an Adobe Illustrator subscription, which varies in price depending on the package. You can use the desktop app or the tablet app, and there's a 7-day free trial for new users.

Step 1: Create Your Drawing on Procreate

Procreate Drawing of Flower

Using your Apple Pencil, choose a smooth brush from Procreate’s brush library. The brush shouldn't have opacity or texture as those pixels will be difficult to vectorize later. The Monoline brush is a great option for clean and simple line work.

Drawing in black will be easier when transferring to Adobe Illustrator to vectorize. If you do want to add color to your Procreate drawing, add each color as a separate layer in Procreate by tapping Layers > +. Keep the black line work on a separate layer from all color layers.

Step 2: Export Your Procreate Canvas

Procreate Share Layers PNG

You’ll need to export your drawing from Procreate to Adobe Illustrator. The best way to do this is by tapping Actions (wrench) > Share > Share Layers > PNG Files.

There are many uses for PNG files. They are still raster files, but PNG allows for transparency, so your Procreate layers will only contain the artwork with no background for easy vectorizing in Illustrator later.

If you’re using an Apple computer, send your file from Procreate on the iPad to your Apple computer via AirDrop. For other operating systems, it’s best to send files via email or Bluetooth to access them from your computer.

Step 3: Drag Your File Into Illustrator

If you added colors to your Procreate drawing, each color layer will be saved as its own file.

Open a new file in Adobe Illustrator. You can use a default size or set your artboard the same as your Procreate canvas was. Choose your color space—keeping in mind the different use cases for CMYK and RGB colors—and select Create.

Adobe Illustrator Create a New Document

Locate your file or files on your system and drag them onto your new Illustrator document. This ensures all files open on the same artboard and not separately in Illustrator.

Do not resize the files as they are still raster images and resizing will result in quality loss, which can affect how the tracing works. If the images become over-pixelated, the tracing will follow the pixelation rather than the original line work.

Graphic Layers Imported into illustrator

It may look like all your layers have merged, but selecting the Arrow next to Layer 1 on the Layers panel will reveal your Procreate layers. They’re currently hidden above and below one another, perfectly aligned.

Step 4: Use the Image Trace Function

Firstly, choose which layer to vectorize first, and select the Eye icon on all other layers to hide them. With the Selection tool (V), select your current image. Then you can use the Image Trace function to vectorize this layer.

Image Trace on Adobe Illustrator

Select Image Trace from the pop-up when your image is selected. Then, for more detail, open Image Trace from the Properties panel by selecting Window > Image Trace.

Adobe Illustrator Image Trace Tool With 3 Colors Preset

Select Preset and choose 3 Colors. Since each of your layers is one color, this preset offers the best chance of tracing a limited color. Move the Color slider down to 2 for better accuracy.

Adobe Illustrator Image Trace Settings

Tick the Ignore Color box to ignore the white background color, turning it transparent in your vector result. Open the Advanced settings in Image Trace and experiment with the Paths, Corners, and Noise sliders for more refined artwork.

Image Trace on Colored Element in Illustrator

Apply Image Trace to all of your layers in the same way. Color layers will default to being traced black until you choose the 3 Colors preset.

Step 5: Expand Your Traced Image

Even though Image Trace provides a transparent background to your black line art, it still retains the selection border from the original image. Expanding your traced image will remove the larger selection area from the line art.

Illustrator Expand Tool

Select the traced art and go to Properties > Quick Actions > Expand. This leaves you with vectorized art with a transparent background.

Expanded Vector in Illustrator

Blue paths will outline all of your traced work and the selection border will be cropped against the outer edges.

Step 6: Tidy Up With the Pencil Tool

Depending on the detail of your original drawing, Image Trace may change line shapes or thicknesses, or perhaps you want to add or remove part of the art after tracing. You can fix or edit your line work using the Pencil tool.

Pencil Tool in Adobe Illustrator

Using the Direct Selection tool (A), select part of your line work. Switch to the Pencil tool (N), then double-click the Pencil tool icon on the toolbar. Check the box for Fill new pencil strokes, then select OK. This setting allows you to add to your drawing.

Using the Pencil tool, draw from one anchor point and join the pencil back to another anchor point.

Adobe Illustrator Pencil Tool Edits

To remove parts of your line work, open the Pencil tool settings again and uncheck the Fill new pencil strokes box. Then draw from one anchor point into your line work, connecting to another anchor point. The shape you draw will be removed from the path.

Illustrator artboard with zoomed flower stamen.

Use this technique to tidy up lines, add or remove thickness, or add or remove elements in your artwork.

You can also use the Direct Selection tool (A) to select individual anchor points to drag, delete, or add curves to them in order to change the shape of your line work.

How to Colorize Your Vector in Illustrator

You should have set the Color Profile for your document, but if you wish to change from CMYK to RGB, or RGB to CMYK, you can. Go to Edit > Edit Colors > Convert to RGB or Convert to CMYK.

Illustrator Live Paint Settings

To add color, the vector needs to be turned into a Live Paint object. Select (V) the line work then go to Object > Live Paint > Make. Press K or choose the Live Paint Bucket icon on the toolbar.

Live Paint Hover Boundary

Set your desired color in the Background color swatch, then hover the cursor over the space you want to add color to until the inner line turns red.

Live Paint Tool in Illustrator

Select it with the Live Paint Bucket tool to add color.

Illustrator artboard with a transparent path.

If the space is not a closed loop, you won’t be able to add color using Live Paint Bucket. There is a way around that though: use the Pencil, Brush, or Pen tools to draw a line to close the gap. Select the line, then set the Stroke and the Fill to transparent.

Illustrator artboard with multi-pink flower.

Using the Selection tool, click and drag your cursor over the drawing to select it all—including the transparent line—and make it a Live Paint object again. You can do this as many times as you need.

To recolor your vector, you could also use Adobe Illustrator's vector recolor tool powered by Adobe Firefly.

Colored Vector in Illustrator

Once you've edited the line work and added color however you want, your vector drawing is complete.

While PNG files have transparent backgrounds, they’re not good for saving vectors. Save it as an SVG to ensure a transparent background, or save it as an AI file to edit it again in the future. Here’s how to save different file types in Illustrator if you need help.

For similar results, you can also vectorize an image in CorelDRAW if you don't have access to Adobe Illustrator.