Learn with MN Logo
Home » Tutorials » Inkscape » Illustrations & Projects » How to Create a Cute Owl Illustration in Inkscape (Step-by-Step)

How to Create a Cute Owl Illustration in Inkscape (Step-by-Step)

  • Reading Time: 15 minutes
  • Video Duration: 3 minutes

Introduction

Vector character illustration does not have to be complicated. In this tutorial, you will learn how to create a cute owl illustration in Inkscape using nothing but basic shapes like circles, ellipses, and a triangle. No drawing tablet or freehand sketching required. You will build the owl piece by piece: eyes first, then the beak, body, feet, and wings, all from simple geometric shapes combined with color fills and Inkscape’s Path Effects for smooth, rounded corners.

Screenshots in this tutorial were taken from an earlier version of Inkscape. The steps and interface are the same in the current version.

What You Will Learn

  • How to build a character illustration entirely from basic geometric shapes
  • How to layer and resize circles to create eye depth and border effects
  • How to use the Ellipse Tool arc handles to create crescent and eyebrow shapes
  • How to apply Path Effects > Corners to round a triangle into a smooth beak
  • How to use duplicate, flip, and mirror techniques for symmetric character parts
  • How to assemble and align all parts into a finished, centered illustration

What You Need

  • Software: Inkscape (version 1.0 or later recommended)
  • Tools used: Ellipse Tool, Selector Tool, Polygon/Star Tool, Node Tool
  • Skill level: Beginner
  • Estimated time: 20–30 minutes

Document Setup

Before starting, set up your document:

  1. Open Inkscape and go to File > Document Properties (Ctrl + Shift + D)
  2. Set the document to your preferred canvas size; 150 × 150 mm works well
  3. Make sure snapping is enabled (press % to toggle)

Step 1 — Build the Eye Base

