{"id":2752,"date":"2019-05-22T08:34:02","date_gmt":"2019-05-22T06:34:02","guid":{"rendered":"https:\/\/barbaramarini.com\/how-to-vectorize-a-drawing\/"},"modified":"2025-12-12T12:22:53","modified_gmt":"2025-12-12T11:22:53","slug":"how-to-vectorize-a-drawing","status":"publish","type":"post","link":"https:\/\/barbaramarini.com\/en\/how-to-vectorize-a-drawing\/","title":{"rendered":"How to vectorize a drawing"},"content":{"rendered":"

Why convert a drawing into vector format?<\/strong><\/h2>\n

<\/p>\n

In my work, I often need to vectorize a hand-drawn illustration on paper<\/strong>. In graphic design, it is frequently necessary to have graphic elements, illustrations, or icons that can be transformed<\/strong>, resized<\/strong>, and reused across different media without any loss of quality. As I\u2019ve explained on other pages of my website<\/a>, vector digital format allows transformations without any loss of quality.<\/strong><\/p>\n

<\/p>\n

My passion for traditional drawing and painting tools sometimes conflicts with this necessity. Once a drawing is \u201cfixed\u201d on paper in a specific format, it becomes difficult to resize it or make its background transparent. To make the background of a hand-painted drawing transparent, and possibly turn it into a pattern, Photoshop can be used, as I explain in another blog article<\/a>.<\/p>\n

<\/p>\n

However, it is not always possible to scale an A4 painting up to a poster or much larger formats.<\/p>\n

<\/p>\n

The alternative is to convert the drawing into vector format. While you might lose some of the subtle shading and nuances, you gain a highly versatile product that can also be used for logos, which need to adapt to both small and large formats and to different media such as print or web.<\/p>\n

<\/p>\n

Here is an example of how I adapted one of my watercolor drawings for the creation of a logo.<\/p>\n

\"Vettorializzare\"Logo<\/p>\n

On the left, the watercolor on paper; on the right, the vector logo.<\/p>\n

<\/p>\n

Vectorizing a drawing also allowed me to define a precise color palette for the logo.<\/p>\n

<\/p>\n

Once in vector format, the drawing can be used on any medium, of any size, and is easily adaptable for printing, whether offset, screen printing for gadgets, or other materials. One of my favorite applications is creating illustrations for children<\/a> to be used on various merchandise and accessories.<\/p>\n

Processing in Adobe Photoshop<\/strong><\/h2>\n

<\/p>\n

Here are the recommended steps for any type of drawing, including pencil sketches, but especially suitable for colored drawings with multiple shades.<\/p>\n

<\/p>\n

As always, you can watch the complete step-by-step process in the video on my YouTube channel.<\/p>\n

<\/p>\n

First, digitize the drawing using a scanner and open it in Photoshop.<\/p>\n

<\/p>\n

Use the Lasso Tool<\/strong> to separate the different colors and shapes onto separate layers.<\/p>\n

<\/p>\n

If needed, use the Magic Wand Tool<\/strong> to remove the white background.<\/p>\n

<\/p>\n

This way, you\u2019ll have each individual element on separate transparent layers, ready for further processing.<\/p>\n

\"Vettorializzare<\/p>\n

Using the Photoshop file in Illustrator while keeping layers<\/strong><\/h2>\n

<\/p>\n

At this point, after saving the file in Photoshop (.PSD) format, open Illustrator, create a new document, and place the file (File \u2192 Place), making sure to uncheck \u201cLink\u201d<\/strong> and selecting \u201cConvert Layers to Objects\u201d<\/strong> in the import options.<\/p>\n

<\/p>\n

Now you can select the individual layers and edit them separately.<\/p>\n

The Image Trace tool in Illustrator<\/strong><\/h2>\n

<\/p>\n

Let\u2019s start with the leaves. Select one of the two leaf layers and choose the command Image Trace \u2192 6 Colors<\/strong> from the Properties panel<\/strong> or from the menu Object \u2192 Image Trace \u2192 Make<\/strong>.<\/p>\n

<\/p>\n

Choose the 6 Colors profile<\/strong> because it provides a good number of color shades without generating too many complex shapes. That\u2019s why in Photoshop we separated similar colors onto different layers.<\/p>\n

\"Strumento<\/p>\n

In the advanced options of the \u201cImage Trace\u201d panel<\/strong>, lower the values for Paths<\/strong> and Corners<\/strong>, setting them around 5%<\/strong> to make the shapes less complex. Also, select the Method: Overlapping<\/strong> icon so that the shapes overlap each other rather than just being adjacent.<\/p>\n

\"Strumento<\/p>\n

When you are satisfied with the result, I recommend saving the \u201cImage Trace\u201d panel settings<\/strong> as a custom preset so you can quickly reapply them if needed. I saved one called \u201cWatercolor.\u201d<\/strong><\/p>\n

\"Strumento<\/p>\n

Click the \u201cExpand\u201d<\/strong> button in the Properties<\/strong> panel to obtain the final vector shapes. Then ungroup<\/strong> the result to remove the white background.<\/p>\n

<\/p>\n

At this point, if you want to clean up the shapes further and smooth them out, you can use the command Object \u2192 Path \u2192 Simplify<\/strong>, keeping the Curve Precision<\/strong> value high so as not to alter the paths too much.<\/p>\n

<\/p>\n

If you want to optimize the colors instead, you can use the Recolor Artwork<\/strong> command, which allows you to adjust the colors contained in the selected shapes.<\/p>\n

\"Strumento<\/p>\n

Perfect!<\/p>\n

<\/p>\n

Now you need to repeat the same procedure for each layer<\/strong>, obtaining another group of vectors for the leaves and for each individual flower. If you saved your preset under the name Watercolor<\/strong>, as I explained above, instead of selecting \u201c6 Colors\u201d<\/strong>, choose Watercolor<\/strong>\u2014this will quickly reapply the same settings used previously.<\/p>\n

<\/p>\n

At the end of the process, you will have a series of vector shapes<\/strong> that you can use for logos, icons, patterns, and much more.<\/p>\n

\"Vettorializzare\"Vettorializzare\"Vettorializzare<\/p>\n

Watch the attached video showing all the individual steps of the tutorial, where you can see live how to vectorize a watercolor drawing. If you have any doubts or questions, feel free to write them in the comments.<\/p>\n

<\/p>\n

Happy creating, and as always, have fun!<\/p>\n