By Maria Dimova

Final product image

What You’ll Be Creating

In this tutorial you’ll learn to create a character from children’s novel “The Wonderful Wizard of Oz”—the Good Witch of the South.

1. Make a
Sketch

Step 1

At the beginning, let’s draw a sketch. I was inspired
by artists who created in Art Nouveau style. To draw a sketch we need to use
recognizable features of our character. In the books, Glinda is the most
powerful sorceress of Oz. She is a beautiful young woman with long, wavy hair and big, blue eyes. She wears a beautiful ball dress with a plume behind her, a golden
crown with stars upon her head, and carries a magic wand that helps her cast
only good spells to protect Oz.

sketch of a character

Step 2

Create a
New document, 600 x 950 px, RGB.
Then File > Place your sketch in
Adobe Illustrator. Change the
layer name to
“sketch”. In the Layer Options
choose Template and change Dim Images to 50%.

new layer for the sketch

2. Create a Brush and Draw the Contour of the
Character

Step 1

Create a New Layer for the lines. We’ll
draw all lines in this layer, because all detail colors will be the same.

Step 2

Now let’s create a
brush. Make a black ellipse with the Ellipse Tool (L) with 100% fill (Ellipse Options: Width: 100 px; Height: 3 px). Drag this shape to
the Brushes panel and go to New Brush > New Art Brush.

Then press OK,
and the window Art Brush Options will appear. Choose the Tints method.

creating of a new art brush

Step 3

Let’s draw the contour of our character. Choose the Paintbrush Tool (B), and make the trial line. In our case, we’ll see that the
line is too thick. Change its Weight
to 0.35 pt on the Stroke panel.

trial of a new art brush

Step 4

The most convenient method is to start drawing the contour of the face. Draw
lines as smoothly as you like, following the sketch. Cut unnecessary pieces using the Scissors Tool (C), select the segment and press Delete.

drawing of the face contour

Step 5

Next draw the hairstyle, making just the main lines. Later we’ll add details
made of very thin lines.

drawing of the hairstyle contour

Step 6

Let’s create a brush
“string of beads” for the dress decoration. Use the ellipse from the diadem. Drag
it to the Brushes panel and create a
New Pattern Brush as shown below.

creating of a pattern brush

Step 7

Choose the brush and draw lines to decorate the bodice of the dress.

applying of a pattern brush

Step 8

Draw the entire
character using our first art brush. It’s easier to make some of the long lines
on the dress folds using the Pen Tool
(P)
; otherwise use the Paintbrush
Tool (B)
.

drawing of the entire character contour

Step 9

On the new layer draw
some stars for the skirt decoration. Select each of them and press Control-G.

making of the stars

Step 10

Duplicate these stars, pressing Alt,
and place them on the skirt randomly as you like. Delete unnecessary details on the creases using the Eraser Tool (Shift-E), diameter:
4-5 pt.

placing of the stars

Step 11

Make the “lines” and “dress stars” layers invisible.
Now create a New Layer under
“lines”, and here we’ll draw the background lines.

Let’s begin to create the archway by making a rectangle 280 x 580 px. Use the basic brush for
the lines, weight 1 pt. Select this rectangle and go Effect > Warp > Arc Upper.
On the Warp Options panel change the
Bend to 100%, and press OK.

Create the inner part of the archway this way, using a
rectangle 260 x 580 px.

making of the archway

Make a rectangle 280 x 74 px for the upper decorative arch and apply the options shown below.

making of the upper arch

Step 12

Now let’s create a Pattern Brush for the arch mosaic. Draw a vertical line 10 px long and change the brush options as shown in the screenshot.

creating of a mosaic pattern brush

Draw the line exactly in the middle of the two arch lines and apply our
mosaic brush.

applying of the mosaic brush

Step 13

Create a New Layer for the text. I chose Arial Bold font, because its letters
are convenient and simple for the mosaic pattern.

Type the word “GLINDA” on the circular arc using the Type Tool (T), and change the font size to
42 pt. Then press the right mouse button and choose Create Outlines. Change the Fill
to the Stroke.

work with the font

Step 14

Now create a Pattern
Brush
for the letters the same way as the previous brush was made for the
mosaic. Here use a vertical line 5.5 px long.

creating of a mosaic pattern brush

Draw the line in the middle of the letter shape and apply the brush we
have just created. Fill the empty spaces up using short, straight lines.

