Create a Haunting, Dia De Los Muertos Illustration Using Adobe Illustrator

In this tutorial, we’ll go through the step by step process of creating your very own “Lady of the Dead” just in time for November. Hopefully the process will fill your heads with fantastically spooky ideas with a touch of tradition. This happens to be one of my favorite festive occasions to illustrate, and I’m so happy that I get to share my latest with all of you. Happy Vectoring Everyone!


1. Set Up Your Document

Step 1

Our first step will be to bring in our drawing. I used my scanner at 300dpi to catch as much of the detail as possible.

Day_Of_The_Dead_Lady_01

Step 2

We’ll be working with a clean line quality from Photoshop and now we can begin to work. I’m working in Adobe Illustrator at a size of 8.5 x 11 inches to insure that my art partner won’t have any complications with printing the finished pieces.

When I’m ready to start my layers, I’ll label my first layer as "Sketch" and lock the layer to make sure that I won’t accidentally move or delete the sketch.

Day_Of_The_Dead_Lady_02

2. Create the Skin and Bones

Step 1

After making a new layer and titling it "Girl", we can start to lay in the larger areas of color on her body. I’ll spend several minutes picking out the perfect combination, and sometimes this process will result in me making several of these circles with varying shades.

For another example of this type of project, you can refer back to one of my previous tutorials: Create A Rockabilly Zombie Girl with Illustrator CS5

Day_Of_The_Dead_Lady_03

Step 2

In this step, we’ve taken our Pen Tool (P) and proceed to follow the shape of her body, holding down the Shift-Alt keys to execute our curves. I can go ahead and leave her left hand with closed fingers, since we’ll be adding shading to our “now” mitten hand.

Day_Of_The_Dead_Lady_04

Step 3

We can start to lay out her skeleton tattoos over her skin. To give it more dimension, I’m laying in a two toned color with a Opacity of 0% on the black side.

Day_Of_The_Dead_Lady_05

Step 4

Now that the bones have been applied, we can put in our shading. The Gradient Tool (G) comes in handy to adjust your shading.

Day_Of_The_Dead_Lady_06

Step 5

Some of the layers of shading we’re using are a bit sharper than we need them to be. A quick fix for this will be using our Feather effect. It gives our illustration a softer feel, especially around areas such as rounded shoulders.

Day_Of_The_Dead_Lady_07

Step 6

Some of our areas will not be as visible once we’re finished, but I like to give them as much attention since they’ll participially show as well. The Ellipse Tool (L) is one of my best friends, especially paired with a Radial Gradient. It’s a great tool when creating make-up, and an extra plumpness and roundness to skin.

Day_Of_The_Dead_Lady_08

Step 7

I’m still taking advantage of my Radial Gradient, but I’m also using it with my Pen Tool (P) to contour and highlight various areas on her skin.

Day_Of_The_Dead_Lady_09

By the time we’re done, we’ll have a fairly toned body ready to play dress up.

Day_Of_The_Dead_Lady_10


3. Create Dramatic Clothing

Step 1

As with the skin, we’ll layout the largest area of color first. I love using Gradients as a way to give art more depth, not that I didn’t have my frustrations when I first started out with the program. It’s all about patience, hard headed patience.

Day_Of_The_Dead_Lady_11

Step 2

With the dress ready to be decorated, we can add a skeleton to the back of her gown. It may look a little off right now, but once we add a few more details, it’ll all come together.

Day_Of_The_Dead_Lady_12

Step 3

Next, we’ll make a series of circles. Once we have a fair number of them scattered around, we’ll highlight them and go to Symbols > New Symbol.

Day_Of_The_Dead_Lady_13

Step 4

By making our sparkles into a working Symbol, we’ve cut down on our potential file size. Having these as individual pieces would have made our file significantly bigger. For another example of how to make a glittery effect, try out the new Create a Sparkling, Glitter Portrait from Stock in Adobe Illustrator or How to Create a Vector Glitter Text Art Effect.

Day_Of_The_Dead_Lady_14

Step 5

In order to put the sparkles on our corset, we’ll Group enough of them together and make a duplicate of the corset shape. Go to Object > Clipping Mask > Make (Control-7) to hide the excess sparkles.

Day_Of_The_Dead_Lady_15

Step 6

Using a black color, we’ll overlay our fur/bird feather trim onto our gown.

Day_Of_The_Dead_Lady_16

Step 7

To give it a little more depth, we’ll duplicate our fur/feather shape but include a Radial Gradient. Adjust it to show more black than blue.

Day_Of_The_Dead_Lady_17

Step 8

The top layer with our gradient will look better with a soft Feather effect, which you’ll find by going to Effect > Stylize > Feather. As you can see, it’s a subtle effect with just a faint hint of our neon day glow blue.

Day_Of_The_Dead_Lady_18

Step 9

We’ll add small feathers over this, the black comes out nicely and it’ll enhance the other details we’ll be adding.

Day_Of_The_Dead_Lady_19

Step 10

