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.

Picture 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 .

Picture 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) .

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

Drag the small circle to the center to make corners.

Picture 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.

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

Select 2 circles and group them together:

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

Balancing eyes in the middle of face with Align .

Picture 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 .

Picture 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.

Picture 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:

Picture 10 of How to create avatars, avatar illustrations in Adobe Illustrator
Picture 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.

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

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

Picture 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.

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

Put the details in the right place.

Picture 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.

Picture 16 of How to create avatars, avatar illustrations in Adobe Illustrator
Picture 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.

Picture 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.

Picture 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.

Picture 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.

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

Use Arc Tool to draw bangs for the character.

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

Cut off the excess lines with the Scrissors Tool :

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

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

Picture 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:

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

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

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

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

Picture 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.

Picture 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.

Picture 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 .

Picture 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.

Picture 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 .

Picture 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!

Update 19 May 2020
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile