Photoshop - Fur and Hair TUT

Embed Size (px)

Citation preview

  • 8/14/2019 Photoshop - Fur and Hair TUT

    1/8

    DIGITAL HAIR MANIA!The goal of this project is to

    create and apply specialized

    brushes and layer effects usingPhotoshop 5.0. The creation of

    these specialized brushes is a

    simple technique, but the actual

    sculpting of hair will take some

    advanced skills.

    Adobe Systems Senio

    Creative Directo

    Russell Brown make

    regrowing hair possible

    with Photoshop 5.0 ADVANCED

    Creating Custom Brushes

    1. When creating digital hair,

    its a good idea to work with

    several different sized brushes.

    A variation of sizes and shapes

    gives you more control and

    more realistic results. In this

    project, I used two differentsizes 64 by 64 pixels and 32 by

    32 pixels. From the File menu

    choose New and type in the

    size of brush youd like to

    create. A brush can be as big or

    as small as you want. However,

    the larger the brush, the slower

    it will paint to the screen.

    Look! Instant hair!We achieved the

    stunning results yousee in this image with

    only one application of

    Adobe Digital Hair. Its

    simple and easy to

    apply and there are no

    lasting aftereffects.

    Remember, results may

    vary on each individual

    Before

    After

    Getting a little light-headed these days? Want to change your image? Youvecome to the right place! Experiment with the wonders of Adobe Photoshop 5.0to give yourself a whole new look. Impress your friends and feel good doing it.

    Shortcuts Throughout this

    document, the letter

    in parentheses after a

    tool is the keyboard

    shortcut for accessing

    that tool. Command/

    Ctrl means Command

    on the Macintosh andCtrl on Windows.

    Option/Alt means

    Option on the Macintos

    and Alt on Windows.

  • 8/14/2019 Photoshop - Fur and Hair TUT

    2/8

    Digital Hair Mania! 2

    2. Enlarge the view of the new

    file to 300%. Press Command/

    Ctrl+(+) key as a shortcut for

    displaying images at greater

    magnification. Press D to set

    the default foreground color to

    black. Next select the brush tool

    (B) from the Tool palette.

    Choose a soft-edged brush thatcomfortably fits in the new

    window. Select Dissolve under

    Paintbrush Options, and set

    Opacity to 4. Finally, center the

    appropriate brush in the middle

    of the w indow and click once.

    3. Next, clean up the new brush

    with the pencil tool (N). Be sure

    to check the pencil tool optionsto make sure they are set to

    Normal and 100% Opacity.

    Press X to set foreground color

    to white. Remove any dots that

    touch each other and give the

    brush an even yet somewhat

    random shape.

    4. From the Filter menu,

    choose Filter > Blur > Blur. For

    the creation of hair, blur the

    brush image once. Blurring the

    brush gives it a soft edge. If

    you do not blur the brush, the

    resulting brush will be ver y

    hard and coarse.

    Dissolve BrushThe Dissolve brush

    creates a random

    scattering of pixels. You

    can start with this

    technique or instead

    draw the brush using

    the pencil tool.

  • 8/14/2019 Photoshop - Fur and Hair TUT

    3/8

    Digital Hair Mania! 3

    7. Create more brushes!Repeat

    the last few steps and continue

    to make a variety of brush

    shapes and sizes. In general,

    youll get the best-looking hair

    with a rounded and random

    scattering of the pixels in your

    brush. But be sure to run testsof your own.

    6. Heres the final step neces-

    sary to make the brush work

    correctly: From the Brushespalette, double-click on the

    brush you just created. The

    Brush Options dialog box will

    appear. Set Spacing to 1 from

    the default setting of 25.

    Spacing determines the flow of

    paint coming from the brush. If

    the value is too high, the brush

    strokes will not be continuous

    and smooth. Try out different

    values for the spacing. Itsalways good to experiment!

    5. Its time to turn the

    Photoshop image that youve

    created into a brush. First,

    select the entire image, Com-

    mand/Ctrl+A. Next from the

    Brushes palette select Define

    Brush. The brush will be

    appended to the existing set of

    paintbrushes. If you have thepencil tool selected you will

    not see the new brush until

    you select the paintbrush tool.

    Dont worry if you made a

    mistake, simply select the

    brush and delete it Command/

    Ctrl-click.

    ExperimentOpen a new file and

    experiment with thepaintbrush and airbrush

    tools. If the brush stroke

    is gray check the

    opacity setting in the

    Paintbrush Options.

    Note: The Anti-aliased

    checkbox only becomes

    available if the brush is

    less than 32 x 32 pixels

    in size. Anti-aliasing

    adds a softer quality to

    the brushes. Brushes

    created with thisoption will make a nice

    addition to your toolset

    Super user hintTo move quickly

    between brushes in the

    Brushes palette, press

    open ( [ ) or closed ( ] )

    bracket to move to the

    previous or next brush.

  • 8/14/2019 Photoshop - Fur and Hair TUT

    4/8

    Digital Hair Mania! 4

    Painting with Custom Brushes

    1. Select an appropriate

    subject perhaps one who is

    somewhat less than hirsute.

    Create a palette of colors from

    the lightest to the darkest values

    reflected in your subjects

    existing hair. If the subject has

    no hair at all, then create a colorpalette of your choice. Four

    shades of color seems to work

    well for this subject.

    3. Next, well convert the path

    to a feathered selection. The

    correct feathering will make

    the paint strokes blend into

    the scalp at the edge of the

    selection. From the Paths

    palette pop-up menu, choose

    Make Selection. In the MakeSelection dialog box, set a

    value for Feather Radius. In

    this project, I chose a value of 2.

    However, this value depends

    on the resolution of the image

    youre working on. Run an

    experiment to determine the

    correct value for your image.

    2. Define a new hairline for

    your subject using the pen

    tool. Create a path that en-closes the area where the hair

    restoration will take place.

    The path should bend and

    curve into the existing hairline.

    Keep in mind, defining a

    working space with the pen

    tool is not always necessary for

    this project. Free-form paint-

    ing without using a masked

    area can deliver completely

    different and intriguing results.

    FeatheringUse just enough

    feathering to make

    the hair blend into

    the scalp.

    Naming pathsBe sure to name your

    path that you havecreated. Simply double-

    click on the Work Path

    to change its name.

  • 8/14/2019 Photoshop - Fur and Hair TUT

    5/8

    Digital Hair Mania! 5

    4. After youve transformed the

    path into a selection, the path

    you started with still remains

    visible. Deselect the path by

    clicking below the name of the

    path in the Paths palette.

    Painting orderStart painting with

    the darkest colorfrom the palette we

    created earlier. Select

    the color with the

    Eyedropper tool and

    make it your current

    foreground color.

    5. When creating hair, you

    should always work on a new

    layer and not on the back-ground image directly. Create

    a new layer from the Layers

    menu or Option/Alt click on

    the create new layer icon and

    name it appropriately.

    6. Now the fun starts. Select the

    airbrush tool with a Normal

    mode setting and 100% pres-

    sure. The airbrush seems to

    work well for creating hair.

    Next, choose one of the larger

    brushes you created earlier.

    Adjust the Fade setting on theAirbrush Options palette to

    determine the length of your

    hair. Start with small fade

    amounts and build to larger.

    Slowly lay in the hair with even

    strokes. Start from the back of

    the head and move forward

    toward the hair line.

    Heres an example of

    the 64 x 64 pixel brush

    used in this image.

    Special note:Do not make the hair

    a solid mass near the

    hairline. Leave it a little

    open and see through.

    Click!

  • 8/14/2019 Photoshop - Fur and Hair TUT

    6/8

    Digital Hair Mania! 6

    7. Continue slowly painting

    until you have a nice semi-

    opaque base of dark hair.

    Check to make sure that the

    feathering of the edge you

    chose earlier has a nice blend

    into the scalp and that the hair

    is not too dense near the

    hairline. If your first attemptlooks a little bit like a bad hair

    day, then make a new layer

    and try it again. Practice

    makes perfect.

    The basicsHeres the basic

    technique I used in

    this project. Start with

    the largest brush and

    darkest color to set

    down a base layer.

    Then slowly move to

    the smallest brush

    and the lightest colorto create the high-

    lights on the hair.

    8. Now, to give the hair more

    body and to make it a little bit

    more realistic, were going toadd a drop shadow. Layer

    Effects Drop Shadows are a new

    feature only found in 5.0 or

    later versions of Adobe

    Photoshop. With the hair layer

    targeted, choose from the Layer

    menu Effects > Drop Shadow as

    shown to the right.

    Super user hint:While the Effects

    dialog box is open, you

    can adjust the angle

    and distance of the

    shadow directly on

    your image. Just move

    your cursor over the

    image. Click and hold,and then move the

    shadow around.

    If you have multiple

    layers of hair, then

    using a common globa

    angle will ensure that

    the angle and distance

    are always the same.

    9. For this particular image,

    I chose the values shown at

    right. In general, you want to

    enter values that best duplicate

    the lighting and color of the

    image youre working on.

    Multiply is often the best mode

    choice. Multiply blends theshadow with the background

    as if they were two transparen-

    cies on a light table. Next, click

    once on the small default black

    color patch in the Effects

    dialog box. This allows you to

    tint the shadow.

    Click!

  • 8/14/2019 Photoshop - Fur and Hair TUT

    7/8

    Digital Hair Mania! 7

    10. The default shadow color in

    Photoshop is black. However, if

    you take a close look at real

    shadows, theyre seldom black

    or a neutral gray. They have

    color and take on the character-

    istics of the background image.

    To obtain a more exact color,

    sample the persons skin toneby moving the cursor over the

    subjects image. In the Color

    Picker, move the section to a

    darker shade as shown here.

    The color is always updated to

    the screen, so check the results.

    Then click OK to both dialogs.

    11. Your results so far should

    look something like this.

    Notice how the hair has filledin and is starting to look a

    little bit more realistic.

    12. OK, so heres the secret

    technique that gives you perfect

    hair: Once you have created a

    nicely shaped base image, turn

    on Preserve Transparency on

    the Layers palette. By doing

    this, all additional brush strokes

    will be confined to the DigitalHair layers shape. No matter

    how much you try, you will not

    be able to paint beyond the

    Digital Hair layers edges. As

    you experiment with painting

    hair, you will see how useful

    this technique is for controlling

    your results.

    Original skin color

    Sampling colorsWith the Color Picker

    dialog box open you

    can sample colors with

    the eyedropper tool

    directly from your

    image. Just move the

    dialog box to the side

    and place your cursor

    over your image andclick. The sampled colo

    will appear above the

    current color.

  • 8/14/2019 Photoshop - Fur and Hair TUT

    8/8

    Digital Hair Mania! 8

    Painting Midtones

    13. Select a midtone value from

    the palette of colors you created

    earlier. Using the same large

    brush you used before and on

    the same hair layer, continue to

    add another value layer across

    the hair. The goal is to build up

    the midtones in the hair andmake sure that some of the

    black tones still show through.

    Heres an example of

    the 64 x 64 pixel brush

    used in this image.

    MidtonesUse a large brush and

    select a midtone value,

    as shown to the left.

    Then use the Airbrush

    tool to add a second

    level of tonal value to

    the hair.

    Heres an example of

    the 32 by 32 pixel

    brush used in this

    image.

    HighlightsUse a small brush and

    select a highlight color,

    as shown to the left.

    Then use the airbrush

    tool to add highlights

    to the hair.

    Painting Highlights

    14. Next, using a smaller

    airbrush and same hair layer,add highlights to the hair.

    Adjusting the opacity of the

    brushes can help blend the

    colors and soften the

    highlight colors.

    Your final results complete your

    digital make-over. Now youre

    ready to head out into the

    world with a great new look.

    Adobe, the Adobe logo, andPhotoshop are trademarks ofAdobe Systems Incorporated.

    Macintosh is a trademark ofApple Computer, Inc. registerein the U.S. and other countriesWindows is either a registeredtrademark or a trademark ofMicrosoft in the U.S. and/orother countries.

    1998 Adobe SystemsIncorporated. All rights reserve

    Special thanks to Daniel Browand George Jardine forassistance with thedevelopment of this tip.

    PS5 0 9/98