Next we’ll add larger feathers. Since we plan to make an entire mass of them, it seems like a good idea to make duplicates by using the Symbol Sprayer Tool again.

Day_Of_The_Dead_Lady_20

Step 11

We’ve added quite a few feathers at this point, and now we’ll be able to enhance the corset by clearing it from her arm. If you’ll remember from the sketch, we intended this to be a sleeveless corset.

Day_Of_The_Dead_Lady_21

Step 12

How do you cut through a symbol? Well I’ve often asked myself this question, and found a nifty answer to cut down some of our headache. Group your corset and upper feathers together. Create a shape with your Pen Tool (P) and make a Clipping Mask (Control-7) to hide the excess material.

Day_Of_The_Dead_Lady_22

Step 13

Next, we’ll add a bird skull to the back of her gown. It’ll bring out the macabre in her dress.

Day_Of_The_Dead_Lady_23

Step 14

The original coloring seemed to bright for the piece, so I toned down the red by replacing it with an electric purple instead.

Day_Of_The_Dead_Lady_24

Step 15

In this step, we’ve adjusted our gradient so that our brightest color, the electric purple is now our highlight color. We can begin to lay in the basic shapes. Once we have them to our satisfaction, we can use our Feather effect to soften the folds.

Day_Of_The_Dead_Lady_25

Step 16

The bustle of our skirt follows a similar process we’ve used for the other sparkles on the gown. After making your Group of sparkles and a duplicate of your original shape, go to Object > Clipping Mask > Make (Control-7) to hide the excess sparkles.

Day_Of_The_Dead_Lady_26


4. Add the Facial Features and Make-Up

Step 1

Moving on, we can lock our last layer and create a new one. I like to separate pieces such as the head, body, and hair since they seem to have the most layers. It makes it easier to edit, if the need ever arises.

Day_Of_The_Dead_Lady_27

Step 2

Now that we’re in our new "Head" layer, we can start to draw in the features. Eyes are one of my favorite features, so I usually start there.

Day_Of_The_Dead_Lady_28

Step 3

Next, we’ll add the make up. I’ve duplicated my head shape, and while using a Radial Gradient I’ll start to apply the pancake makeup to her skin.

Day_Of_The_Dead_Lady_29

Step 4

I’m still using a Radial Gradient to create my eyeshadow, but I’ll use only two toned combinations around the face.

Day_Of_The_Dead_Lady_30

Step 5

To make our spiderweb paint, we can take a stroke line and follow the lines of our drawing. Once we have our lines the way we want them, we can click on Object > Expand and untick the Fill box.

Day_Of_The_Dead_Lady_31

Step 6

In our next step, we’ll add a little color to our flower petal pattern surrounding the eyes. Another stroke is applied to make the eyes really pop.

Day_Of_The_Dead_Lady_32

Step 7

The end result has a lot of personality. We’ll add a few lines to the mouth area to give the feeling of skeletal teeth, and add a little jewelry to finish off the look.

Day_Of_The_Dead_Lady_33

Step 8

Our character has now received her jewels, and as an added bonus, we’ll duplicate her eye shape to give her a mysterious glow. A bewitching girl deserves drop dead gorgeous eyes.

Day_Of_The_Dead_Lady_34

Step 9

While working on this project, I started to rethink certain parts and how I could change them to make them better. I love creating full, bee stung lips and with a simple edit using our Pen Tool can create the development we’re looking for.

Day_Of_The_Dead_Lady_35


5. Render the Vector Hair

Step 1

After finishing up the face, we can create a new layer called "Girl Hair". We’ll be following the sketch loosely, but it serves its purpose as a guide.

Day_Of_The_Dead_Lady_36

Step 2

Start with the larger blocks of color and work your smaller and more refined lines in to create her hair.

Day_Of_The_Dead_Lady_37

Step 3

Once we have a full body of hair to work with, top it off with a little reflection, to give it more luster and body.

Day_Of_The_Dead_Lady_38


6. Create the Flowers

Step 1

Next, we’ll apply the flowers. I’ve been waiting to tackle these from the first stroke hours ago. I love the traditional marigold colors of this holiday. They really make the piece pop with life.

Day_Of_The_Dead_Lady_39

Step 2

Once we have enough flowers, we can cluster them together and place them underneath our hair layer.

Day_Of_The_Dead_Lady_40


7. Create the Ravens

Step 1

The next step is to lock the previous layers and create the "Living Raven" layer. By locking you layers, you lower the risk of changing anything you intended to keep the same.

Day_Of_The_Dead_Lady_41

Step 2

The raven’s body is made from a Radial Gradient with two colors. Adjust the Gradient to make the brightest color softer.

Day_Of_The_Dead_Lady_42

Step 3

Add the shading and highlights to bring your raven out. It’s a series of the same colors, only with adjusting gradients.

Day_Of_The_Dead_Lady_43

Step 4

Once we’re finished with the "Living Raven", we can work on our "Dead Raven" layer. Remember to lock your previous layer.

Day_Of_The_Dead_Lady_44

