Advertisement
  1. Design & Illustration
  2. Halloween
Design

How to Create a Halloween Illustration With a White Kitten in Adobe Illustrator

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

In this tutorial, you will learn how to create a Halloween-inspired illustration featuring a cute kitten. You will mostly use ovals and other basic shapes. It's bit longer than usual but easy to follow, and will lead to an adorable final result. Let's get started!

1. Creating the Head

Step 1

Hit the Ellipse Tool (L) and create an ellipse. Remove the stroke color if you have one, and set the fill color to R=216 G=217 B=218. Take the Direct Selection Tool (A) and select the left and right anchor points, then move them down.

creating the head

Step 2

Now let's create the ears. We need to draw a triangle (using the same fill color) and we will create it from the Polygon Tool. Take the Polygon Tool and click on your artboard. In the new dialogue window, type 3 Sides with any Radius. Then click OK.

Keep it selected and go to Effect > Warp > Bulge. In the new window, Warp Options will pop up. Be sure to set the Style to Bulge, Bend 60%, Distortion Horizontal 0%, Vertical 0%. Make one more copy of the ear in front (Control-C, Control-F), then make it smaller and set the fill color to R=243 G=117 B=121. We just created one ear of the kitten.

creating the ears

Step 3

Rotate the ear a little bit and place it on the head. Keep the whole ear selected and right-click your mouse. In the pop-up window, select Transform > Reflect. Select Vertical axis of reflection and press Copy

Move the second ear and place it on the right-hand side. To make the ears right in the middle of the head, you can select both ears, right-click the mouse and select Group. Press the Shift key and hold, and then select the head and the ears together. Go to the Align panel (Window > Align) and press Horizontal Align Center.

placing the ears

Step 4

Now on to the eyes. Choose a green fill color (R=141 G=139 B=0) and using the Ellipse Tool (L) draw an oval. Draw another oval over it and make the fill color darker (R=96 G=91 B=3). Draw a small white circle as a highlight. 

Rotate the eye a little to the left. Then create another eye: right-click the mouse and hit Transform > Reflect, Vertical, Copy. Move the new eye on the right-hand side.

creating and putting the eyes

Step 5

Draw a pink oval with the fill color R=243 G=117 B=121. Keeping it selected, hit the Convert Anchor Point Tool (Shift-C) and press on the lowest anchor point to make this sharp. We just created the nose. Place the nose between the eyes, slightly lower.

creating and placing the nose

Step 6

Using the color from the head, we will draw the fur. Adjust the Pencil options: double-click on the Pencil Tool (N) and set the Tolerances Fidelity to 4 px and Smoothness to 40%. Check Fill New Pencil Strokes and then press OK. Try to draw something like in the image below. To close the path, you need to hold the Alt button as you finish the path. Draw three different pieces of fur: on the top of the head, and on the left and right cheek. The head is done!

drawing the fur

2. Creating the Body

Step 1

Using the Ellipse Tool (L) draw an oval (fill color R=216 G=217 B=218). Take the Direct Selection Tool (A) and, moving the handles, create a shape like in the image below.

creating the body

Step 2

Put the body under the head (Control-X, Control-B).

placing the body

Step 3

Now, we will create a division between the head and the body. Just select the head, make a copy behind (Control-C, Control-B) and move it down a little bit. Make the fill color darker (R=201 G=202 B=204). Then select the body, and make a copy in front (Control-C, Control-F). While holding the Shift key, select the darker copy of the head, and on the Pathfinder panel press the Intersect button.

optically dividing the head and the body

Step 4

This next shape is designed to show the hind paw of the kitten. Draw an oval using the Ellipse Tool (L) with a fill of R=201 G=202 B=204. To make the top and bottom anchor points sharp, take the Convert Anchor Point Tool (Shift-C) and press on these anchor points. Then go to Effect > Warp > Arc. In the new dialogue window, enter the following: Style Arc Vertical, Bend 50%, Distortion Horizontal 0%, Vertical 0%. Press OK. Then expand this shape (Object > Expand Appearance).

creating the shape to show the hind paw

Put the shape where the hind paw has to be. Also, if you don't like the result you made in the previous step, move the handles of this shape using the Direct Selection Tool (A) to achieve the result you want.

