Mischief Circus

Categories

Help & Settings

Shadow Basics

MissB
Posts
Joined: Apr 2010
I've had  a LOT of requests for shadow tutorials and my wish is your command.  Oops ... I mean YOUR wish is my command.  ;)

I'm going to start you out nice and easy.  In fact, it's SO easy, you're gonna LOVE this tutorial.  Welcome to the Dark Side of Shadowing.  *insert evil laugh here*



Let's take Morgan here (I love this picture ... she looks so innocent. Looks can be VERY deceiving.  heh):



Let's take a closer look.  Note the natural shadows here.  I've marked in red the underlying shadow ... the shadow underneath Morgan that her body makes on the concrete floor.  I've also marked the shadow her body makes falling on the floor between her arm and torso.



Your mission should you choose to accept it is to recreate this natural shadowing.

I'm going to extract my model and put her on a background.  This background is from JenU's Heritage and Traditions kit.

If you need assistance on learning how to extract, please see the “Extraction for Dummies” tutorial.  For help with creating  hair, please see either:   The "Mane" Attraction or "Combing" Attractions.



Now, I've seen a LOT of layouts that just add a drop shadow.



Do you hear that sound?  That is  the heart-wrenching sound of my heart breaking into a bazillion pieces.  This is:  Shadows Gone Horribly Wrong!

This shadow here is NOT the way to go. It does NOT look realistic in any way, shape or form. And if you use this type of shadow after you read this tutorial, I will cry. We want a happy tutorial writer so please … just say NO to bad shadows.

Let's start over.  First ... create a Layer mask for your model.   Highlight your extracted model and hit "Ctrl + Enter" to select your model.  The ants should be marching around your model.





Then hit "Create a Layer mask" button (circled in red).



You have now created your layer mask.  Why?  We'll get to that very shortly, I promise.

We're going to paint our shadow under our model first.  Create a new layer under your model and name it "Shadow Layer".



Go to your Tool Box and Select your Brush Tool.



I'm going to choose a dark color to paint in the shadows.  Set your foreground to the color of your choice.  I like the dark color of the cracks in the floorboard.



