How To Make Makeup Into A Vector

By making simple changes to pilus and make up, you can alter a vector portrait to create a retro or vintage manner. In today'south tutorial I prove you lot how to recreate a 20s and 60s style on a vector portrait.

Introduction

If you've been a reader of Vectortuts+ for a while, you may notice that every and so often I do a tutorial based on a portrait. Truth be told, it's the area I have the near fun and have most experience with. Besides, those getting into vector often go to portraits offset, as information technology's such a popular thing to illustrate.

In today'south tutorial, I'm going to be revisiting a previous portrait I created for a tutorial, with stock provided by Claire Jones, and showing you how changing the hair, brand upwardly and overlaying a color can modify the time flow of the portrait. Specifically, I'm going to prove yous retro styles from the 1920s and 1960s. They have very similar processes in creating them, with a couple of tweaks.

Without farther ado, let's first with the 1920s...

1920s Look

Step 1

Before starting adding these elements to a portrait, it's always best to exercise some inquiry. By doing a unproblematic Google Image search and entering in "1920s Makeup" or "1920s hairstyles" yous'll exist presented with several ideas to inspire you. You tin also effort looking at icons of those eras to get some inspiration there. Try to stick with the most common themes equally chances are people will recognize them quicker and you'll have less explaining to do! For the 1920s, I've been influenced by the pic "Chicago" for the bold crimson lips and soft, wavy, cropped hair.

First to do is set up the original vector file by organizing the layers so they are easy to hide and access should you lot need to.

I'chiliad not going to be using the original hair in this fashion, so for at present I'm just going to hide them and there we take our baldheaded girl as a template.

Step ii

I'thousand going to start easy by duplicating the eyelashes and eyebrows from the original vector and placing them in a new layer folder. I'm wanting to change the pilus coloring from a lovely cherry-red to more than of a brunette. I'll just need to modify the eyelashes to a shade of dark brownish/black merely not change any other of the attributes of the strokes.

I've done the same with the eyebrows. At present with the Pen Tool (P), I've added a subtle eyeliner effect around the optics and set it to Blending Fashion Multiply with Opacity 50%.

Footstep three

The bulk of styles, regards to the decade, y'all'll find at that place is some base to the eyeshadow. I always apply the lightest shade from the pare shading (often used for highlights on cheeks and nose) within a transparent radial gradient.

Create shapes over the eye surface area, brow bone and one for the eyelid. Now use the gradient to Blending Way Screen. Depending on how bold you want this base will be your Opacity value. In this example, I don't desire it to exist bold so I've opted for Opacity lx%.

Footstep 4

When creating the eyeshadow, I mainly apply transparent radial gradients. If you're using an older version of Adobe Illustrator, you can get around this by using blends by checking out this tutorial.

The color scheme I've opted for is a muted earth tone, which you can find in the AI default palettes by going into the driblet down menu in the Swatch panel then going to Open Swatch Library > Earthtone > Earthtone 7. With the 1920s, at that place weren't then many pigments effectually for the make up, so a lot of the colors were muted and this should be reflected in the manner.

To showtime, I've added 4 gradients around the eyes. Ane on the top and bottom and one on either side of the top gradient. The top and bottom gradients are set to Opacity 100% with the side gradients at 50%. I've so Grouped them together (Command + One thousand) and gear up the Grouping Blending Mode to Multiply.

I've then added another slope in a higher place the crease of the eyelid and set this to Blending Way Multiply.

Step 5

For the lips, I've duplicated the initial lips shape, which I utilize as a base. Yet if you've not done this method, you can easily draw one with the Pen Tool (P). As the lips are going to be a bold shade, I'm going to apply red underneath the lips shading (within the original vector shapes). This is going to exist a nighttime red (C=15, Thousand=100, Y=90, Grand=25) and set to Blending Mode to Multiply at Opacity 50%.

I've and then duplicated the lips shape again and brought it into the "1920s Makeup" layer binder and applied the beneath attributes in the Advent panel.

Step 6

