New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Animals
Design

How to Draw a Fox Illustration in Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:
Final product image
What You'll Be Creating

In this tutorial, I will share a few tips which I use in my drawings quite frequently. We’ll get to sketch an object first and later add more details by using a brush to finalize the image.

I’ll be using a pen tablet in today’s tutorial (if you're curious, I'll be using my small Wacom Bamboo tablet, which I’ve had for several years). It might take longer, but you can certainly create this illustration using your mouse. When outlining the fox, draw a short line and then stretch it out to the necessary size.

Once you get enough practice, you will get used to this method of drawing, which you can apply in your future projects! So, without further ado, let’s get started!

If you came here because you like the illustration, but don't want to go through the whole tutorial, you can purchase this sleeping fox from my portfolio on GraphicRiver.

1. How to Create a Silhouette of a Fox

Step 1

First, we’ll start by creating a New Document 850 x 850 px Width and Height.

Before we begin sketching, we want to set up a place where our fox will be drawn. Let's draw a big ellipse (body) and smaller ellipse (head). Hit the Ellipse Tool (L), and draw a big ellipse. Set no fill color and any stroke color for this shape. Make another smaller ellipse, rotate it slightly to the left, and align it to the left side of the larger ellipse.  

These two shapes are simply placeholders to mark our fox’s body parts: the large ellipse for the body and the small one for the head.

before starting the drawing

Step 2

Let’s start drawing our illustration. Grab the Pencil Tool (N) and start drawing the head, body and the tail as shown in the image below. Remember to remove the fill color and choose any stroke color you like. 

While drawing, you can always erase any line you don’t like or you’d like to delete. To do this, use the Eraser Tool (Shift-E). If you need to erase a specific line, be sure to select it first, and then erase. This way, you won't erase any neighboring lines.

See, you don't need to draw first on a real piece of paper, and then transfer the drawing to your computer and outline it in Adobe Illustrator. You already have everything you need in Illustrator: a virtual paper, pencil, and eraser! 

drawing the body head and tail

Step 3

Continue your drawing by adding more details and erasing the lines you don't need anymore.

adding details to the drawing

Step 4

Now you can delete those two ellipses and continue drawing: the ears, hind leg, closed eyes, and the tiny white tip on the fox's tail.

adding ears eyes hind leg

Step 5

Now we’re going to add some spruce branches around our sleeping fox. You can change the stroke color for better visibility, but it's optional. Once you're finished with the branches, our sketch is done.

drawing the spruce branches

2. How to Outline the Illustration Using the Brush Tool

Step 1

Now we need to create a new brush.

Take the Ellipse Tool (L), and draw a very long and thin oval shape. Delete the stroke color and set a black fill color for this ellipse. The lower ellipse in the image below is the enlarged view of our brush. The upper ellipse is the actual size of our brush (how it looks on the artboard).

creating the brush

Step 2

Move this ellipse to the Brush panel. A new window will appear. Choose New Art Brush and press OK.

new brush options

In the second window that pops up, apply the options shown below. Please notice that Colorization Method has to be Tints. Then press OK.

new brush options 2

Step 3

Now, create a new layer; we’ll be outlining our sketch on this layer. Press the Create New Layer button towards the bottom of the panel and name it (I named mine “drawing”). 

While working on the “sketch” layer, decrease the Opacity on the Transparency panel and lock it. By locking (when lock symbol appears), you will disable any further changes on this layer. 

While lowering the Opacity for the whole layer, click on the tiny circle on the right side of the name of the layer, and then decrease the Opacity value on the Transparency panel.

creating the new layer for outlining

Step 4

You’ll want to have a full view of the artboard when outlining the fox, so press Control-0 (zero). Now, let's make our new brush draw smoothly. Double-click on the Brush Tool (B) and in the Fidelity section, enter the options presented below. Press OK.

new brush options 3

Now that we have our brush ready, let’s start outlining the fox. Delete the fill color, and set the stroke color presented below. Draw the lines quickly so that it makes fewer anchor points along the path and smooth lines. Very important: make sure to have all your lines overlapping each other (we will delete all the access lines later).

outlining the fox

Step 5