Use a 25 pixels brush (this depends on the size of your model ... I started with 25 because of the smallness of Morgan's fingers), Hardness 25% and color black or a dark brown, Opacity @ 100%. The goal is to paint with the brush right along the edges of your model.



Paint so that you only see the bottom edge peeking out from your model.



The bottom of her dress and legs are larger and it's easier to paint with the bigger brush along the curves, so I'm going to adjust the size of my brush to 35, keeping the rest of the settings the same.



Continue painting along the edge of your model.  Looks pretty good but we've just gotten started.



I'm going to blur it a bit because my freehand painting can sometimes be a little lacking in refinement.  Go to Filter > Blur > Gaussian Blur



I've used a Radius of 2.



Mommy likey.  We're getting there.



Duplicate your Shadow Layer by hitting "Ctrl + J" and place it on top of your model.



Umm  ... yeah ... nice paint work, eh?  LOL  We're going to fix the shadows in a second.



Remember the layer mask we made earlier?  Here's where it comes into good use.  We're going to clip our shadow into that layer.

Go to your extracted layer and Highlight the mask.  You'll see a black box around it.



Hold down the "Alt" key and take your mouse and hover between this layer and the Shadow Copy layer above it until you see a little icon that looks like a bug with a little arrow beside it.  I'm not able to take a screen shot of it so I've recreated it as best I could.



Press Enter and your Shadow Copy layer should now be clipped to your Mask.



Highlight the clipped layer and change the Blending mode to Soft Light.



Ooohhh  Pretty!



Almost done!  The only thing we have left to do is re-create the body shadow on the floor between her arm and torso.  Create a new layer under the model's body.



Using the original photo as your guide, paint in the rough shape of the shadow.



I'm going to blur it as I did before.

Go to Filter > Blur > Gaussian Blur



I've used a Radius of 2.



I'm going to change the blending mode to "Multiply" and lower the Opacity to 70%.



Honestly, your shadows don't get much better than this.



I added a couple of more goodies from JenU's  kits: "Heritage and Traditions" and "Vintage Lullaby" and Lorie Davison's kit: "Before the First Snow" and used the same shadowing techniques for the elements.

Here's the final result:



Shadowing is muy importante.  It honestly can give a beautiful depth to your layouts.  I hope you enjoyed this tutorial and you find it useful.  Depending on the feedback from this tutorial, there may be more.  If you have a specific tutorial you'd like to see regarding shadows ... please post it in the comments and I'll do my best to help out.

Good luck and happy creating!  Go forth and experience the shadows.
0 | 0
Tara
Posts
Joined: Mar 2010
MissB this is just rocking, but you knew that already!! hehehe! Love it heaps!!
0 | 0
justpattyanne
1059 Posts
Joined: Apr 2010
WOW! This is MIND-BLOWING ---- that second shadow layer clipped to the mask on soft light is a TOTAL REVELATION!!!
THANK YOU!!!!
      
"Do or Do not.
There is no try."
~Yoda~

My Gallery
0 | 0
Tumble Fish Studio
Posts
Joined: Mar 2010
Well, I've been breaking your heart using drop shadows!  I'm so sorry.  But, in my defense, I just started using Photoshop about 3 weeks ago, so I'm learning!  While this shadowing thing overwhelms me a bit, I am so glad you shared it and I will study, study, try, try!  Invaluable!  Thank you, thank you!
0 | 0
justpattyanne
1059 Posts
Joined: Apr 2010
p.s. When will you be creating the action for sale???  *hint hint nudge nudge*
      
"Do or Do not.
There is no try."
~Yoda~

My Gallery
0 | 0
stampin_rachel
Posts
Joined: Apr 2010
Thank you so much for this little lesson.  I am learning so much already!
0 | 0
MissB
Posts
Joined: Apr 2010

Thank you, thank you, thank you guys!  
0 | 0
OrianaVianey
Posts
Joined: Apr 2010
HELP!  I can't clip the upper shadow to the mask... I use CS2 :
0 | 0
lmgdonahue
Posts
Joined: Apr 2010
Thanks for the excellent tutorial.  I am off to give it a try!
0 | 0
MissB
Posts
Joined: Apr 2010
Oriana, I'm using CS3.  When you hover over the clipping mask and the new layer, make sure to hold down the ALT key while you're doing this.  That little bug looking thing should pop up then.
HELP!  I can't clip the upper shadow to the mask... I use CS2 :(
0 | 0
OrianaVianey
Posts
Joined: Apr 2010
Oriana, I'm using CS3.  When you hover over the clipping mask and the new layer, make sure to hold down the ALT key while you're doing this.  That little bug looking thing should pop up then.


Noooooo!!! It doesn't  
0 | 0
MissB
Posts
Joined: Apr 2010
OK ... if it doesn't clip to your mask that way ... then I would select the image you want to put the shadow in.  Hit Ctrl + Enter (the ants should be marching around your image)  create a new layer above it ... while the ants are still marching go ahead a apply your gradient then adjust the blending mode.
0 | 0
Two Dresses Studio
Posts
Joined: Apr 2010
Wow - great tutorial - it looks so well explained.  Wish I was a photoshop girl.
0 | 0
violethare
Posts
Joined: Apr 2010
Another great looking tutorial, shadows are definately one of my downfalls, but will have to try this next time.
0 | 0
Hollie
2377 Posts
Joined: Mar 2010
Ok, I am just throwing this out there. I am lazy. MissB's way is rocking. But...I have been known to create a layer and clip it to my object. Then using a 0% hardness round brush, paint shadowing on the object with 7% opacity - either black or brown depending on the object.  But you kind of have to understand shadow and highlights to do this.
Hollie
Designer - Holliewood Studio   
Owner - MischiefCircus.com
0 | 0
CryztalRain
591 Posts
Australia
Joined: Apr 2010
i need to learn photoshop dont i.. so i dont have those sucky shadows i have..
i try do it with brushes in psp.. im lazy.. i have photoshop but its always in the 2 hard basket
LOL
brilliant Miss.. i am going to try it..
Designer at Mischief Circus CryztalRain
0 | 0
OrianaVianey
Posts
Joined: Apr 2010
Actually I was very fond of my Peter Pan shadows until I saw MissB tutorials... LOL
And I confess... I don't understand light and shadows at all... and I'm lazy... so I guess my layouts will be so-so forever... LOL
0 | 0
MissB
Posts
Joined: Apr 2010
How about trying this ...

1)  Duplicate the image (extraction)  
2)  Change the Saturation to b/w  (Ctrl + U .... then Saturation @ -100)  
3)  Change the Blending mode to either Soft Light or Overlay
4)  Erase the stuff you don't want.  Use a soft brush and start @ Opacity 50%.


Actually I was very fond of my Peter Pan shadows until I saw MissB tutorials... LOL
And I confess... I don't understand light and shadows at all... and I'm lazy... so I guess my layouts will be so-so forever... LOL
0 | 0
Fifi
Posts
Joined: Apr 2010
Kind of scary to me, especially since I am so good at ignoring my installed but not too well used CS3, but I have copied and pasted and will try at some point!  (usually use PSE6)  You are so sweet to put all this together for us.  Thanks so much!
0 | 0
snaggletooth75
Posts
Joined: Mar 2010
I have simple shadows im making a style for if anyone wants it LOL

