How to Turn a Photo into an Illustration in Adobe Illustrator

Posted on:  


![](https://image-control-storage.s3.amazonaws.com/2023/03/14092801/turn-photo-into-illustration4-800x400-2-2.png)

We are not talking about Image Trace.

Turning a photo into a digital illustration or drawing slightly differs from vectorizing an image. We won’t use Image Trace here. Instead, I’ll show you how to create a digital drawing from scratch in Adobe Illustrator.

There are different digital illustration styles, but 90% start with lines. So we will turn a photo into a line drawing first and add elements to the line drawing to create a vector version of the image.

Note: All screenshots from this tutorial are taken from Adobe Illustrator CC 2022 Mac version. Windows or other versions can look different.

How to Turn a Picture into Line Drawing in Adobe Illustrator

After outlining the picture, you can add colors or shapes to the line drawing and create a digital illustration.

Step 1: Place the picture you want to turn into a line drawing/illustration in Adobe Illustrator. Create a line drawing based on this cocktail image, available for free on unsplash.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092803/turn-photo-into-illustration16-2.png)

Step 2: Lower the opacity and use the keyboard shortcut Command + 2 or (Ctrl + 2 for Windows users) to lock the image.

It’s a good idea to lower the opacity because you’ll be tracing the image with drawing tools and the line you draw will show better. Locking the image prevents moving it by accident and messing up the artwork.

Step 3: Choose a drawing tool and start tracing the lines of the image. You can start from any part of the image. Just zoom in and trace.

For example, I’m using the Pen tool to trace the outline of the glass first.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092805/turn-photo-into-illustration10-2.png)

Depending on the style of line drawing you want to create, you can choose Pen tool, Pencil, or Paintbrush to draw in Adobe Illustrator. Pen tool creates more precise lines, Pencil creates freehand paths, and brushes are better for drawing freehand lines.

I usually use the Pen tool to trace the outline, and then use brushes to add details.

For example, here I’ve already traced the outline so you can see the line drawing style the pen tool creates.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092807/turn-photo-into-illustration8-705x1024-1-2.png)

Now I’m going to use the brushes to add details. When you use the paintbrush tool to draw, open up the Brushes panel so that you can choose and switch between different brushes easily.

The result.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092809/turn-photo-into-illustration14-705x1024-1-2.png)

Uunlock the original image and delete it to see how the line drawing looks.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092811/turn-photo-into-illustration3-2.png)

You can change the stroke style and weight, or have different stroke weights for different lines. It’s all up to you.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092812/turn-photo-into-illustration9-2.png)
![](https://image-control-storage.s3.amazonaws.com/2023/03/14092814/turn-photo-into-illustration2-705x1024-1-2.png)

So this is how you turn a photo into a line drawing in Adobe Illustrator.

How to Make a Digital Illustration in Adobe Illustrator

After tracing out the lines, you can add color and shapes to the image. If you want to make a digital illustration version of a picture, follow the steps below.

Step 1: Trace the outline of the photo using the method I introduced above of creating a line drawing.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092817/turn-photo-into-illustration11-779x1024-1-2.png)

Step 2: Go to the overhead menu Object > Unlock All so that you can move the image you locked earlier for drawing the lines.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14091942/image-33.png)

Step 3: Move the image next to the lines you drew, and bring the opacity back to 100%. This step is to get the image ready for sampling colors.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14091952/image-34.png)

Step 4: Use the Eyedropper tool (keyboard shortcut I) to sample colors from the original image and make a color palette.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092819/turn-photo-into-illustration7-2.png)

Step 5: Color the drawing. There are different ways to fill color in Adobe Illustrator, depending on the effects you want to create.

Use the Live Paint Bucket, go to the overhead menu Object > Live Paint > Make to create a live paint group. You’ll see all the strokes and paths are grouped together.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092821/turn-photo-into-illustration12-2.png)

Choose the Live Paint Bucket tool and start coloring! You can remove or keep the stroke color.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092822/turn-photo-into-illustration5-2.png)

You might not get all the areas colored because the areas of the open path are hard to control.

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092824/turn-photo-into-illustration6-2.png)

But you can always use brushes to add details and finalize the artwork.

Here’s what I got. Pretty similar, right?

![](https://image-control-storage.s3.amazonaws.com/2023/03/14092826/turn-photo-into-illustration13-2.png)

© 2023 illustratorhow.com. All rights reserved




Code


Art


Design


UI/UX


Video


Projects


Social