Besides every bit altering the make up, a change in hairstyle will also set the mood for the decade you want to give the impression of. However before we start, I'm going to show yous a helpful hint before amalgam the hair.

Create a New Layer and put a sketch of the rest of the head, as well as centre and side partings. This can be used as a guide and help you recognize where the caput is, where the hair must cover, and angles of the hair partings. If you're unsure how to do this, employ your original reference epitome to try and estimate where the scalp is.

Footstep 7

Now that I take my template, I'grand going to do a sketch of the hair mode I wish to do. First, I like to draw where the parting in the hair is and the line where the hair is going to be forth the forehead.

Second, I judge where the pilus covers the rest of the scalp and the level of book information technology has. Finally, a sketch of patterns in the hair, such every bit waves or whatever other notable elements in the pilus. If you're unsure of the pilus style, use multiple references to go it right.

Step viii

Utilise the sketch you've created and the Pen Tool (P) to then draw the bases for the hair. Some shapes effectually the ear and neck will be backside the original vector and the main shape will exist on top. The shapes in the back I've changed the colour very slightly past increasing the Primal value past 5-10.

Step 9

I'm going to add gradients to the hair to help prevent it from looking besides flat. The kickoff ones volition be inverted transparent radial gradients with the same brown used for the base shapes. Set these shapes to Blending Style Multiply and use the Gradient Tool (Thousand) to position the slope so it's fading around the edges.

Using the aforementioned gradient, add together shapes to where the wave peaks are and ready these to Blending Fashion Screen and Opacity 60%.

Footstep x

I'one thousand going to begin cartoon in the strands of hair. I utilise a graphics tablet and the Paintbrush Tool (B), just you can do it with a mouse if you've got the patience. I as well apply my "Width Profile 1" brush which you can larn how to create via this tutorial.

Usually, I add a lot more depth to hair, still I'm going to go over the nuts of giving the impression of detailed hair. It follows the same sort of principals of adding low-cal strokes, for adding dark strokes. The strokes are ever the aforementioned color as the base layer (only blonde and more than detailed hair will exist different) and use Blending Modes to modify the calorie-free/dark appearance of the strokes.

The first are going to be light strokes set to Blending Mode Screen, with Opacity 35%, and have a Stroke Weight of 3pt. Start drawing strokes on the peaks of the waves so integrate them in with longer strokes covering the entire scalp.

Now add darker strokes with Blending Mode Multiply, Opacity 20%, and focus on the troughs of the waves to integrate those in.

Stride eleven

I'm going to add highlights to the hair using Blending Manner Color Dodge, Opacity 20%, with a lower Stroke Weight of 2pt. To avoid overly reddish/gilded tones in these strokes, use a dark-brown/gray stroke colour (C=50, Chiliad=lx, Y=sixty, K=25).

At present add depth to the troughs with Blending Mode Color Burn and Opacity 40%.

Step 12

As hair is never perfectly polish, add fly away strands of pilus effectually the edges of the hair using the original pilus base color as the stroke, and with a Stroke Weight of 1pt.

Footstep 13

Finally, I've added a muted groundwork using the aforementioned colors from the "Earthtones" palette. I added a shape over the entire portrait fix to Blending Mode Color with Opacity 50%. This helps mute the overall colors of the portrait to assistance emphasize the vintage expect.

1960s Look

Step i

For the 1960s expect, I'chiliad going to duplicate the file I've done for the 1920s and remove the hair, earthtone eyeshadow (keeping the base) and the background/overlay. Increment the Opacity of the eyeshadow base to 80%. And then below is what I have:

Stride ii

With the 60s look, especially in the UK, a nude lipstick was popular. Information technology'south not nearly the absence of lipstick, but an actual nude matt color on elevation of the lips. Then I'm going to remove the original cherry shape from underneath the lips and then change the lips on meridian.

I've removed the center departing in the lips as I want to neutralize all the coloring. I've used the beneath Appearance console settings to color the lips, but still give definition, which is important when removing the color.