its mainly for clusters

MissB im going to try your shadows LOL see if i can extarct something first then i want to try your tips
0 | 0
snaggletooth75
Posts
Joined: Mar 2010
LOL whats a peter pan shadow?

Actually I was very fond of my Peter Pan shadows until I saw MissB tutorials... LOL
And I confess... I don't understand light and shadows at all... and I'm lazy... so I guess my layouts will be so-so forever... LOL
0 | 0
kathitownz
Posts
Joined: Apr 2010
Hey, Miss "Awesome M".... your tut here is ...uhhhh....well, it's awesome and I'm trying it RIGHT NOW!!!...BUT....I just wanted you to know.... now you've given me this horrible guilt complex about using drop shadows!!!  I thought I was cool when I did a double layer and warped one, blurred it, etc...which I did when I wasn't in a rush...ya' know....twice a year!...LOL!.....Now, I'm stuck with this guilt complex!...and it's all your fault!!!  Do you feel guilty???  Just a twinch!!!  Come on!!!  I like sharing my misery!  I'm soooo dense, I'm havin' a problem...except for the hand, knowing even WHERE to put the dang shadow!!!  

Love this tut though...honestly!!!  You're a gem...albeit, one that makes me have to work a little harder!  Now is that nice???  hee hee!

Thanks TONS!  I'm really gonna' try and if it shows up in your gallery and I just missed the mark completely....... you WILL be kind, wontcha' and realize I'm tryin'???  :)

I'm impressed!  Hey, did you enter something in that DST challenge...for shadows?  or did someone enter one for you?  I'll give you a vote...if you give me a link.  I work and it takes soooo dang long to go through all those, much less, pull them up and see who they're created by.....

Hugs, girl!
Kathi
(kathitownz
0 | 0
kathitownz
Posts
Joined: Apr 2010
Oh, while I'm buggin' you...... where would I find the "mane attraction" and "combing attractions?"

kathi
0 | 0
MissB
Posts
Joined: Apr 2010
I grew in Puerto Rico w/ a lotta Catholics.  I thrive on guilt.  *snort*

Here's the Mane Attraction:  http://www.scrapbookgraphics.com/?p=4954
Here's the Combing Attractions:  http://www.scrapbookgraphics.com/?p=5242

If you need me, just hollah.  :D
0 | 0
Posts
Joined:
Hey Kathi - thanks for telling me about Deviant Scrap!!!  OMG, just registered!!  

OMG, Miss Behaving - you ROCK!!!!  Big hug to YOU, darlin'!!!  My face is going to split from smiling!!!  Wonderful tut.  Am definitely changing over :)  OMG, this similar, if not how, Tara gets that super dimension to her masterpieces!!!  
0 | 0
Tara
Posts
Joined: Mar 2010
Hey Kathi - thanks for telling me about Deviant Scrap!!!  OMG, just registered!!  

OMG, Miss Behaving - you ROCK!!!!  Big hug to YOU, darlin'!!!  My face is going to split from smiling!!!  Wonderful tut.  Am definitely changing over :)  OMG, this similar, if not how, Tara gets that super dimension to her masterpieces!!!  


ROFL! Nope not the way I get or do mine but same principals though.
0 | 0
eryn
Posts
Joined: Apr 2010
I tried your mane attraction tut a long time ago miss b but assumed it was my program (PS7) that stopped it working. So recently when I got CS4 I tried it again and could not for the life of me get it to work! I always meant to find the blog and ask for help but never did! I think I might try again and see where I get stuck!
0 | 0
Tara
Posts
Joined: Mar 2010
I tried your mane attraction tut a long time ago miss b but assumed it was my program (PS7) that stopped it working. So recently when I got CS4 I tried it again and could not for the life of me get it to work! I always meant to find the blog and ask for help but never did! I think I might try again and see where I get stuck!


I have the same troubles in CS3 Eryn. I just thought it was me being a bit dense but now there is 2 of us stuck. YAYYYYYYYYY! HAHAHAHAHAHAHAHA!
0 | 0
eryn
Posts
Joined: Apr 2010
oh good...we'll be the dense Aussies!! At least we're together....if thousands of miles apart!
0 | 0
Tara
Posts
Joined: Mar 2010
HAHAHAHAHAHAHA! Must be in our breed Eryn!!! HAHAHAHAHA! And LOL, ya just across the water there, sort of, ok thousands of miles over there. HAHAHAHAHAHA!
0 | 0

You need to register or login before you can comment.