CS3 Vector Portrait Phtotoshop

download CS3 Vector Portrait Phtotoshop

of 36

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