How to Create Flat Profession Avatars in Adobe Illustrator

Step 15

Make a 35 x 40 px rectangle for the neck, filling it with a slightly darker skin tone in order to separate it from the face. Make the bottom part of the neck a bit rounded.

And let’s start designing the clothes of the worker. Make a 90 x 70 px dark-blue rectangle for the shirt. Add two more anchor points at the spots where the neck crosses the shirt. Move the side anchor points of the rectangle down, holding Shift and pressing the down arrow key several times in order to form the shoulders.

make a neck and a shirt from the rectangles

Step 16

Let’s move on to the worker’s uniform and place two narrow orange stripes above the shoulders. Group (Control-G) them and align the group to the dark-blue shirt, using the shirt as the Key Object. Add a rectangle above the chest and Unite all the orange parts in Pathfinder, merging them into a single shape.

Go to Object > Path > Add Anchor Points, and then select the new point in the middle of the neck area of the uniform and drag it down, making a V shape.

make a uniform from rectangles

Step 17

Use the Live Corners feature to make the corners of the uniform slightly rounded. Now we need to get rid of those pieces outside the shirt in order to make both shapes fit each other. Select both the shirt and the uniform and take the Shape Builder Tool (Shift-M). Hold down Alt and click the pieces outside the shirt which you need to delete. Add two lighter narrow stripes on both shoulders, depicting a reflective tape.

edit the uniform with the Shape Builder Tool

Step 18

Let’s give our icon a trendy flat-style look by darkening one of its sides. Select all the elements of the character (Control-A), Copy them and Paste in Front (Control-C > Control-F). Click the Unite function in the Pathfinder panel to merge the parts into a single silhouette.

make a merged silhouette in pathfinder

Step 19

Take the Line Segment Tool (), hold Shift and make a vertical line across the silhouette. Select both the line and the silhouette and align them horizontally in the Align panel, using the silhouette as the Key Object.

Keeping both shapes selected, use the Divide function of Pathfinder to split the silhouette into two equal halves.

divide the shapes in the pathfinder

Leave a comment

Your email address will not be published.