How to Make Flat Vector Portraits in GIMP

Transforming a raster photograph into a minimalist, vector-style flat illustration is a popular graphic design technique that you can easily achieve using GIMP. This tutorial provides a step-by-step walkthrough for converting portrait photos into stylized art by organizing layers, tracing shapes with the Paths Tool, establishing a flat color palette, and applying cel-shaded highlights and shadows.

1. Prepare Your Reference Image

  1. Open GIMP and import your chosen portrait via File > Open. Choose a high-contrast photograph with clear lighting and well-defined facial features.
  2. Duplicate the base image layer (Ctrl + D or right-click the layer and select Duplicate Layer) and rename it Reference.
  3. To make color values and shapes easier to identify, go to Colors > Posterize on the reference layer and reduce the levels to between 5 and 8. This breaks complex gradients into distinct tonal blocks.

2. Set Up Your Layer Hierarchy

Create a dedicated layer structure above your reference image so your elements stay organized:

  • Details (top)
  • Highlights & Shadows
  • Hair
  • Facial Features (eyes, nose, mouth)
  • Base Skin
  • Clothing
  • Background (bottom)

Set the opacity of your Reference layer to around 60–70% so you can clearly see the paths you draw over it.

3. Build a Limited Color Palette

Flat illustrations rely on a curated, non-gradient color scheme. Use the Color Picker Tool (O) to sample colors from your photo or create custom swatches:

  • Pick a base tone, a shadow tone, and a highlight tone for the skin.
  • Choose 2–3 tones for the hair.
  • Pick solid accent colors for the clothing and background.

4. Trace Outlines with the Paths Tool

  1. Select the Paths Tool (B) from the toolbox.
  2. Zoom into your image and begin placing nodes around major continuous shapes (such as the jawline, hair outline, or shirt collar).
  3. Click and drag nodes to bend the path segments smoothly along curves. Hold Ctrl to adjust individual control handles for sharp angles.
  4. Close the path by holding Ctrl and clicking the initial anchor point.

5. Fill Paths with Solid Colors

  1. Once a path loop is closed, click Selection from Path in the Paths Tool Options (or press Shift + V).
  2. Select the corresponding transparent layer from your Layers panel (e.g., Base Skin).
  3. Select your chosen base color, then use the Bucket Fill Tool (Shift + B) or navigate to Edit > Fill with FG Color to fill the selection.
  4. Press Ctrl + Shift + A to deselect.
  5. Repeat this process for each major section: clothing, neck, face, and hair.

6. Add Shadows and Highlights

Flat illustrations get their depth from hard-edged shadow planes rather than smooth gradients:

  1. Create a new layer directly above your base color layer (e.g., Skin Shadows).
  2. Use the Paths Tool to trace the darker areas defined by the posterized reference photo, such as under the chin, beneath the nose, and along the eye sockets.
  3. Convert the path to a selection, fill it with your darker shadow tone, and deselect.
  4. For highlights, repeat the process on a Skin Highlights layer using a lighter tone on areas like the bridge of the nose and the cheekbones.

7. Draw Facial Details

  1. Eyes: Keep them simplified. Trace the whites of the eyes, the iris, and a simple geometric shape for the pupil and catchlight. Avoid drawing every eyelash; instead, create a solid, clean shape for the upper eyelid.
  2. Eyebrows: Trace eyebrows as single unified shapes rather than individual hairs.
  3. Lips: Split the lips into two shapes—a darker upper lip and a lighter lower lip, with a small shadow underneath the bottom lip.

8. Finalize and Export

  1. Hide the original Reference layer to view your illustration against a solid background color.
  2. Inspect your edges. If shapes overlap incorrectly, adjust the stacking order of your layers in the Layers panel.
  3. Go to File > Export As..., select PNG or JPEG, and save your finished flat portrait illustration.