Skip to main content

Adobe Illustrator Tutorial: How to Draw an Owl Icon

This is step by step Illustrator tutorial that teaches you how to draw an owl icon in flat style. We’ll be using different shapes and some vector building techniques. And of course work with colors. Let’s start!

First of all create new document Ctrl+N.
Color Mode - RGB. Dimensions are 500x500 px.

Create Basic Shapes

Take the Ellipse Tool (L) and draw an oval. Turn off the Fill. We need only Stroke.

Move the ellipse up by the Selection Tool (V) and hold Shift and Alt. You will get the copy of the ellipse.

Select all Ctrl+A and click Minus Front in the PathFinder panel to get new shape.

Draw one more ellipse.

Copy this ellipse to the opposite side. Take the Reflect Tool (O). Hold Alt button and click to the central anchor point. Select Vertical in the options and press the Copy.

You should get the result as in the picture below.

Then select all (Ctrl+A) and click Divide in the PathFinder panel.

Ungroup all (Shift+Ctrl+G) and delete redundant parts.

Drawing eyes. These are simple circles as you see. You can draw one eye using the Ellipse Tool (L) and copy it to get second eye.

Take the Line Segment Tool (\) and draw the line. Hold the Shift button for a horizontal line.

Drag and drop this line by the Selection Tool (V) and hold Shift and Alt to create a copy.

Press Ctrl+D several times to repeat the action. You should get a lot of lines on the belly.

Take the Selection Tool (V) and stretch some lines that are too short.

Select all lines and go Effect > Distort and Transform > Zig Zag. Set the options as in the picture and click OK.

Then go Object > Expand Appearance to expand effect to simple lines. Next Object > Expand to expand the open paths.

Time to make a beak. Take the Poligon Tool and left click to any place of the Artboard. You will get the options of new shape. We need a triangle so set Radius 8 px and 3 sides.

Draw lines for the owl's legs. Don't forget to go Object > Expand to expand open paths.

Draw the tail. Create the ellipse and send it to back (Shift+Ctrl+[ ).

Copy this ellipse. Rotate slightly and reflect to the opposite side using the Reflect Tool (O).

Owl is ready. Working with color in next steps.


Open the Color panel and set any color as you wish. This will be the base color for our owl.

Then open the Color Guide panel (Shift+F3). The base color will be in the left upper square. Colors will be selected automatically in the line on the right.

I use Complementary 2 harmonic. You can choose any one in the Color Guide panel. And there are a lot of color samples in the Window > Swatch Libraries.

You can set the shades of colors in the Color Guide panel using the options.

Now you can save colors as Swatches using opions of the Color Guide panel.

Then paint the owl in these colors. Stroke need to be turned off. Use only Fill.

Background and Shadow

Take the Rounded Rectangle Tool and left click to any place. Set options:

Width: 240 px
Height: 240 px
Corner Radius: 20 px

The rectangle send to back under the owl. Don't forget to pick up the color for it.

Draw two lines using Line Segment Tool (\). Hold the Shift button while drawing. Use View > Smart Guides for neat result.

Select these lines and double press Ctrl+J to join the shape. This is a ingot for the shadow.

Select the shadow and the rectangle and send all back Shift+Ctrl+[ . Then take the Shape Builder Tool (Shift+M).

Place the cursor on the protruding part of the shadow. Then hold Alt and left click on it to cut off redundant part.

Turn off the Stroke. Use linear gradient for the Fill.

Finally you should go to the Transparency panel (Shift+Ctrl+F10) and set the Multiply blending mode. Use Opacity 20% also.

Now our owl can fly :)

If you want to know how to prepare and save such illustrations for microstocks sale see this article: How to Prepare and Save Vector Files for Microstocks.

Do you like this article? Please leave a comment here or share! You may also thank me using referral links → CLICK HERE



Popular posts from this blog

Free Scripts for Adobe Illustrator

There are ten very useful and interesting scripts for Adobe Illustrator. You can download them in this set. Just click on the title of the script or picture below. Wish you great creative experiments :)

Drag and drop the script file (JSX or JS) to the script folder of your Adobe Illustrator to install the script. Location of the script folder depends on your Adobe Illustrator version and system configuration.

For Windows:
C → Program Files → Adobe → Adobe Illustrator (your version) → Presets → en_GB → Scripts

For Macintosh:
Applications → Adobe → Adobe Illustrator (your version) → Presets → en_GB → Scripts

Then run Adobe Illustrator. You can find the script in the main menu File → Scripts.

You can also run the script without installation. Go to File → Scripts → Other Script (Ctrl+F12). Then open the script file on your computer.

Let's go!

Free Stock Master

Free Stock Master is a script for Adobe Illustrator which automatically prepares vector files for microstocks.

Extended Select


Adobe Illustrator Tutorial: How to Draw Vinyl Record

In today’s tutorial you will learn how to create a retro vinyl record with the help of the conical gradient. We will use the Apply gradient along stroke function for this.

You can find all Illustrator tutorials from this blog using this link → CLICK HERE

First of all we should create two circles. Use the Ellipse Tool (L). Turn off the Fill.

Then increase the stroke width of these circles as in the picture below.

Select the inner circle. Move the Fill to the top position in the Fill panel. Then apply the Radial Gradient (Ctrl+F9) to the stroke. You need to enable the Apply gradient along stroke option.

Do the same for the second circle. Change gradient colors slightly.

Then make the central part of the vinyl. Draw another circle.

The hole on the vinyl is also a circle. And one more black circle in the background.

Now draw two circles with a white stroke - 0,25 pt Weight.

Select circles and go to the menu Object > Blend > Make. Then go Object > Blend > Blend Options and set

How to Make a Blurred Vector Background in Adobe Illustrator

There are many ways to make a blurred background in Adobe Photoshop. But this will be a bitmap image. So we should use Adobe Illustrator to get 100% vector picture. Raster effects are not allowed too. You will learn all the secrets of the blurred background in Adobe Illustrator from this tutorial.

I'll show you 4 ways to make a blurred background in Adobe Illustrator. The final image will not contain any raster effects or parts. 100% vector illustration. So you can sell such illustrations on Shutterstock or other microstocks.

Let's go!

1. Using Mesh to Create Blurred Background

First of all you need a source file for your blurred background. You can use a photo for example.

I took the photo from my India journey. Drag and drop your photo to the Illustrator window. You can use Illustrator menu File > Place too.

Select the photo and go Object > Create Gradient Mesh. Set checkbox Preview and settings for Rows and Columns.

You should click OK button finally. And get the gradi…