Step 5

Using a very light sky blue, create your larger areas by following the sketch.

Day_Of_The_Dead_Lady_45

Step 6

Working off of our guidelines, start to create your smoke around our character. Once we have our smoke, we can duplicate the layer and make a soft blur to create the illusion of misted smoke.

Day_Of_The_Dead_Lady_46

Step 7

Next, we’ll add the bird’s features. We’ll use a slightly darker tint of blue to establish the beak and feather shadows, but we’ll use the same gradient as the bird’s body for the highlights. Simply adjust the gradient to bring out the lightest color.

Day_Of_The_Dead_Lady_47

Step 8

Using our Radial Gradient, we’ll add a heart shape made with two gradient tones. We’ll put the heart behind our "Dead Raven" since it’s transparent and give a nice effect.

Day_Of_The_Dead_Lady_48

Step 9

Once our raven is finished, we’ll Group the shapes and duplicate them. Add a Blur effect to make our bird more ghostly, he’ll appreciate it.

Day_Of_The_Dead_Lady_49


8. Create a Skull

Step 1

We’re now at the stage where we can add our skull. Make a new layer and start to layout your basic shapes.

Day_Of_The_Dead_Lady_50

Step 2

Using the same colors from our bird skull, follow the lines of our sketch to complete the look. This is a very “stylized” skull, so don’t be too worried about what contours and lines should realistically go where. It’s all for the fun of sketching and rendering. Add more of the marigolds around the skull to complete the arrangement.

Day_Of_The_Dead_Lady_51

Step 3

When you have a good amount of marigolds made, you can select the ones hanging over her arm and hand and duplicate them. Go to your Pathfinder window and Unite all of these pieces. Change the color to one of your skin shades and place this behind your colored marigolds.

Day_Of_The_Dead_Lady_52


9. Render the Background

Step 1

In this series of shots, we’ve made a new layer titled "Background". Lay a solid color over the entire composition, something bright like an electric purple. We’ll darken this up with another shape of black. We’ll turn this new black shape into a Radial Gradient with black on either side, the central black should have it’s Opacity to 0%.

Day_Of_The_Dead_Lady_53

Step 2

The moon is made of a larger Ellipse (L) shape and a smaller one. Select both, and use Exclude located in your Pathfinder panel to cut out your perfectly shaped moon.

Day_Of_The_Dead_Lady_54

Step 3

Next, we can add our character to the background. The water is made from a Linear Gradient set behind the black sky Radial Gradient. This causes the water to disappear into the background giving it a murky and mysterious aura.

Day_Of_The_Dead_Lady_55

Step 4

Create simple shaped trees with varying colors to express depth. You can make several, duplicating and flipping them as you go to save yourself a little time.

Day_Of_The_Dead_Lady_56

Step 5

Now that we have our trees ready, they may look a little lighter than we’d like. To fix this, we can add another Radial Gradient layer..

Day_Of_The_Dead_Lady_57

Step 6

From here we can add our ripples to the water. Even with the darkest watery areas, there’s still a sense of light and reflection to the area. Our alligators are simple silhouettes, so to bring out our lurking swimmers, another Ellipse circle an be added just underneath them.

Day_Of_The_Dead_Lady_58

Step 7

Finish up your ripples with varying transparencies with lighter ripples splashing up against the animals and her dress, and darker ones flowing throughout the water.

Day_Of_The_Dead_Lady_59


10. Add a Lantern

Step 1

During this step, we’ll add our lanterns. The frame is pure black and we’ll cut out our lantern windows using Trim within our Pathfinder panel. By doing this, we can reuse the black windows and edit the color to make our lantern’s paper panes. Follow the line work on our skull pattern and duplicate it for the other side. Once your skull pattern is complete, you can Expand these Stroke lines to change them to Fills.

Day_Of_The_Dead_Lady_60

Step 2

To add a reflection, duplicate the window shapes and go to Object > Transform > Shear. From here, we’ll also add a Feather effect to soften the edges.

Day_Of_The_Dead_Lady_61

Step 3

We’re not quite done creating magic yet. We’ll use another Radial Gradient to light up our lantern and breath life into it.

Day_Of_The_Dead_Lady_62

Step 4

Using the same gradient as our light, add a little highlight to our gown. Top this off with a Feather effect. The original path is far too sharp to look as if it belongs to the picture.

Day_Of_The_Dead_Lady_63

Step 5

Last but not least, we’ll add fog like there’s no tomorrow. This is a character of mystery and folklore, so the foggier the better. Select all of your fog paths and apply a Gaussian Blur to set off the look.

Day_Of_The_Dead_Lady_64


She’s Alive! Mwahahahaha!

Hopefully you’ve found our spooky little lady as much fun to vector as I have. I encourage you to look into more tutorials, especially this month’s line up of brand new Halloween inspired tutorials. All of them are sure to scare up a good time for you.

Day_Of_The_Dead_Lady_Final

{excerpt}
Read More

Leave a Reply

Your email address will not be published. Required fields are marked *