By Design Bundles
06 Sep 2018
4 Mins

Vector Avatar in Illustrator

For this tutorial, you will need an image or portrait to work with.

1 - In Illustrator, create a “New Document”.

2 - Go to File > Place and navigate to where the image you wish to use is stored. Select it and click “Place”. Resize it if needed.

3 - Lock this Layer by clicking to the left of its thumbnail and bringing out the small Padlock icon. Then, “Create New Layer” by clicking on the button at the bottom of the “Layers Panel”.

4 - Select the “Pen Tool” (P), choose a contrasting color for the “Stroke” and no “Fill”. Start creating outlines of the different parts of your image. Leave some overlapping space where two different Paths meet so you won’t end up with white empty portions.

5 - Keep going and create Paths of all the details too (eyes, eyebrows, nostrils, etc.).You can also use the “Ellipse Tool” (O) to create the eyes.

6 - Select the “Eyedropper Tool” (I). In the “Layers Panel” click on the small arrow to the right of your “Thumbnail” to show all the different “Paths”, then click right next to the small circle on the right. A colored square should appear to show you that that “Path” is selected. Then, with the “Eyedropper Tool”, click inside the “Path” to “Fill” it with a color from your image.

7 - If you want to change the position of one of your Paths forward or backwards, just right-click on top of it and choose Arrange > Send Backward (or “Bring Forward”, etc.).

8 - Use the “Direct Selection Tool” (A) to fix the parts of your Paths that need it.

9 - You can “Turn Off” some of your Paths, click on the small eye icon to the left of its “Thumbnail”. Keep filling your Paths and re-arranging them until you are pleased with the results.

10 - You can also use the “Swap Fill and Stroke” (Shift + X) function to “Hide” the Fill on a Path to be able to trace what’s underneath.

11 - Use the “Gradient Tool” (G) to fill some Piths with “Linear Gradients” to give your image a bit more depth. You can also create a “Reference Color Palette” to use in your Gradients.

12 -Check out your work.

by @lornacane

6 Related Illustrator Tutorials

How to Convert a Drawing to a Vector in Adobe Illustrator

Have you wanted to create vector images from your drawings but didn’t know how? It’s actually pretty easy to do. In this tutorial, we’ll teach you how to convert a drawing to a vector in Adobe Illustrator.We’ll be using a drawing of a feather from ...

See Through Vector Window in Illustrator

You will need a vectorized image of a “Window” and a “Landscape” to use as “Background”.1 - In Illustrator, create a “New Document” (Command/Control + N).2 - Open the File containing the “Window” Image you chose, then “Copy” (Command/Control + C) and “Paste” it (Command/Control + V) inside your Document.3 ...

Pop Art Vector Images in Illustrator

This tutorial will show you how to create a pop art vector image in Illustrator from a photo. Pop art vector images work well on posters, stickers, and sublimation designs as they are very striking with saturated colors and bold outlines.For this tutorial, you will need an image or ...

Flat Vector Diamonds in Illustrator

Today, we will learn how to create quite popular yet simple flat-style vector diamonds and/or gems in Illustrator. We will achieve this with some basic shapes and a simple color palette. We are going to create two basic views of the vector diamonds, a look from the top and ...

Abstract Vector Background in Illustrator

1 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” (M), draw a rectangle covering your whole document and fill it with Black.3 - Lock your “Background” Layer by clicking on the left side of its thumbnail to bring out the small “Padlock” icon. Create a “New Layer” ...

Ribbon Banner Vector in Illustrator

1 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” (M), click on the Top-Left corner of your Canvas and input the same “Width” and “Height” of your document to make a rectangle that covers all of it and fill it with a “Radial Gradient” from White with 0% “...