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
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.
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%.
2. Create a Brush and Draw the Contour of the Character
Create a New Layer for the lines. We'll draw all lines in this layer, because all detail colors will be the same.
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.
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.
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.
Next draw the hairstyle, making just the main lines. Later we'll add details made of very thin lines.
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.
Choose the brush and draw lines to decorate the bodice of the dress.
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).
On the new layer draw some stars for the skirt decoration. Select each of them and press Control-G.
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.
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.
Make a rectangle 280 x 74 px for the upper decorative arch and apply the options shown below.
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.
Draw the line exactly in the middle of the two arch lines and apply our mosaic brush.
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.
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.
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.
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.
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.
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.
Here is how the character looks now.
3. Create the Main Shapes
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.
Fill the background lines with brown too.
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.
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.
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.
Here's what we've got at this stage.
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.
Now we'll go to the Pathfinder panel and press Unite.
Change the Fill
to the Stroke. On the Stroke panel
choose Align Stroke to Outside.
I noticed that the outer contour on the magic wand is unnecessary. Delete the excess points using the Delete Anchor Point Tool (-).
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
4. Add Shadows and Highlights to the Character
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.
Then add some linear gradients from the main skin color to peach color on the face.
Add the same gradients on the chest and hands.
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%.
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.
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.
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.
Add shades from the background. Select the blue color, change Opacity to 5% and draw some shapes on the lighter part of the face.
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.
Draw the same shadows and highlights on the hands and chest as described above.
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.
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.
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.
Use the same principles to draw the back part of the hairstyle.
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.
Now draw the shapes of the shadows, unite them and fill with gradient from cream to peach, as you can see below.
Apply these principles to draw dark shades and highlights, using darker or lighter gradients respectively. Play around with the Opacity where possible.
Then add some blue shapes and white gloss to the lightest area of the dress.
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.
Next use appropriate gradients to draw shadows, fallen shades and highlights. Don't forget about the blue shades and gloss.
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.
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.
We'll add some volume to the dress's decorative elements and magic wand following this method.
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.
Finally our character is ready!
5. Add Shadows and Highlights to the Background
First let's fill the blue archway with linear gradient from dark to light color.
Let's create some clouds. Draw random shapes, unite and fill them with gradient as shown in the screenshot, reducing the Opacity to 50%.
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.
Select all stars on the background and fill them with gold radial gradient.
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.
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.
Let's decorate the upper part of arch with blue stars and add some volume to the gold stars.
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.
Wow! We're Finished!
We did a great job, and I hope you liked the process. Enjoy and share your result!