How to Create Flat Portrait Illustration from a Photo

Hello everyone in this tutorial we are going to create a flat portrait illustration with tracing method using reference image in Inkscape.

What you will learn

  • How to use bezier tool
  • How to use dropper tool
  • How to intersect path
  • How to lock the corner using bezier tool
  • How to create a layer
  • How to lock a layer

Tutorial Steps

Step 1

Import the image in File > Import > then click OK. Click the pictures and Press shift+ctrl+r to make the canvas size the same as the images.

flat-portrait-illustration-step-1

Step 2

With the bezier tool (B), draw the face’s shape by clicking and dragging.

flat-portrait-illustration-step-2-1

Continue to the hair, neck, and body.

flat-portrait-illustration-step-2-2

To see the result, click the layer left of the lock icon to hide the layer.
Result:

flat-portrait-illustration-step-2-3

Step 3

Create an ellipse in eyeglasses with ellipse tools (E).

flat-portrait-illustration-step-3-1

Draw the eyeglasses frame with bezier tool (B).

flat-portrait-illustration-step-3-2

Continue draw to the nostril

flat-portrait-illustration-step-3-3

And.. the lips.

flat-portrait-illustration-step-3-4

Result:

flat-portrait-illustration-step-3-5

Give colors to each part by clicking the shape, then head up to edit objects (Shift+ctrl+f) to change the colors. Remove the stroke in the left corner of the stroke, right-click > remove strokes.

flat-portrait-illustration-step-3-6

Step 4

Create a background with rectangle tool (R) then change the colors to Rose Madder (#e71d36ff).

flat-portrait-illustration-step-4-1

Then refine the shape by pressing F2 and drag the nodes.

flat-portrait-illustration-step-4-2

Step 5

Draw the eyebrows with the bezier tool (B).

flat-portrait-illustration-step-5-1

Draw earrings and the shadow on the neck with bezier tool (B).

flat-portrait-illustration-step-5-2

Step 6

Create a shading to the face with bezier tool (B).

flat-portrait-illustration-step-6-1

And send to the lower back.

flat-portrait-illustration-step-6-2

Step 7

Convert the earrings to path in path > stroke to path.

Modify the shading by duplicating the face again with ctrl+d, move right a little bit, then select two shapes. Then in path > difference.

flat-portrait-illustration-step-7-2

And send it to the lower back.

flat-portrait-illustration-step-7-4

Finished!

The bezier tool is the primary tool in this tutorial, so you can draw and trace anything. Thanks for reading; see you in the next posts!

flat-portrait-illustration-zakeydesign.com

Tutorial Assets

Credits

Share via
Copy link
Powered by Social Snap