On the Stroke panel, make the stroke Weight slightly lower and add some tiny lines to show the fur effect.

drawing the fur

Step 6

Finally, we need to expand all the lines we created. Select one line and press: Select > Same > Fill color. This should select all the lines you just outlined. Go to Object > Expand Appearance, and all the lines will be expanded.

Time to delete those tiny access lines. Select the entire fox and in the Pathfinder, press the Divide button. Your fox will be grouped together; ungroup it (right-click > Ungroup).

The little side effect of this action is that you will have blank shapes which are invisible, but they still exist. So we need this to delete all the blank shapes. On the Tools panel (Window > Tools), make sure that you have deleted the fill color and the stroke color (nothing has to be selected on your artboard). And after that go to Select > Same > Fill color. After all blank shapes on the fox are selected, press the Delete key. Now you have just one fill color: dusty orange expanded lines. 

expanding the brush lines

Step 7

Zoom into your artboard and one by one, delete all the tiny access lines from the overlapped lines. See how the corners look nice and neat once I’ve deleted the access lines? Even if you’d selected Miter, Round or Bevel Join on the Stroke panel, your result would not look as clean. That's why I recommend outlining with overlapping lines, and then deleting the access lines.

deleting unnecessary parts

The result should look like this:

result after deleting unnecessary parts

3. How to Color the Fox

Step 1

Create a rectangle covering the entire fox by using the Rectangle Tool (M). Notice that the rectangle has to be under the fox (Control-X, Control-B)! 

After that, select everything (Control-A) and hit the Trim button on the Pathfinder panel (Window > Pathfinder). This action covers all fields inside the fox. Then ungroup the whole illustration as it will be grouped, and delete the rectangle frame.

coloring the fox

Here is how the colored fox looks:

coloring the body

Step 2

Change the fill color of the ears and the nose. Hit the Eye Dropper Tool (I) and take the same color from any line.

coloring the ears and nose

Step 3

Change the fill color on the tip of the tail.

coloring the tip of the tail

Step 4

Select the Knife (hold the Erase Tool (Shift-E) for three seconds and then select what you need), and cut the parts on the head where you’d like to have the off-white colored fur. Select the head and using the Knife, make a line on one side of the head, and then on the other side of the head as well.

Select one of the cut-outs, and by using the Eye Dropper Tool (I), take the off-white color from the tip of the tail. Select another cut-out, and change its color to off-white as well.

coloring the face of the fox

4. How to Create the Spruce Branches

Step 1

First, we will lock the layer with our fox image named “drawing” and create a new layer below (just drag the new layer down). The spruce branches have to be under the fox because our fox is comfortably lying on them.

On the newly created layer, we will draw the spruce branches. Select our brush again, change the stroke color, and draw a few spruce branches. Of course, you can draw them any way you want.

drawing the spruce branches

Step 2

Lower the stroke Weight on the Stroke panel, make the stroke color lighter, and add a lot of small needles on the branch. Then set an even lighter stroke color and add more needles.

drawing the needles of spruce branches

5. How to Create the Background

Step 1

Using the Rectangle Tool (M), create a square 850 x 850 px with no stroke and the fill color presented below.

creating the background

Step 2

Place this square behind the spruce branches (Control-X, Control-B).

placing the fox on the background

6. How to Create the Snowflakes (Optional)

Step 1

If you are finally on this step, I must congratulate you—you just accomplished a huge project! If you are at this point, you can count your artwork finished!

However, if you want to add some additional final touches, let’s say to make a more wintry atmosphere, you can spread snowflakes all over the illustration.

Change the stroke color and draw three intersecting lines. On the Tools panel, make the fill color the same as you had for the strokes, and add six circles on each end of the line.

Select all details of the created snowflake and group them together (right-click > Group).

drawing the snowflake

Step 2

Spread the created snowflakes all over the illustration: while holding down the Alt key, drag the snowflake, and you will notice that you dragged a copy of the snowflake! Repeat this.

You can resize the copies to your taste.

Awesome Work, You're Done!

What a cozy, snowy illustration we have! I know it was hard, but I hope it was a joyful experience for you to get a such a wonderful illustration. Now you can share your work with me and other people on this tutorial.

final image
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.