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!
1. How to Create a Silhouette of a Fox
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.
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!
Continue your drawing by adding more details and erasing the lines you don't need anymore.
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.
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.
2. How to Outline the Illustration Using the Brush Tool
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).
Move this ellipse to the Brush panel. A new window will appear. Choose New Art Brush and press OK.
In the second window that pops up, apply the options shown below. Please notice that Colorization Method has to be Tints. Then press OK.
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.
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.
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).
On the Stroke panel, make the stroke Weight slightly lower and add some tiny lines to show the fur effect.
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.
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.
The result should look like this:
3. How to Color the Fox
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.
Here is how the colored fox looks:
Change the fill color of the ears and the nose. Hit the Eye Dropper Tool (I) and take the same color from any line.
Change the fill color on the tip of the tail.
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.
4. How to Create the Spruce Branches
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.
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.
5. How to Create the Background
Using the Rectangle Tool (M), create a square 850 x 850 px with no stroke and the fill color presented below.
Place this square behind the spruce branches (Control-X, Control-B).
6. How to Create the Snowflakes (Optional)
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
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).
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.