placing the shape to show the hind paw

Step 5

To draw the front legs, start with an oval. Using the Direct Selection Tool (A), move the handles to create the shape shown below. Make another copy (Control-C, Control-B) and make it darker (R=201 G=202 B=204) and a little wider.

creating the front paw

Step 6

Take the two shapes you made in the previous step and put them into their places. Then take just the darker shape and place it where the second paw has to be. Send this second front paw to the back (Control-X, Control-B).

placing the front paws

Step 7

The last part of this cutie is a tail! Again, draw an oval (the same fill color as the body and head). Send it to the back (Control-X, Control-B) and go to Effect > Warp > Arc. In the new dialogue window, enter the following: Style Arc Horizontal, Bend -30%, Distortion Horizontal -65%, Vertical 0%. Press OK. Then expand this shape (Object > Expand Appearance). This cute kitten is done!

creating and placing the tail

3. Creating the Witch Hat

Step 1

Hit the Polygon Tool and click on your artboard. In a new dialogue window, type 3 Sides with any Radius. Set the fill color at R=0 G=0 B=24. Go to Effect > Warp > Arc. In the new window, select Style Arc Vertical, Bend -30%, Distortion Horizontal 0%, Vertical 0%. Press OK. Then expand this shape (Object > Expand Appearance). Using the Direct Selection Tool (A), move the handles of this shape to achieve the following result.

creating the top of the witch hat

Step 2

Make a new copy in front (Control-C, Control-F). Make the new copy lighter (R=23 G=23 B=44) and make sure that the tops of these two shapes are at the same point.

Set the fill color to R=234 G=96 B=19 and draw a circle on the top. To create a nice round circle, hold the Shift key when creating this shape. Create one lighter (R=243 G=115 B=33) copy of this orange circle to add volume.

creating the top of the witch hat 2

Step 3

Draw an oval for the bottom part of the witch hat. Make a copy of it in front (Control-C, Control-F). Take the Direct Selection Tool (A), select the lowest anchor point on this new copy, and move it up. Keep the last created shape selected, and again make one more copy in the back (Control-C, Control-B). Move it up and set the fill color at R=66 G=66 B=84. The witch hat is done!

creating the bottom of the witch hat

Step 4

Let's decorate this hat with a bow to make it even more adorable. Draw an oval (did you notice that we are creating this illustration mostly from ovals?). Hit the Eyedropper Tool (I) and take the same orange fill color as the pompom on the top of the hat. Move the top and bottom anchor points to the left using the Direct Selection Tool (A).

Create a second copy of it (Control-C, Control-V) and put them together as shown in the second image. Keep these two shapes selected, right-click your mouse and select Transform > Reflect. Then select Vertical axis of reflection, Angle 90 degrees, and press Copy. Move the two new copies to the right.

creating the bow 1

Step 5

Create an oval (fill color R=243 G=115 B=33) in the middle to make the knot of the bow. The two dark narrow ovals behind the knot will show us the folds of the bow.

creating the bow 2

Step 6

Group the whole bow and place it on the hat.

placing the bow on the witch hat

4. Putting the Witch Hat on the Kitten

Select the whole hat, don't group it, and place it on the kitten's head. Just select the back part of the hat and press Control-X, Control-B to send this to the back.

putting the witch hat on the kitten

5. Pumpkin Carving

Step 1

First we need to draw a pumpkin. Draw an orange oval, fill color R=243 G=115 B=33. Move the left and right anchor points a down a little.

creating the shape of the pumpkin 1

Step 2

Make another copy in the back (Control-C, Control-B), move it to the left, and rotate a little to the right. Set the fill color for the new copy at R=234 G=96 B=19. Keep it selected and create a reflection of this (right-click the mouse and hit Transform > Reflect, Vertical, Copy). Move this third part to the right.

Select the copy you made in this step (image 1) and create a new one behind (Control-C, Control-B). Slide it to the left and set the fill color at R=221 G=83 B=14. Make a reflection of this copy (right-click the mouse and Transform > Reflect, Vertical, Copy), and slide it to the right.

creating the shape of the pumpkin 2

Step 3

