In this tutorial, Spanish artist Daniel Caballero will explain how he created a portrait in vector style, based on an ordinary photo.
For your work it is better to take pictures of your relatives or friends. This is the easiest way to get the desired position. I will use my sister’s photo (Photo.png).
Create a new document (Ctrl + N) in A4 format in portrait mode. Insert a photo into this document and delete the background, for example, with the tool Eraser (Eraser Tool) (E). As a background in our picture, you can use some kind of pattern.
We will create a vector portrait by overlaying several blocks of skin, lines and other details. Create a new layer. (Ctrl + Shift + N) and name it “Skin.” For the skin base, select the color # FAE0AF. Tool Pen (Pen Tool) (P) Draw an outline around the edge of the girl’s silhouette.
Walk around areas of clothing or hair that extend beyond the body. Separate layers will be reserved for them. Then go to the contour palette, select the work contour and click on the fill icon (it is marked in the screenshot below). After that, hide this fill layer so that we can work on the lines.
Create a new layer “Skin lines” and choose a dark brown color as the main one. Choose a tool Brush (Brush Tool) (B) and set the size to 3 pixels. We will use the contour of the Skin layer to create all the lines on the body and facial features. In the outline palette, click on the icon Brush the contour (Stroke path with brush). This icon is located to the right of the fill icon.
Using the tool Pen (Pen Tool) (P) and contour stroke function with brush draw lips, nose, eyes, jaw, eyebrows, and other facial features. To make the stroke lines thinner, you need to lower the brush size. Tool Eraser (Eraser Tool) (E) with hard edges wipe out extra line segments.
Tool Pen (Pen Tool) (P) Draw hair and fill it with black color. To create individual curls, use a thinner brush.
Create a new layer under the “skin line” layer. Draw lips and eyes. Then lower the brush opacity and draw freckles.
Create a new layer on top of the rest and name it “Wear.” Tool Pen (Pen Tool) (P) Draw a girl’s shirt with color # E31F40. Create lines for T-shirts on a separate layer “Wear line”. For lines, you need to pre-set the brush: set it white and the size of a few pixels.
Around the shirt, create a stroke with a black brush. Also do not forget about the folds, otherwise the shirt will not look realistic.
Go to the “Skin” layer, then press Ctrl + Shift + N to open the menu for creating a new layer. Tick the functions Use previous layer to create clipping mask. (Using the Previous Layer to Create Clipping Mask), name the layer “Skin Shadow” and set the blending mode to Multiplication (Multiply). Click OK and a new layer will appear in the layers palette. It will be limited to the outside of the body. On it we draw shadows.
Choose the color that the skin of the body has. Draw vector shadows with the tool. Pen (Pen Tool) (P). Place the light source in the same place as it is in the original photo. I worked with the light coming from the right.
Create a new “Wear Shadow” layer and create dark areas of the T-shirt. If they seem too dark to you, you can lower the Opacity of the layer.
Extract all files from this archive. Open the “Logo.png” file in Photoshop in a separate document. Tool Move (Move Tool) (V) drag it into the main document and place under the “Wear Shadow” layer. A clipping mask will automatically be created for the logo.
If you do not like my logo, then you can add any other at your discretion.
Above the “wear line” layer create a new layer and tool Pen (Pen Tool) (P) Draw light areas of the T-shirt and body. Use the original photo to determine the source of light, as we did when creating the shadows. Install Opacity (Opacity) of this layer by 40%.
Paste the tattoos in our document and place them on the girl’s body above the “Wear” layer. Set Tattoo Imprint Mode to Multiplication (Multiply). Tool Eraser (Eraser Tool) (E) Erase areas of tattoos that extend beyond the body.
Create a copy of the “Body” layer (Ctrl + J). Select the original layer and go to the correction. Hue / Saturation (Image> Adjustments> Hue / Saturation) (Image> Adjustments> Hue / Saturation). Lower Brightness (Lightness) to -100 to turn the body of a girl into a black silhouette.
On the black silhouette layer, activate the Free Transform tool (Ctrl + T), right-click and select the mode Distortion (Distort). Change the shape of the shadow so that it falls on the back wall. Press Enter to apply the changes. After that apply filter Gaussian blur (Filter> Blur> Gaussian Blur) (Filter> Blur> Gaussian Blur) with a value of 35 pixels. Lower the opacity of this layer to 20%.
Note: If correction Hue / Saturation (Hue / Saturation) will not open, then most likely you need to rasterize the layer.
Create a new layer with 40% opacity on top of the rest. Choose a tool Gradient (Gradient Tool) (G) and fill the canvas with the usual black and white gradient from left to right (the white color should be on the right). As a result, we get natural lighting.
Above the black and white gradient layer, create another layer and make a gradient from red to yellow to create a warm color atmosphere. Lower the layer opacity to 35%.
On top of all layers create adjustment layer Hue / Saturation (Hue / Saturation). Lower the Saturation parameter to -18%.