applying of the mosaic brush

Step 15

Well, it’s time to draw the stars for the background
decoration. Create a star using the
Star Tool on a New Layer, choosing the size 4 x 8 px, 5 points. Cut the five internal points of the
star using the Scissors Tool (C).
Then create some additional stars using the first one.

making of the stars

Place some stars on the internal part of archway, changing their size
and angle of rotation as you wish. Add some circles for diversity in the
end.

placing of the stars

Step 16

Now let’s return to our character. Make the layers
“lines” and “dress stars” visible, but all the others,
including “sketch”, invisible.

Create a New Layer over the
“lines”; here we’ll draw thin lines. Choose our art brush and change
its Weight to 0.15 pt on the Stroke panel. We have to draw the lines
where the creases and the shadows are.

a thin lines drawing

Step 17

Here is how the
character looks now.

lineart of the character

3. Create the Main Shapes

Step 1

First let’s color the contour of the character. Select all
lines and go to Object > Expand Appearance,
filling them with brown color. Select the thin strokes separately and change the Opacity to 70%. Fill the stars with gold color.

color lineart of the character

Fill the background lines with brown too.

color lineart of the background

Step 2

Now we need to create the swatch of the main colors.
In the books, Glinda is a redhead beauty, her dresses are white or pink, her
eye color is blue and the diadem is gold with red diamonds. Choose sky blue and brick colors for the archway.

swatch of the main colors

Step 3

Now it’s time to begin painting. Choose the colors
from your swatch. Use the Pen Tool (P) for convenience. Start drawing the main shape following the brush contour. If
required, use the Pathfinder panel to Unite shapes or Minus Front.

main shapes drawing

For a convenient work process, we’ll create separate
layers for each part of the character and the background. Organize the layers as
shown in the screenshot below.

organization of the layers

Step 4

Here’s what we’ve got at this stage.

main shapes of entire image

Step 5

It’s time to make the outer contour of the character a
bit thicker. Create a New Layer.
Select all the layers with lines and main shapes of our character and copy them
by pressing Control-C. Then go to
the “outer contour” layer and press Control-F.

selection of the character layers

Now we’ll go to the Pathfinder panel and press Unite.

union of the shapes

Change the Fill
to the Stroke. On the Stroke panel
choose Align Stroke to Outside.

stroke options

I noticed that the outer contour on the magic wand is unnecessary.
Delete the excess points using the Delete
Anchor Point Tool (-)
.

deletion of the excess points

Step 6

Make the outer contour of the archway thicker following
this method. Select the arch shapes, and apply Expand Appearance. Change the Fill
to the Stroke and choose Align Stroke to Outside.

The main part of the drawing is done. Here is how the image
looks now.

main part of the image

4. Add Shadows and Highlights to the Character

Step 1

Let’s add some volume to the face. First change the color of the lines of the eyes to make them more expressive. Delete the outline from the
white round shapes.

eyes lines color

Then add some linear
gradients from the main skin color to peach color on the face.

linear gradient on the face

Add the same gradients
on the chest and hands.

linear gradient on the skin

Step 2

Add some blushes to the nose and cheeks. Create a
radial gradient, reducing the Opacity to 0% on the outer slider. Then select all
blush shapes and change the Opacity
to 20%.

blushes on the face

Step 3

Add some shadows to the face. Chose the brick color,
and reduce the Opacity to 5%. Draw the shapes one on the top of
the other using Pencil Tool (N) until
you get the desired result.

shadows on the face

Step 4

Let’s choose the color for the falling shades. Select the contour color using the Eyedropper Tool (I), reduce the Opacity to 50%, and draw some shadows under the eyes, lips, diadem and hair.

falling shades on the face

Step 5

Next let’s add some highlights. Choose the
bright-yellow color and draw some highlight shapes on the places where light of
the magic wand has fallen.

highlights on the face

Add
shades from the background. Select the blue color, change Opacity to 5% and draw
some shapes on the lighter part of the face.

blue shapes on the face

Step 6

Now we’ll get to work
on the eyes and lips. Draw the eye shadows using a blue color with 30% Opacity. Add some falling shades under
the eyelashes, and some bright twinkles.

Go to the layer with
lines, select the upper eye line, and fill it with the linear
gradient from
brown to dark-brown, and the bottom line from light-brown to brown.

