How to create avatars, avatar illustrations in Adobe Illustrator

How to create avatars, avatar illustrations in Adobe Illustrator. Drawing character illustrations is always a fun experience, even more so when you draw characters based on a real person. Avatars are portraits drawn with illustrative, illustrative style

Drawing character illustrations is always a fun experience, even more so when you draw characters based on a real person. Avatar is a portrait drawn with an illustrative style, showing the difference but still not revealing your identity.

In this tutorial, let's use the vector tools in Adobe Illustrator to create a simple avatar character, and with the same background you can also create many different personalities. To begin with, you need to know the basic techniques of Adobe Illustrator.

The character designs that we will be working on here are completely simplified into basic shapes to create a common face frame configuration. To represent different people, you just need to change the hairstyle, skin color.

images 1 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 1 of How to create avatars, avatar illustrations in Adobe Illustrator

Draw basic avatar illustration with Adobe Illustrator

The avatar illustration will be surrounded by a circle, so using the Ellipse Tool , hold Shift to draw a perfect circle. Increase Stroke to 6pt .

images 2 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 2 of How to create avatars, avatar illustrations in Adobe Illustrator

Use the Retangle Tool to draw a rectangle inside the circle to make the face of the character, then you use the Selection Tool , hold Shift and select both shapes, balance them with Align (Windows >> Align) .

images 3 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 3 of How to create avatars, avatar illustrations in Adobe Illustrator

Drag the small circle to the center to make corners.

images 4 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 4 of How to create avatars, avatar illustrations in Adobe Illustrator

You draw a circle to make the character's eye, turn off the Stroke color and choose the black Fill color . Then press Ctrl + C and Ctrl + V to make a copy and position it symmetrically.

images 5 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 5 of How to create avatars, avatar illustrations in Adobe Illustrator

Select 2 circles and group them together:

images 6 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 6 of How to create avatars, avatar illustrations in Adobe Illustrator

Balancing eyes in the middle of face with Align .

images 7 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 7 of How to create avatars, avatar illustrations in Adobe Illustrator

Turn on the Round Cap Stroke feature by following these steps:

    1. Select Windows >> Stroke .
    2. In the window that appears, select the icon 3 dashes >> Show Options .

images 8 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 8 of How to create avatars, avatar illustrations in Adobe Illustrator

    1. Continue to select Round Cap to make your two ends of the line always rounded.

images 9 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 9 of How to create avatars, avatar illustrations in Adobe Illustrator

To draw eyebrows, draw a circle, then use the Direct Selection Tool to select and press Delete to delete 2 points of the circle, you will only have 1 quarter of the circle left:

images 10 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 10 of How to create avatars, avatar illustrations in Adobe Illustrator

images 11 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 11 of How to create avatars, avatar illustrations in Adobe Illustrator

Align the eyebrows to the correct position and make the same on the other side.

images 12 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 12 of How to create avatars, avatar illustrations in Adobe Illustrator

Make copies of eyebrows to use as a nose and mouth.

images 13 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 13 of How to create avatars, avatar illustrations in Adobe Illustrator

Draw the neck of the character using a small rectangle, using the Direct Selection Tool , click and make the lower corners.

images 14 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 14 of How to create avatars, avatar illustrations in Adobe Illustrator

Put the details in the right place.

images 15 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 15 of How to create avatars, avatar illustrations in Adobe Illustrator

Using the Scrissors Tool , tap the intersection between the two strokes. At this point your brush has been divided into different sections. You just need to delete the leftovers.

images 16 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 16 of How to create avatars, avatar illustrations in Adobe Illustrator

images 17 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 17 of How to create avatars, avatar illustrations in Adobe Illustrator

Draw a big circle to illustrate the character's role, you just need to put in the right position and cut away the excess is perfect.

images 18 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 18 of How to create avatars, avatar illustrations in Adobe Illustrator

Now that you have created the background for your avatar illustrations, from here try to personalize them to create different characters.

images 19 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 19 of How to create avatars, avatar illustrations in Adobe Illustrator

Personalize the character

Start customizing this basic face with a hairstyle. Draw a large rectangle, center align and circle the top two corners.

images 20 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 20 of How to create avatars, avatar illustrations in Adobe Illustrator

Click the 3-dot icon in the toolbar, navigate to Arc Tool and drag this tool onto the toolbar to be able to use it.

images 21 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 21 of How to create avatars, avatar illustrations in Adobe Illustrator

Use Arc Tool to draw bangs for the character.

images 22 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 22 of How to create avatars, avatar illustrations in Adobe Illustrator

Cut off the excess lines with the Scrissors Tool :

images 23 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 23 of How to create avatars, avatar illustrations in Adobe Illustrator

You create a different hairstyle for the male character with overlapping circles.

images 24 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 24 of How to create avatars, avatar illustrations in Adobe Illustrator

Select Windows >> Pathfinder to open the Pathfinder window . Continue using the Selection Tool , hold Shift and select all the circles then use the Unite feature in Pathfinder to put them all together:

images 25 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 25 of How to create avatars, avatar illustrations in Adobe Illustrator

Use the Scrissors Tool and the Eraser Tool to erase the extra strokes.

images 26 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 26 of How to create avatars, avatar illustrations in Adobe Illustrator

Use 2 halves of the circle to make the character's ears.

images 27 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 27 of How to create avatars, avatar illustrations in Adobe Illustrator

Create a simple pair to decorate the character, now you can remove the eyebrows and use it as a frame.

images 28 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 28 of How to create avatars, avatar illustrations in Adobe Illustrator

Color

The easiest way to add color to your illustration is to use the Live Paint Bucket tool . You choose Live Paint Bucket similar to how to open Arc Tool as above.

images 29 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 29 of How to create avatars, avatar illustrations in Adobe Illustrator

Select all the details of the character with the Selection Tool , then select the color and paint with the Live Paint Bucket .

images 30 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 30 of How to create avatars, avatar illustrations in Adobe Illustrator

Combining the hair color and skin color of the main character is the key to helping the viewer to easily identify who it represents.

images 31 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 31 of How to create avatars, avatar illustrations in Adobe Illustrator

To apply a color from Live Paint to Fill , do the following: Select all objects >> Select Object >> Expand . >> Check only in the Object box >> OK .

images 32 of How to create avatars, avatar illustrations in Adobe Illustrator
Images 32 of How to create avatars, avatar illustrations in Adobe Illustrator

Now that you have created avatars for 2 characters, continue to use this basic image to create other individuals for yourself, your friends or anyone else.

Good luck!

5 | 1 Vote
« PREV : How to draw vector...
Resize, position,... : NEXT »