CS3 Vector Portrait Phtotoshop
-
Upload
uchihasenju -
Category
Documents
-
view
218 -
download
0
Transcript of CS3 Vector Portrait Phtotoshop
-
8/9/2019 CS3 Vector Portrait Phtotoshop
1/36
n this tutorial, youll learn how to create an illustration of a model. Well be creating it in vector
style, though using Photoshops Burn Tool to add some dimensionality to the illustration. By the
end youll have enough information and practice to create your own. Although, it doesnt requireany special ability you should be proficient in the use of the Pen Tool. Drawing skills would also
help, as well as a tablet, though its not necessary.
Third Place Tutorial Winner
This is the third place winning tutorial form the PSDTUTS First Tutorial Writing Contest. See
the results of the contest here. Congratulations to Gustavo Caetano Jacinto, and everyone enjoythe tutorial!
Final Image Preview
Lets take a look at the image well be creating. Click the screenshot below to view the full-sizeimage. As always, the layered Photoshop file is available via ourPSDTUTS Plus membership.
http://psdtuts.com/news/psdtuts-first-tutorial-writing-contest-announcement/http://psdtuts.com/news/psdtuts-first-tutorial-writing-contest-winners/http://psdtuts.com/news/psdtuts-first-tutorial-writing-contest-winners/http://psdtuts.com/join-psdtuts-plus/http://psdtuts.com/join-psdtuts-plus/http://psdtuts.com/news/psdtuts-first-tutorial-writing-contest-announcement/http://psdtuts.com/news/psdtuts-first-tutorial-writing-contest-winners/http://psdtuts.com/join-psdtuts-plus/ -
8/9/2019 CS3 Vector Portrait Phtotoshop
2/36
Step 1
Before we start we need to find our inspiration. For this tutorial, I usedthis photograph I found atStockvault. After downloading the image, open it in Photoshop.
http://www.stockvault.net/Portraits_g93-Girl_p8187.htmlhttp://www.stockvault.net/Portraits_g93-Girl_p8187.htmlhttp://www.stockvault.net/http://psdtuts.s3.amazonaws.com/178_Vector_Woman/large.jpghttp://www.stockvault.net/Portraits_g93-Girl_p8187.htmlhttp://www.stockvault.net/ -
8/9/2019 CS3 Vector Portrait Phtotoshop
3/36
Step 2
Youll 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 itsset to Paths.
Step 3
Hold Ctrl + Space to select your Zoom Tool. Then zoom into the models face. Trace the outline
of her face. Dont worry about the parts covered by the hair. Theyll be taken care of soon. Afterfinishing, select the color #decfb8 and fill the shape.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
4/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
5/36
Step 4
Create 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. Dont worry about all hair details yet though. Then fill the shape with black.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
6/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
7/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
8/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
9/36
Step 7
Now a tricky part, the Eyes. Maybe you would like to create a Layer Set only for the eyes, since
were 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.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
10/36
Step 8
Create a new layer, and name it "Iris." Draw the path around the iris and fill it with black.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
11/36
Step 9
-
8/9/2019 CS3 Vector Portrait Phtotoshop
12/36
Create 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.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
13/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
14/36
Step 10
Create a new layer, and name it "Retina." Draw the path around the retina and fill it black.
Step 11
Create 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.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
15/36
Step 12
Now well 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 its
Exposure to around 25%. Darken those areas trying to follow the pictures intensity.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
16/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
17/36
Step 13
Go a little further and darken the area around the eye using the Burn Tool.
Step 14
Go back to the "Eye" Layer and create a layer called "Eyebrows" above it. Create a path around
the eyebrows and fill it with black.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
18/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
19/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
20/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
21/36
Step 16
Select 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 17
Still 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.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
22/36
Step 18
Create a new layer at the top and name it "Mouth." Then draw a path around her mouth and fill it
with #fcb09e.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
23/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
24/36
Step 19
Draw 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 20
Select the "Head" layer. Then draw a path around the lighter skin area on the upper part of hermouth. Use the picture below as a reference. Open Curves (Command + M), and lift the curve a
little to lighten the area.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
25/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
26/36
Step 21
To finish it use the Burn Tool to darken shadow areas around her mouth in both the "Head" and
"Mouth" layers.
Step 22
With the Burn Tool still selected, select the "Body" layer and darken the shadow areas in her
neck.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
27/36
Step 23
With 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.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
28/36
Step 24
Select 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.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
29/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
30/36
Step 25
With 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.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
31/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
32/36
Step 26
Select 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 27
Command-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 inthe "Head" layer. Then use the Burn Tool to create some more shadows on her face. Use the
picture below as a guide.
-
8/9/2019 CS3 Vector Portrait Phtotoshop
33/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
34/36
-
8/9/2019 CS3 Vector Portrait Phtotoshop
35/36
Step 30
Create a new layer under all the others. Fill it with a cool colored gradient background and
youre 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. Its a quick and effectivestyle for you to use in your own illustrative work. You can view a larger final version here.
http://psdtuts.s3.amazonaws.com/178_Vector_Woman/large.jpghttp://psdtuts.s3.amazonaws.com/178_Vector_Woman/large.jpg -
8/9/2019 CS3 Vector Portrait Phtotoshop
36/36