In this tutorial you’ll learn to create a vintage-style fashion illustration. The “Grease” movie with gorgeous costumes, wonderful music and a 50s atmosphere will serve as an inspiration for us. Let's fantasize together about how an ideal dress for a dance should look.
1. Make a Sketch
Create a New document, 600 x 900 px, RGB. Change the first layer name to “sketch”.
At the beginning, let's draw a schematic sketch using a silhouette and some attributes inherent to this period. If you need more inspiration before you start sketching, you can get lots of ideas from looking at 50s dresses on Envato Market!
I create my sketch directly in Adobe Illustrator using my graphics tablet. For the sketch, any brush from the default Brushes panel will be suitable. I chose the Oval Calligraphic Brush with 2 pt diameter, 20% Opacity.
2. Create a Brush for the Contour
Create a New Layer for the lines. We’ll draw all the lines in this layer, because the color of all the lines will be the same.
First open the Paintbrush Tool Options by double-clicking on the Paintbrush Tool (B) icon. Use the settings below and press OK.
Now we need to create a New Calligraphic Brush. Press the icon New Brush on the Brushes panel and choose the Calligraphic Brush type. Then press OK, and the window with brush options will appear. Use the settings shown below.
Choose our new brush, and make a few trial lines. The thickness of the line depends on the pressing force of the stylus. Try to sense the lines.
It's time to apply our skills in practice. Let’s begin to create our line art.
Start drawing the face. Draw lines as smoothly as you
like. Don’t worry about crooked lines, because you can always fix them using the Direct Selection Tool (A). Our mission
is to draw “live” lines and imitate ink.
Now draw the hairstyle. First make just the main lines, and then add the details.
At once use our brush to add some volume and deep contrast shadows to the hairstyle.
Now draw the dress. Let’s start with the bodice. Draw this way, making the lines thicker on the shadowy area. The fabric on the sleeves will be transparent, so make the lines of the folds thinner.
Next let’s draw the hands and legs. Make the lines of the body smoother. Decorate the shoes with straps.
We still have to finish the underside of the dress. The skirt consists of two parts: petticoat and upper transparent skirt. We’ll draw the lower part with thinner lines to make them almost imperceptible.
Make the “sketch” layer invisible. Add some deep contrast shadows and admire the result.
3. Create the Main Shapes
First let’s color the contours of our character. Select all lines and go to Object > Expand Appearance. Open the Pathfinder panel and click Unite holding the Alt button. Then press OK to create one solid object.
Now fill the line art with Bordeaux color.
We need to create the swatch of the main colors. I chose blue for the dress and pink for the accessories.
Add a New Layer for the background. Create a 570 x 870 px rectangle using the Rounded Rectangle Tool, and fill it with color from your swatch.
Open the Align panel and choose Align to Artboard, and then Align Objects: Horizontal and Vertical.
Now it’s time to begin painting. Choose the colors from your swatch. You can use the Pencil Tool (N) or the Pen Tool (P), whichever you prefer. The Blob Brush Tool (Shift-B) can be convenient for the main shapes.
Use white for the petticoat, and the main blue with 50% Opacity for the upper skirt.
For a convenient work process, we’ll create separate layers for each part of the character. Organize the layers as shown in the screenshot below.
And here’s what we’ve got at this stage.
4. Add Shadows and Highlights
It’s time to draw the beautiful face of our character. We’ll work on the “body” layer.
Let’s draw the blush
first. Create two shapes: a smaller pink shape on top, and a bigger shape in the main skin color. Then go to Object >
Blend > Blend Options, and choose Specified Steps: 50. And now go to Object > Blend > Make. We’ve got too bright a shade of the blush,
so reduce the Opacity to 75% on the Transparency panel.
This way, add some blushes to the second cheek, nose, neck and elbow. So add some blushes to the legs on the “body_back” layer too.
Let’s add some shadows to the skin. Choose the color of the contour, and reduce the Opacity to 8%. We’ll draw basic shapes on the shadowy area, using the Pencil Tool (N) or the Pen Tool (P).
Now draw deeper shadows on the eyes and neck, and under the nose and lips. Change the Opacity to 20%.
This way, add some shapes of the shadows to the hands and legs.
Let’s add the falling shadows. Choose the same color from the contour, and reduce the Opacity to 50%. Draw shadows under the eyes and hair growth line, on the neck, hands and legs, and under the folds of her dress.
Next let’s add some highlights. Select a lighter tint starting from the base skin color, and reduce the Opacity to 20%. We’ll draw basic shapes on the lightened area.
Change the Opacity to 60%, and add some bright highlights and twinkles to the outer edge of the lightened area.
Now choose blue color with 60% Opacity, and draw highlights on the left side of the character.
Now we’ll get work on the eyes and lips on the “face” layer. Draw eyeshadow using a blue color with 20% Opacity, and then add some bright twinkles with cyan color.
The left side of the face is in the shadow, so draw some Bordeaux shapes with 8-20% Opacity on the white part of the left eye.
Now add the Bordeaux shape with 50% Opacity between the lips, and the shape with 25% Opacity to the left side of the
lips. In the end draw a bright twinkle on the right side of the bottom lips.
Let’s start coloring the hairstyle. First select the shape of the hair and fill it with linear gradient from light brown to brown.
Next draw the shapes of the highlights, and then select them and press Unite on the Pathfinder panel. Fill this solid shape with vertical linear gradient from yellow to orange, reducing the Opacity to 60%.
In the end, add some blue shapes to the left side of the hairstyle and some bright highlights to the right side. Just select these colors from the skin using the Eyedropper Tool (I).
It’s time to add some volume to the dress. Let’s start with the bodice. Draw the shapes of the shadows, and fill them with dark blue color, 30% Opacity. Then add the falling shadows using the same color with 60% Opacity.
Now draw the shapes of the highlights, and fill them with light blue color, 30-60% Opacity.
Let’s add some volume to the transparent details of the bodice. First use the Eyedropper Tool (I) to choose the main color from these details, and draw the shapes on the area where the fabric folds. Then use the same colors for the shadows and highlight from the bodice to draw volume on the sleeves and neckline. Reduce the Opacity to 20%.
Add some blue shapes to the left side of the bodice and some bright highlights to the right side. Use the Eyedropper Tool (I) to choose these colors from the body.
Now we’ll draw the petticoat. First make the “skirt” layer invisible. It will make our work on the white part of the skirt easier.
Add some shadows using the gray color with 50% Opacity. Here you can draw the
shapes not as neatly.
Choose the color from the contour, reduce the Opacity to 60%, and draw the deep shadows.
Now make the “skirt” layer visible. Here’s how the skirt looks now.
We’ll draw the skirt using the same principles as we used on the transparent details of the bodice.
First we’ll draw the shapes on the area where the
fabric forms creases. Use the base blue color from
the dress with 35% Opacity.
Then draw the main shadows using the same dark blue color from the bodice. Reduce the Opacity to 20%.
Now add some deep shadows to the small folds using the same color with 40% Opacity.
Choose the white color with 15% Opacity, and draw the highlights on the lightest area. Don’t forget to add some volume to the back side of the skirt.
In the end, add some bright gloss to the right side of the skirt.
It’s time to add some volume to the accessories. Let’s start with the gloves. Choose the gray color from the petticoat, and draw the shapes of the shadows using 35-50% Opacity. Then draw the blue shapes with 15% Opacity, adding some reflections from the skirt.
We’ll add some volume to the dress’s decorative elements and shoes following this method. Use the Bordeaux color from the contour for the shadows, reducing the Opacity to 50%.
Use the pink color for the highlights, and reduce the Opacity to 70%.
In the end, add some blue and bright reflections.
Finally our character is ready!
5. Create a Pattern for the Dress
Create a New Layer over the “bodice” layer. Here we’ll draw a simple pattern for the decoration of the dress.
Create two circles 3 x 3
px and 4 x 4 px using the Ellipse Tool (L). Draw some simple
flowers using our brush, 2 pt
Stroke. Select each of them, expand and press Control-G.
Duplicate these shapes, pressing Alt, and place them on the dress randomly as you like. Delete unnecessary details on the creases using the Eraser Tool (Shift-E) with 2-3 pt Diameter.
Select the entire pattern and reduce the Opacity to 70%.
6. Create a Simple Background
First fill the background with linear vertical gradient from dark to light color based on the main color.
Let’s draw a pattern. Create a 10 x 10 px rectangle using the main color of the background.
create two 5 x 5 px circles, and align them using
the Align panel as shown below.
Then unite these circles, select both objects (circles and rectangle), and click Minus Front on the Pathfinder panel.
As a result we’ve got a rectangle with two holes. Drag this shape to the Swatches panel.
Select the background shape, press Control-C and Control-F, and apply our pattern from the Swatches panel.
Wow! We’re Finished!
I like this old fashion style so much, and I hope you enjoyed the process. Thank you for creating with me! Please, share your result!