Now let’s start carving the eyes. We will start with a triangle (R=191 G=60 B=2). Go to Effect > Warp > Bulge. In the new dialogue window, enter the following: Style Bulge Vertical, Bend 50%, Distortion Horizontal 0%, Vertical 0%. Press OK.

creating the eye of the pumpkin

Step 4

Create the second eye. Keep it selected and hold the Alt key to move it to the side.

After that, draw two circles and place them as in this image. Select the two circles together (remember to hold the Shift key for this), take the Eyedropper Tool (I) and take the same color from the corresponding part of the pumpkin.

placing the eyes of the pumpkin

Step 5

To carve the mouth, create an oval with a dark orange fill color, the same as the triangular part of the eye (use the Eyedropper Tool (I)). Make the left and right anchor points sharp (use the Convert Anchor Points Tool (Shift-C). Then go to Effect > Warp > Arc. Enter Style Arc Horizontal, Bend -50%, Distortion Horizontal and Vertical 0%. Press OK. Add two rectangles, (using the Rectangle Tool (M)) with the same fill color as the corresponding part of the pumpkin.

creating the mouth and teeth of the pumpkin

Step 6

Position the mouth where it should be.

placing the mouth and teeth on the pumpkin

6. Putting the Kitten on the Pumpkin

Let’s help the kitty climb on the pumpkin.

placing kitty on the pumpkin

7. Drawing the Spider

Step 1

A gray oval (R=109 G=110 B=112) will make the body of the spider. Slide the left and right anchor points down.

Draw an eye using two circles with light gray and black fill colors. Make two eyes by copying and pasting, and place them as shown.

creating the body and eyes of the spider

Step 2

Make the stroke color the same as the body of the spider and on the Stroke panel check Round Cap. Then go to the Tools panel and double-click on the Pencil Tool (N). In the new dialogue window, make Tolerances Fidelity 4 px and Smoothness 40%. On the Stroke panel, make the Stroke Weight very thick (relative to the body of spider) and draw four legs.

Keep these legs selected and make a reflection to create four more legs. Move them to the right.

creating the legs of the spider

8. Creating the Spider Web

Step 1

Set the stroke color at R=64 G=64 B=65 and delete the fill color. Take the Polygon Tool and click on your artboard. Type 10 Sides with any Radius. Create two more of the same polygons, each one being smaller than the one drawn before.

Take the Line Segment Tool and hold the Shift key to draw a straight line. With the same fill color, draw two tiny circles on the ends. Group the circles and the line. Place this line in the middle of the polygons.

Keep the line selected and press the Rotate Tool (R), then press the Enter key. A new window will pop up. Type 15 or 20 degrees and press Copy. Keep pressing Control-D to repeat your last movement. The spider web is done.

creating the spider web

Step 2

Settle the spiders there.

settling the spiders on the spider web

9. Creating the Background

Create two circles as shown in the following image. The smaller circle should have a fill color of R=35 G=31 B=32, and the bigger one R=88 G=89 B=91.

Keep the bigger circle selected and go to Effect > Distort and Transform > Zig Zag. Then enter Options Size 4 px, Absolute, Ridges per Segment 20, Points Smooth, and press OK.

creating the background shape

10. Placing the Background

Place the two circles you made in the previous step behind everything you created before. As you can see, I made a few spiders and a couple of spider webs. Arrange everything as you like.

placing the background shape

11. Creating the Striped Background

Now we need to create another background. Take the Rectangle Tool (M) and create a rectangle with 600 px width and height. Put it behind everything. Set the fill color at R=243 G=242 B=227.

Afterward, create one more copy in the front, and make it darker (R=216 G=214 B=168) and more narrow.

Keep the new green stripe selected, hold Shift and Alt, and move this stripe to the right. Then keep pressing Control-D to repeat your last movement. Stop when you fill up the light green square.

creating the striped background

12. Placing the Striped Background

Select the light green square and darker green stripes together, and place them behind everything you made before. Your illustration is done! Congratulations!

placing the striped background

Conclusion

See! You can create adorable illustrations just using basic shapes! I hope you've learned a few tricks and can apply them on your own. I can’t wait to see your results below!

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.