photoshop vector mask.docx

34
Final Image Preview Let’s take a look at the image we’ll be creating. Click the screenshot below to view the full -size image. As always, the layered Photoshop file is available via our  Psdtuts+ Plus membership. Step 1

Upload: trie-nou

Post on 03-Jun-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 1/34

Final Image PreviewLet’s take a look at the image we’ll be creating. Click the screenshot below to view the full-size

image. As always, the layered Photoshop file is available via our  Psdtuts+ Plus membership. 

Step 1

Page 2: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 2/34

Before we start we need to find our inspiration. For this tutorial, I used this photograph I found

at Stockvault. After downloading the image, open it in Photoshop.

Step 2You’ll be using many layers to create this artwork, so try to keep everything organized. Create a new

layer over the image and name it "Head." Then grab your Pen Tool (P), and make sure it’s set to

Paths.

Step 3Hold Ctrl + Space to select your Zoom Tool. Then zoom into the model’s face. Trace the outline of

her face. Don’t worry about the parts covered by the hair. They’ll be taken care of soon. After

finishing, select the color #decfb8 and fill the shape.

Page 3: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 3/34

 

Page 4: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 4/34

Step 4Create a new layer over the "Head" layer and name it "Hair." Repeat the same process you did with

the face. Then take care with the inner side of the hair, as it will define the shape of her face. Don’t

worry about all hair details yet though. Then fill the shape with black.

Page 5: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 5/34

Page 6: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 6/34

Step 5By now you should have something similar to the image below. It’s strange so far, but we’ll make it

nice.

Step 6Create two more layers under the "Head" layer and name them: "Body" and "T-Shirt." The "T-Shirt"

layer should be over the "Body" layer, and both under the "Head" layer.

Repeat the same process. Beginning with the body and neck, and fill the shape with the same color

as the head. Notice it’s only important to correctly draw parts that won’t be covered by the other

layers. Then create the "T-Shirt" and fill it with a light blue.

Page 7: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 7/34

Page 8: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 8/34

Step 7Now a tricky part, the Eyes. Maybe you would like to create a Layer Set only for the eyes, since

we’re going to use many layers. Create a new layer called "Eye." Then Zoom in and draw the shape

around both eyes. Then fill it with white.

Page 9: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 9/34

 

Step 8Create a new layer, and name it "Iris." Draw the path around the iris and fill it with black.

Page 10: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 10/34

 

Step 9Create a new layer, and name it "Eyelash." Draw the path around her eyelash to contour the eyeball.

Fill it with black. Use the Eraser Tool to erase all the white areas that surpass the Eyelash area.

Page 11: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 11/34

Page 12: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 12/34

Step 10Create a new layer, and name it "Retina." Draw the path around the retina and fill it black.

Step 11Create a new layer, and name it "Highlights." To give the eye a little more life, select the highlights

on the iris and fill them with white.

Page 13: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 13/34

 

Step 12Now we’ll give the eyes a little depth. Select the "Head" layer. Draw paths around the eyes. Right-

click the path and choose Convert Path To Selection. Grab the Burn Tool (0) and set it’s Exposure to

around 25%. Darken those areas trying to follow the picture’s intensity.  

Page 14: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 14/34

Page 15: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 15/34

Step 13Go a little further and darken the area around the eye using the Burn Tool.

Step 14Go back to the "Eye" Layer and create a layer called "Eyebrows" above it. Create a path around the

eyebrows and fill it with black.

Page 16: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 16/34

Page 17: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 17/34

Step 15Now you’re finish with the eyes, so create a new layer outside the "Eyes" Layer Group and call it

"nostrils." Create a path around her nostrils, right-click to transform the selection. Then fill it with the

same color you chose for her face. Open Curves (Command + M), and push the curve a little bit

down to darken the color.

Page 18: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 18/34

 

Page 19: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 19/34

Step 16Select the "Head" layer. Draw a path around the bottom edges of her nose. Open Curves (Command

+ M), and push the curve a little bit down to darken the color.

Step 17Still on the "Head" layer, select the Burn Tool (0). Then darken the areas around her nose to give it

form and depth. Use the picture as a reference.

Page 20: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 20/34

 

Step 18Create a new layer at the top and name it "Mouth." Then draw a path around her mouth and fill it

with #fcb09e.

Page 21: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 21/34

Page 22: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 22/34

Step 19Draw the contour around the darker area in the middle of her mouth. Right-click to make it a

selection, then open curves (Command + M) and darken it a little.

Step 20Select the "Head" layer. Then draw a path around the lighter skin area on the upper part of her

mouth. Use the picture below as a reference. Open Curves (Command + M), and lift the curve a little

to lighten the area.

Page 23: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 23/34 

Page 24: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 24/34

Step 21To finish it use the Burn Tool to darken shadow areas around her mouth in both the "Head" and

"Mouth" layers.

Step 22With the Burn Tool still selected, select the "Body" layer and darken the shadow areas in her neck.

Page 25: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 25/34

 Step 23With the "Body" layer still selected, use the Pen Tool to select the shadows in both her armpits. Then

right-click to transform it to selection, open Curves (Command + M), and darken those areas.

Page 26: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 26/34

 Step 24Select the "T-shirt" layer. Then use the Pen Tool to draw around the upper lighter part of her t-shirt.

Right-click to transform it into a selection, open Curves (Command + M), and lighten those areas.

Page 27: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 27/34 

Page 28: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 28/34

Step 25With the "T-shirt" layer still selected, the use Pen Tool to draw around the shadows in her t-shirt.

Right-click to transform it into a selection, open Curves (Command + M), and darken those areas.

Then use the Burn Tool to give it some finishing touches.

Page 29: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 29/34

Page 30: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 30/34

Step 26Select the "Hair" layer. Then use the Pen Tool to draw around the fringes and give more detail to her

hair. Fill it with black.

Step 27Command-click the "Hair" layer to select it. Use the Down and Right Arrows to move the selection a

little bit down and to the right, as in the picture.

Select "Body" layer and use the Burn Tool to make the hair shadow on her body. Do the same in the

"Head" layer. Then use the Burn Tool to create some more shadows on her face. Use the picturebelow as a guide.

Page 31: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 31/34

Page 32: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 32/34

Step 28Select the "Body" layer and use the Pen Tool to draw around the shadows on her arm. Right-click to

transform it into a selection, open Curves (Command + M), and darken those areas.

Step 29Create a layer under the "T-Shirt" layer. Select the black bra on her right shoulder and fill it black.

Page 33: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 33/34

 

Step 30Create a new layer under all the others. Fill it with a cool colored gradient background and you’re

done! This tutorial shows you how to simply create vector style illustrations and use the Burn Tool to

add a bit of depth, softness, and interest to the illustration. It’s a quick and effective style for you to

use in your own illustrative work. You can view a larger final version here. 

Page 34: photoshop vector mask.docx

8/12/2019 photoshop vector mask.docx

http://slidepdf.com/reader/full/photoshop-vector-maskdocx 34/34