Also change the color
of the lines of the lips. The upper part of the lips is shaded, so make it darker.
Make volume by drawing a shadow between the lips and adding some highlights to
the bottom part.

Add bright highlight to the eyebrows.

eyes and lips volume

Step 7

Draw the same shadows and highlights on the hands and chest as
described above.

hands and chest volume

Step 8

Let’s start coloring the hairstyle. Select the upper
part of the hair and fill it with linear gradient from yellow to orange, and the
back part of the hair from orange to brown.

gradient on the hair

Draw the shapes of the shadows, and then select them and press Unite
on the Pathfinder panel. Fill this
shape with vertical linear gradient from orange to brown, reducing the Opacity to 75%.

Next draw shapes for
the dark shadows, unite them and fill with a darker gradient.

shadows on the hair

Now draw the
highlights using the same steps. Fill the shape with the gradient
from light yellow to yellow, 80% Opacity.

In the end, add some blue shapes and gloss to the lightest area of the hair.

highlights on the hair

Use the same principles to draw the back part of the
hairstyle.

volume on the back hair

Step 9

It’s
time to add highlights and shadows to the dress. First color it with vertical
linear gradient from ivory to cream. Apply the same gradient on the sleeves and
gloves.

gradient on the dress

Step 10

Now draw the shapes of the shadows, unite them and fill with gradient from
cream to peach, as you can see below.

shadows on the dress

Apply these
principles to draw dark shades and highlights, using darker or lighter
gradients respectively. Play around with the Opacity where possible.

highlights on the dress

Then add some blue shapes and white gloss to the lightest area of the dress.

gloss on the dress

Step 11

Now we’ll draw the shawl and belt. They are of the
same color, so we’ll draw them both at the same time, switching between layers.
First color them with the gradient from light pink to pink.

gradient on the shawl

Next use appropriate gradients to draw shadows, fallen shades and highlights.
Don’t forget about the blue shades and gloss.

volume on the shawl

Step 12

It’s time to add highlights and shadows to the golden
details. We’ll draw on the “decoration” layer.

Let’s start from the diadem. Choose an orange color
for the shadows and bright yellow for the highlights. Add some blue shapes and
gloss. Then choose wine and peach colors for the red diamonds. For the white
stars apply the colors of the dress shadows.

volume on the golden details

Now we’ll make volume on the beads as shown below. Select each of them and press Control-G. Place them on the proper
part of the diadem. Draw some shadows under the golden beads.

volume on the beads

Step 13

We’ll add some volume to the dress’s decorative elements
and magic wand following this method.

volume on the golden elements

Step 14

It’s time for the final touch. Let’s
add some gloss to the stars on the dress and draw the decorative line on the
shawl using our art brush.

final touch

Step 15

Finally our character is ready!

ready character

5. Add Shadows and Highlights to the Background

Step 1

First let’s fill the blue archway with linear gradient
from dark to light color.

making of the arch gradient

Step 2

Let’s create some clouds. Draw random shapes, unite and
fill them with gradient as shown in the screenshot, reducing the Opacity to 50%.

drawing of the first clouds shapes

Repeat this process a couple of times. Reduce the Opacity to 30% and 15% on the next two groups of shapes to
make these clouds airy.

drawing of the final clouds

Step 3

Select all stars on the background and fill them with
gold radial gradient.

adding of the gradient to the background stars

Create little blue
stars to fill up the empty spaces of the arch. Draw the star made of two parts: a main shape with Opacity 100% and a dark-blue shape behind with Opacity 20%.
Then select both shapes and press Control-G.

making of the additional background stars

Change their size and opacity, duplicate them, and move them as you
wish. Reduce the opacity of the bottom stars. The lower the
star, the less opacity it has.

placing of the blue stars

Step 4

Let’s decorate the upper part of arch with blue stars and add some volume to the gold stars.

decoration of the upper arch

Step 5

Now we’ll make the mosaic more variegated. Create some
rectangles 10 x
10 px and fill them with darker and lighter tints than the main color.
Then place them on the cells randomly.

Color the mosaic on the letters the same way.

coloration of the mosaic

Wow! We’re Finished!

We did a great job, and I hope you liked the process. Enjoy
and share your result!

final image

Read more here:: Create an Art Nouveau-Inspired Glinda Character in Adobe Illustrator