• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • About
  • Portfolio
  • Blog
    • Blogging
    • Business Tips
    • Design
    • Photoshop Tutorials
    • Illustrator Tutorials
    • Freebies
  • Shop
    • Creative Market
    • Spoonflower
    • Design Cuts
    • Patternbank
  • Resources
    • Resources
    • The Library
  • Contact
  • Nav Social Menu

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

Elan Creative Co.

whimsical graphic design

How to vectorize watercolors in Illustrator

March 2, 2018

How to vectorize watercolors in Illustrator

Have you ever tried to use a raster image (JPEG, PNG) in Illustrator and couldn’t use the Pathfinder tools or couldn’t drag your pattern into the Swatches panel? It often happens because some tools don’t work with raster images (JPGs, PNGs) and you will have to vectorize them first.

In today’s tutorial, I want to show you how to vectorize watercolors in Illustrator. This will help you scale your watercolors and you will have an easier time creating watercolor patterns.

Watercolor textures and illustrations can have many details and that means that your vector files can get pretty big. It’s really important to find a balance between the quality of your watercolor vector and file size.

When I use watercolors, I like to work with Photoshop, especially when I make patterns. But it’s a good idea to know how to vectorize watercolors in Illustrator in case you might need larger images.

Watch on YouTube

Please subscribe to my channel if you want to see more Illustrator and design tutorials. I release a new tutorial every other week.

Watch the video on YouTube.

How to vectorize watercolors in Illustrator

Open your watercolor illustration in Illustrator.

The watercolor texture I’m going to use was scanned at 300 DPI and cleaned in Photoshop. Then I saved it as a transparent background PNG and opened it using Illustrator.

How to vectorize watercolors in Illustrator

Select the watercolor and click on the arrow next to Image Trace. Choose High Fidelity Photo from the drop-down menu.

How to vectorize watercolors in Illustrator

Because most watercolors have so many details, tracing the image might take a lot of time.

After the image is vectorized, open the Image Trace panel by going to Windows > Image Trace or by clicking on the icon. Click on the arrow next to Advanced to view all the options.

How to vectorize watercolors in Illustrator

When you vectorize watercolors using Illustrator, you have to keep an eye on the number of paths, anchors, and colors you have. You can see that at the bottom of the Image Trace panel. The more paths and colors you have, the larger your file will be.

Since high-resolution watercolors can have many colors and details, your files can go up to hundreds of megabytes.

The watercolor texture I used in this tutorial was scaled in Photoshop and it’s a pretty small files, but I won’t make a lot of changes to it.

One of the changes you can make is to increase the number of colors. Use the Color slider and move it up to 95% or even all the way to 100%.

How to vectorize watercolors in Illustrator

If you want, you can also increase the number of Paths. If you move up the slider too much, your file might be too big. But if you don’t have enough paths, you might have empty areas in your vector.

I’m going to move the slider up to 60%.

How to vectorize watercolors in Illustrator

When you are happy with the way your vector looks, close the Image Trace panel and click on Expand.

When you vectorize watercolors, even if they have a transparent background, the vector’s background will turn to white.

Use the Direct Selection (A) tool to click on the white background and then press Delete on your keyboard.

How to vectorize watercolors in Illustrator

Next, I’m going to use the Rectangle Tool (M) to create a black background. This will help me see if there are any white edges and see the empty areas.

How to vectorize watercolors in Illustrator

If there are white edges, use the Direct Selection tool to select them and then delete them.

The last thing we have to do is to fill the empty areas with color.

I do this by selecting each object next to the empty areas and then use the Brush tool, Pencil tool, or even the Delete Anchor Point tool to fill the areas.

Some of these areas are very small and it’s up to you if you want to fill them or leave them as they are.

When you are happy with your watercolor vector, save your file as a .ai file or as a .eps file.

How to vectorize watercolors in Illustrator

My finished vector looks exactly like the original watercolor, but if you vectorize watercolors you will be able to scale them to any size and use them in all your Illustrator projects.

Do you work with watercolors in Illustrator or do you like to use Photoshop?

Tweet
Share7
Pin13K
Share

Illustrator, Tutorials

You might also enjoy:

How to make seamless patterns using the pattern tool in Illustrator
How to make seamless patterns using the pattern tool in Illustrator
How to make a printable weekly planner in Illustrator
How to make a printable weekly planner in Illustrator
How to convert Illustrator swatches to Photoshop patterns
How to convert Illustrator swatches to Photoshop patterns
How to make a winter holiday greeting card in Illustrator
How to make a winter holiday greeting card in Illustrator

About Cristina Silvia

Hey there! I’m Cristina, and I’m a self-taught graphic designer and illustrator. With an everlasting love of all creative endeavors, I found joy in sharing with others what I’ve learned over the years and helping bloggers and entrepreneurs bring their dreams to life through beautiful designs.

The Newsletter

Subscribe to our mailing list to get the latest posts in your inbox + news and special offers.

Reader Interactions

Comments

  1. Steve B. says

    March 6, 2018 at 3:30 pm

    Thanks for great lessons. I have read some books to learn better AI but noticed that new version releases faster than tutorials. Moreover, it’s too hard to find reliable teacher and instructor.
    Thank you again Cristina

  2. Melissa says

    May 3, 2019 at 6:13 pm

    Quick Question: Which design software do you prefer?

Footer

Discover

  • Portfolio
  • Blog
  • Resources
  • The Library
  • Contact

Learn More

  • Policies
  • Terms
  • Licenses
  • F.A.Q.

Looking for something?

  • Bloglovin
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Copyright © 2021 · Elan Creative Co

We use cookies to ensure that we give you the best experience on our website. Do you agree?OkNoRead more