The owl’s eye is made from several layered circles, each a different size and color. You will build one complete eye first, then mirror it for the second.

  1. Select the Ellipse Tool (E)
  2. Hold Ctrl and drag to draw a circle. This is the main black pupil of the eye
  3. Open Object > Fill and Stroke (Ctrl + Shift + F) and set fill to black (#000000). Set stroke to none
owl-illustration-inkscape (1)
  1. Switch to the Selector Tool (S) and duplicate the black circle (Ctrl + D)
  2. Change the duplicate’s fill to white (#FFFFFF)
  3. Resize it smaller by holding Ctrl while dragging a corner handle
  4. Position this small white circle at the lower-right curve of the black circle, this creates the sparkle or catchlight of the eye
owl-illustration-inkscape (2)

Step 2 — Add the Eye Border and Glow Layers

These additional circles create the colored border, glow, and depth around the eye.

  1. Select the black circle and duplicate it (Ctrl + D)
  2. Change the fill to #7F2AFF (bright purple)
  3. Send it to the bottom: press End
  4. Resize it larger by holding Ctrl + Shift while dragging a corner handle until it forms a thick visible border around the black circle
owl-illustration-inkscape (3)
  1. Select the purple border circle and duplicate it (Ctrl + D)
  2. Resize it larger still. This will be the outermost glow layer. Hold Ctrl + Shift while dragging to make it significantly larger than the purple border circle
  3. Send it to the bottom: press End
  4. Change its fill to #442178 (dark purple)
owl-illustration-inkscape (4)
  1. Select the dark purple outer circle and duplicate it (Ctrl + D)
  2. Change its fill to white (#FFFFFF)
  3. Press End to send it to the bottom, then press Page Up once to bring it one step up. It should now sit just above the bottom-most dark purple circle
  4. Resize it smaller than the dark purple circle but larger than the bright purple border circle. This white ring creates a subtle highlight between the outer glow and the border
owl-illustration-inkscape (5)

Step 3 — Add the Eye Crescent and Brow

This step adds the dark crescent shadow at the bottom of the eye and the eyebrow arc above it.

  1. Select the bottom-most dark purple circle. Do not resize it yet
  2. Keep the fill as #442178 and move this to the left using the arrow keys or by dragging. Keep moving it until its right side disappears behind the other circles, leaving only a crescent-shaped portion visible on the left side of the eye
owl-illustration-inkscape (6)
  1. Select this crescent circle and duplicate it (Ctrl + D)
  2. Change its fill to #7F2AFF
  3. Resize it by holding Ctrl. Drag from the top-left corner and bottom-left corner to make it significantly larger than the dark purple crescent-shape
  4. Duplicate this again (Ctrl + D)
  5. Change fill to #9955FF (lighter purple)
  6. Move it upward to position it above the eye as the eyebrow base
  7. Switch to the Ellipse Tool (E) and convert this circle to a semicircle arc to create the eyebrow curve:
    • Set Start angle to 208°
    • Set End angle to 0°
  8. Switch back to the Selector Tool (S) and adjust its position above the eye until it looks like a natural eyebrow shape
owl-illustration-inkscape (6.1)
  1. Duplicate the eyebrow arc (Ctrl + D) and move the copy slightly upward to create a second layered eyebrow line
  2. Send this duplicate to the bottom (End) so it sits behind the first eyebrow arc. This adds thickness and depth to the brow

Step 4 — Complete and Duplicate the Eye

  1. One eye is now complete. Review the layers and make sure everything is positioned correctly
  2. Select all elements that make up the eye
  3. Group them: Ctrl + G
  1. Duplicate the eye group (Ctrl + D)
  2. Flip the duplicate horizontally: press H
  3. Drag the flipped copy to the right and position it to form the second eye. Adjust spacing until both eyes look balanced and symmetrical
owl-illustration-inkscape (7)

Step 5 — Create the Beak

The beak is a triangle with rounded corners created using Inkscape’s Path Effects.

  1. Select the Polygon/Star Tool from the toolbar
  2. In the tool controls bar at the top, make sure it is set to Polygon mode (not Star mode) and set Corners to three
  3. Draw a triangle on the canvas
  4. Switch to the Selector Tool (S) and rotate the triangle 180° so it points downward
  5. Set fill to #FF6600 (orange). Set stroke to none
  6. Resize and position the triangle between the two eyes to form the beak. Adjust width and height until the proportions look natural
owl-illustration-inkscape (8)
  1. Now round the corners of the beak: go to Path > Path Effects (Ctrl + &)
  2. Click the + button to add a new effect and select Corners (Fillet/Chamfer)
  3. Select all 3 corner nodes in the Path Effects dialog and increase the rounding value slightly. A small amount gives a natural smooth beak without losing the triangular shape
  4. Switch to the Selector Tool and fine-tune the beak position between the eyes
owl-illustration-inkscape (9)

Step 6 — Build the Owl Body

The owl’s body is a large circle that sits behind the eyes and beak.

  1. Select the Ellipse Tool (E)
  2. Hold Ctrl and draw a large circle enough to sit behind and encompass both eyes. This is the main body shape
  3. Set fill to #442178 (dark purple). Set stroke to none
  4. Send it to the bottom: press End
  5. Switch to the Selector Tool and position it so the eyes sit naturally on the upper portion of the body circle, as if the owl is looking straight ahead
owl-illustration-inkscape (10)
  1. Duplicate the body circle (Ctrl + D) and send it to the bottom (End)
  2. Move it downward so it extends below the main body circle. This second circle forms the lower body and gives the owl a rounder, fuller silhouette
owl-illustration-inkscape (11)

Step 7 — Add the Body Detail Circles

These circles add the layered chest detail that gives the owl its characteristic look.

  1. Select the main body circle and duplicate it (Ctrl + D)
  2. Send the duplicate behind everything but above the lower body circle
  3. Resize it from the top center edge while holding Ctrl. Drag inward to make it shorter from the top, creating a slightly smaller circle that sits centered on the body
  4. Set fill to #B380FF (medium blue-purple)
owl-illustration-inkscape (12)
  1. Duplicate this circle (Ctrl + D)
  2. Resize it vertically from the top center handle to make it slightly shorter.
  3. Position it behind the rest but above the previous detail circle
  4. Set fill to #E5D5FF (very light lavender)
owl-illustration-inkscape (13)

Step 8 — Create the Feet

The owl’s feet are made from small orange ellipses arranged in rows.

  1. Select the Ellipse Tool (E)
  2. Draw a small ellipse at the bottom-left side of the body
  3. Set fill to #FF6600 (orange). Set stroke to none
  4. Switch to the Selector Tool and duplicate the ellipse (Ctrl + D)
  5. Place the duplicate just to the right of the first ellipse
  6. Duplicate again (Ctrl + D) and place it to the right of the second. You now have 3 small orange ellipses in a row, forming one foot
  7. Select all 3 ellipses and group them (Ctrl + G)
owl-illustration-inkscape (14)
  1. Duplicate the foot group (Ctrl + D)
  2. Place the duplicate on the right side of the body to form the second foot, mirroring the position of the first
owl-illustration-inkscape (15)

Step 9 — Add the Wings

The wings are ellipses placed on either side of the body and sent behind it so they appear to extend from behind the owl.

  1. Select the Ellipse Tool (E)
  2. Draw an ellipse on the right side of the body. Size and angle it to look like a wing extending outward and slightly downward
  3. Set fill to #2D1650 (very dark purple). Set stroke to none
  4. Send it to the bottom: press End
  5. Switch to the Selector Tool and adjust its position. Slide it behind the body so it peeks out from the right side naturally
owl-illustration-inkscape (16)
  1. Duplicate the wing (Ctrl + D)
  2. Send the duplicate to the bottom (End)
  3. Flip it horizontally (H) and position it on the left side of the body to mirror the right wing symmetrically
owl-illustration-inkscape (17)

Step 10 — Final Assembly

  1. Select all elements on the canvas (Ctrl + A)
  2. Group them: Ctrl + G
  3. Open Object > Align and Distribute (Shift + Ctrl + A)
  4. Set “Relative to” to Page
  5. Click the Center on vertical axis and Center on horizontal axis to place the owl perfectly in the center of the document
  6. Your owl illustration is complete
owl-illustration-inkscape (18)

Customization Ideas

Once you have the basic owl, here are ways to make it your own:

  • Change the color palette — swap the purple tones for earth tones (brown, tan, cream) for a more natural owl look, or use greens and teals for a forest owl feel
  • Add a branch — draw a horizontal rectangle below the feet and send it to the bottom to place your owl perched on a branch
  • Add a background — draw a rectangle behind everything and fill it with a night sky gradient (dark blue to black) with small white dots as stars
  • Scale the eye details — make the pupils larger relative to the eye for a more cartoon look, or smaller for a more realistic owl expression
  • Add feather texture — duplicate the body circle and use Path Effects to add a rough or zigzag edge for a feathered outline effect
  • Change the beak shape — adjust the corner rounding in Path Effects to make the beak more hooked (less rounding) or more blunt (more rounding)

Keyboard Shortcuts Used

ActionShortcut (Windows)Shortcut (Mac)
Zoom in++
Zoom out––
DuplicateCtrl + DCmd + D
Select AllCtrl + ACmd + A
GroupCtrl + GCmd + G
Flip HorizontalHH
Path EffectsCtrl + &Cmd + &
Zoom to Fit Page55

Panels Used

PanelShortcut (Windows)Shortcut (Mac)
Layers & ObjectsCtrl + Shift + LCmd + Shift + L
Fill & StrokeCtrl + Shift + FCmd + Shift + F
Align & DistributeCtrl + Shift + ACmd + Shift + A

FAQs

After drawing the triangle with the Polygon Tool, switch to the Selector Tool. Click the triangle, then either go to Object > Rotate 90° CW (Ctrl + ]) twice or press V to flip it vertically.

Path Effects is found under the Path menu at the top — go to Path > Path Effects or press Ctrl + &. A panel will open on the right side of the screen. Click the + button to add a new effect, then search for the effect you want or scroll through the list manually.

Open the Layers & Objects panel (Object > Layers and Objects) and rename each object as you create it — for example “pupil”, “sparkle”, “purple border”, “outer glow”. This makes it much easier to select specific layers later. You can also click any object in the panel to select it on the canvas without having to click through overlapping shapes.

Inkscape itself does not support animation, but you can export the owl as an SVG and then import it into tools like CSS animations, Adobe Animate, or Lottie/After Effects to add movement. Common animations for character illustrations like this include blinking eyes, a gentle floating bounce, or wing movement.

Final Thoughts

This owl illustration is proof that you can create expressive, detailed vector characters in Inkscape using only basic shapes. The key skills you practised here: layering circles for depth, using arc handles for curved shapes, applying Path Effects for smooth edges, and mirroring elements for symmetry, are techniques you will use in almost every illustration project going forward.

More Tutorials