Design

Illustrator Tutorial: 3 Ways to Vectorize an Image

Learn the key steps to vectorize an image in Adobe Illustrator with Juan Villamil

In the world of graphic design, and, more specifically, illustration, lettering, branding and corporate and institutional design, mastering the creation of vector images is key. Vectors are highly manipulable, offer different advantages over pixels, and learning to create with them in Adobe Illustrator is not particularly difficult.

In this tutorial, illustrator and graphic designer Juan Villamil, better known as Juan Sin Miedo (@juansinmiedo), explains three different ways to vectorize an image in Adobe Illustrator, and reviews the fundamental difference between images created with vectors and images created with pixels

What is a vector?

First of all, we must explain the difference between an image created with vectors and another created with pixels. Vectors are graphic elements based on mathematical formulas, their main advantage is that they can be scaled without losing quality (we can expand them all we want and they will not be pixelated) and the ease with which all their features can be edited.

Although the majority of digital images that we see in our day to day are composed of pixels, the truth is that images created with vectors, as we have mentioned, are very useful for graphic design. The pixels, although they allow us to faithfully reproduce photographs, for example, do not maintain the same quality when enlarged.

A vector image won't pixelate when resizing...
A vector image won't pixelate when resizing...
...unlike an image made from pixels
...unlike an image made from pixels

Vectorizing with the pen tool

The use of the pen tool is very simple: once we have imported the image we want to vectorize into Adobe Illustrator , we just have to go over its contours with it to see how the vector lines appear. Each stroke of the pen generates a line at the end of which we find a node, the point from which the next line will depart.

Using the Shift key, we can create nodes in order to have more control over our stroke. The idea is to create shapes with the pen based on the contours of our image, building its form through vectors.

Shapes created with the pen tool
Shapes created with the pen tool

Vectorizing with strokes

Another similar, but faster, way to vectorize is to press Shift + X once we have created our stroke with the pen so that it automatically becomes a path that we can make thicker or thinner, in order to fit within the contours of our image. The values ​​of this stroke can be adjusted with Shift + W, moving the nodes...

The shape created with the pen...
The shape created with the pen...
 ...becomes a stroke when you press Shift + X
...becomes a stroke when you press Shift + X

Vectorizing with the fill brush

Finally, another intuitive way to vectorize is to use the fill brush. In this way, we will only need to paint over the contours of the image we want vectorized, as if we were painting over it, and our path will become a vectorized shape automatically.

On the left side of the bone, we see a shape created with the fill brush
On the left side of the bone, we see a shape created with the fill brush

If you liked this tutorial by Juan Villamil, his course 'Vectorial Illustration: More Volume and Rock and Roll' will teach you how to create powerful illustrations with gradient effects using flat colors.

You might also find interesting:

- Vector Illustration for Amateurs, a course by Aaron Martinez.
- Vectorial Illustration with Style, a course by Ely Ely.
- Domestika Basics: Introduction to Adobe Illustrator, 6 courses by Aaron Martinez.

Recommended courses

Portrait Sketchbooking: Explore the Human Face. Illustration course by Gabriela Niko

Portrait Sketchbooking: Explore the Human Face

A course by Gabriela Niko

Discover the fundamentals of portraiture by learning to draw facial features and tracking your progress in a sketchbook

  • 148,806
  • 95% (2.8K)
98% Disc.
Original price $49.99USD
Buy $0.99USD
Daily Sketching for Creative Inspiration. Illustration course by Sorie Kim

Daily Sketching for Creative Inspiration

A course by Sorie Kim

Improve your drawing process as you explore, imagine, and experiment in your sketchbook on a daily basis

  • 165,603
  • 98% (4K)
98% Disc.
Original price $49.99USD
Buy $0.99USD
Drawing for Beginners Level -1. Illustration course by Puño

Drawing for Beginners Level -1

A course by Puño

Create your first sketchbook by applying basic techniques for drawing by hand

  • 267,917
  • 99% (10K)
98% Disc.
Original price $49.99USD
Buy $0.99USD
0 comments