Photoshop Tutorial - Shadows (Pictures)

Discussion in 'Programming & Software Development' started by Eimi, Aug 20, 2002.

  1. Eimi

    Eimi Member

    Joined:
    Jun 28, 2001
    Messages:
    3,721
    Location:
    Melbourne, VIC
    Ok, most people might know how to do this, but my first tut is how to get easily adjustable shadows.

    Take this base image:
    [​IMG]

    It needs a little work on it so we can edit it.

    Change the image mode from Indexed colour to RGB colour.
    [​IMG]

    Ok now we've done that on to to the tut.

    Duplicate the layer so you end up with 2 identical layers (hint :Right click, duplicate)

    We need to make on of these layers black, the best way to do this is to play with the colour levels. Open the levels modification dialog.
    [​IMG]

    Grab the hollow slider control
    [​IMG]
    and drag it completely to the left
    [​IMG]

    This will make the layer completely black.

    Now use Gaussian blur to blur the edges of the shadow layer
    [​IMG]

    Now you can manipulate the shadow layer to achieve the desired effect.

    To change the shadow layer so it appears to be directional

    Select Edit -> Transform -> Distort
    [​IMG]

    and drag the control points till you achieve the desired shape
    [​IMG]

    To achieve the faded look as in the final picture, make a layer mask, and select reveal all.
    [​IMG]
    select the gradient tool, and edit the gradient in the layer mask so the top half of the shadow fades out (white = hidden, black= reveal)

    [​IMG]
    For more advanced work, play with the layer blending options to improve the desired effect (ie overlay or multiply)

    Hope you guys find this useful

    EDIT: Added extra info on editing the shadow layer
     
    Last edited: Aug 20, 2002
  2. Tanus

    Tanus Member

    Joined:
    Jun 27, 2001
    Messages:
    923
    Location:
    Melbourne
    Hmm, that is actually :).

    One thing, add to your tute how to actually lay down the second layer in a shadow sort of way. One thing that shits me to tears about tutorials is one that gives me everything except that last but most vital step ;).
     
  3. OP
    OP
    Eimi

    Eimi Member

    Joined:
    Jun 28, 2001
    Messages:
    3,721
    Location:
    Melbourne, VIC
    There Tanus :)

    If you think it's missing any other steps, I'll throw them in
     
  4. NHD

    NHD Member

    Joined:
    Jul 9, 2001
    Messages:
    936
    Location:
    Melbourne
    good tute, one suggestion is to save your images (menu instructions etc) as gifs, as this will keep the size down and make them mucho easier to read

    keep it up
     

Share This Page

Advertisement: