Shadows in Photoshop (CS4)

Due to popular demand, another shadowing tutorial!! I used to have Photoshop Elements and was so excited when I upgraded to Photoshop CS4 earlier this year. The added benefits were well worth the upgrade (and I got a ridiculous student discount so I didn’t spend a fortune)! I absolutely LOVE the advanced shadowing options that CS4 offers over PSE.

So, first I’d love to give you all a set of SHADOW STYLES I just saved!! :D FOR FREE!!!

You can snag them here.

Please feel free to use them on your scrapbook pages/projects and you may use them for commercial use in the following ways: to create pre-shadowed elements for your kits, on quick pages, and on your shop previews!! You absolutely may not sell them as styles or distribute them. K? Cool. I have no idea what versions of PS these will work in… I’m betting AT LEAST CS3 and CS4… not sure about the others but feel free to try them if you have a different version and let me know how they work!

So, the set has 6 different shadow options: (1) Low shadow for non-bulky items like paper layers, (2) higher, larger shadow for bulky/large elements, (3) shadow for smaller elements, (4) shadow for string or other such thin elements, (5) shadow for transparent/acrylic items, and (6) very low shadow for slight definition on the opposite edges (I’ll explain later…lol).

I set the lighting angle around -44 degrees because I like when the shadows are cast toward the upper left. Most of the time, I set my shadow’s blending mode to LINEAR BURN. I like this setting because the shadow will pick up the color of the layer(s) beneath it. Shadows in real life are not all black. Linear burn does not always work well though. You’ll notice that on very dark shades (like black or navy blue), the shadow will be really strong. You can change the blend mode to find something that works better or take the opacity of the shadow way down. Other colors can be a little tricky too (like pastel yellow). So, just use these styles as a starting point and tweak them as needed for each page you do.  There is no “one size fits all” when it comes to shadows!

So, here are some elements that I applied these styles to. I used the bulky style for the flower and the shell, the paper/low style for the paper waves, the string shadow on the string, and the “smaller elements” shadow on the sea star. (some of the screenshots are clickable to give you a better view!)

mturnidge_shadows1b

Lookin’ pretty good… but let’s take this further. String is really popular right now, so I’ll show you how I do string shadows. So, I have the drop shadow style applied to the string element. Next I’m going to put  the shadow on its own layer. Simply right click on the fx icon next to the layer in the layers palette and select “Create layer.”  The shadow will now be on the layer below the element.

mturnidge_shadows2

Now I want to warp the shadow so the string looks like it’s lifting off the page in some areas, but keep some of the string close to the page. Select the element’s shadow and hit CTRL+T to put it in Transform mode. Then click the Warp Tool icon along the toolbar at the top (see screenshot below) or go to EDIT>TRANSFORM>WARP.

mturnidge_shadows3b

You will notice that the shadow now has a different bounding box that is split into 9 sections. You can pull at the lines and points to warp the shadow the way you like it. Play with it to see how it affects your shadow.. in particular, play with the ends of the string’s shadow where you want the string ends to look like they’re lifting off the page.

mturnidge_shadows5b

I also wanted parts of the bow to look like they were lifting off the page so I played there too. Notice in this screenshot below how LINEAR BURN affects the shadow’s color. When it overlaps the orange, the shadow is orange… when it overlaps the blue, the shadow is blue! This is why I like to play with the blend mode of my shadows.

mturnidge_shadows4b

Once you’re done warping, hit enter to commit. I’ve also noticed that with real shadows, as an item gets farther away, the shadow gets softer. So, on the ends of the string where the shadow creates the illusion that the string is lifting up, I took an eraser set as a very soft, fuzzy brush with a low opacity (around 25%) and lightened up the shadow on those areas by brushing over those parts of the shadow layer. This step is completely optional.

mturnidge_shadows6

Here’s the warping I did on the flower…. remember to put the shadow on its own layer first! :)

mturnidge_shadows7

For this last step, I have to credit my CT member, Suzann, for giving me the idea. She noticed that in real life, the edges opposite the shadowed sides still have a little bit of definition to them. Look at the shell below. Notice that the bottom right edge just blends into the page and has no shading definition….

mturnidge_shadows9

So, to add some definition to that other edge, I put the shadow on its own layer and then applied my “slight definition” shadow style to the shell element. Unlike the other styles in this set (which are at -44 degrees) this one is around 120 degrees so a small, light shadow is cast in the other direction. I like the little teeny bit of oomph it adds to my elements…

mturnidge_shadows10

I especially love to do this on paper mats…

mturnidge_shadows11b

I hope this was helpful! I love playing with shadows… they make such a big difference on your pages! I hope you find the shadow styles helpful too. :)

44 Responses to “Shadows in Photoshop (CS4)”

  1. Holly says:

    Great tut Megan… and thanks for the shadows!!!

  2. Cristina says:

    Great tutorial, Megan! I especially like the slight definition shadow!! I always try to pull things around but having a style that does that is certainly a bonus. Thanks!

  3. Becca says:

    You rock, woman! I already knew a couple of these tricks, but I’m super excited to try out your styles, especially that slight definition one, that’s something that drives me mad! So, YAY! See, now my layouts for you will be even better! WOO HOO!

  4. Stephanie (schock77) says:

    What they said! :) Your shadows rock (obviously you do a lot to make them so cool!) They are perfection! Thanks!

  5. allicroppinmama says:

    thank you for responding to our feedback, Megan! this is so helpful. i have PSE, so I’ll let you in on how they work on my computer. :0)

  6. Meghan says:

    thanks Megan! I LOOVE your shadow work so this is just fab!

  7. Lauren says:

    Oh man! This makes me want to go out and buy CS4 NOW!
    We got the student deal with CS2.. so NICE!!! But now we’re not students anymore :(
    Thanks for the shadow helps. I can always use more help!!

  8. Meghann says:

    you rock! thank you so much!!!

  9. Tracie says:

    Awesome tutorial Meeegan! Thank you!

  10. Thank you so much for this Freebie. I want to let you know that I posted a link to your blog in Creative Busy Hands Scrapbook Freebies Search List, under the Page 11 post on Aug. 01, 2009. Thanks again.

  11. Photocowgirl says:

    Awesome - love the linear burn tip! Thanks! …wish I had CS4…

  12. Kelseyll says:

    I really wish I had this program! I’ve been wanting to be able to put a little edge on the opposite side of where the shadowing is but my program will not let me do it! This looks great! =)

  13. MissyB says:

    Hi Megan!!

    Thank you so much for these shadow actions! I installed them to use with my PSE 5.0 and they work great … I will use them EVERY time I make a layout now! Woo Hoo! I used them the other day and the string one really looks great!! Thanks again,

    Missy

  14. Tracyfish says:

    Thanks so much Meeeeegan!

  15. Raji(rsk) says:

    Thank you so much Megan:)

  16. Janette says:

    Hi Megan!
    This shadow tutorial really makes a difference to scrap elements. Super! Thanks ever so much!!

    Janette, Netherlands

  17. Mammis says:

    Thanks so much! :)

  18. Vicki23 says:

    Super hints & tuturial thanks for sharing!!

  19. JaneAgain says:

    thank you so much!

  20. IvoryKeys says:

    This is an awesome tutorial and I can’t wait to try out your styles in PS. I knew there was a lot more control in PS but I haven’t had a chance to really dig into CS3. This really helped me out! Thanks a lot!

  21. [...] Meghan Turnidge –   Ok, so this is where I come clean.  Meghan has created not only a great tutorial about using shadow layer styles, but she also has a great set of shadow layer styles FOR FREE.  They are well crafted, and work excellently.  I use Meghan’s shadows 99% of the time now.  Seriously, check them out. [...]

  22. WOW….I never knew that you could right click the fx and make it its own layer!!! Thank you so much!

  23. Pamela says:

    Wow, thank you! Your styles are great (and fast!) and you really explained how to play with them.

  24. Glynis says:

    These styles are fantastic! And the tutorial is wonderful, too…I never knew that about creating a new layer! I’m so excited now!!! Thanks !

  25. Jen says:

    Thanks for the great styles and tut!! xxx

  26. Rylea says:

    Thank You so much for this tutorial Megan. It was awesome…have bookmarked this page and will refer to it again and again.

  27. Rachel (Rach3975) says:

    Thanks, Megan! I’m switching to CS3 after years of scrapping with another program, so this is perfect! I’ll be able to use your styles for now while I’m trying to learn so many other things at once, and I’ll be back for the tutorial when I’m ready to focus on improving my shadows.

  28. Lisa says:

    I LOVE YOU, MEGAN :) Honest, this is the greatest tut online, and thanks for the freebie, sweetie!!

    xoxo

  29. Juil says:

    This is amazing! Thanks so much for sharing the shadow styles and tutorial with us!

  30. pj says:

    I just found this tutorial. Thanks so much, it helps a bunch. Also, thanks for the shadow styles. I’m off to try them out.

  31. Brandy says:

    Awesome shadows! Thanks!

  32. sarah says:

    love the shadows. thank you!

  33. Jan says:

    Thanks so much, Megan!! Love adding the slight shadow on the opposite edge. :)

  34. Dani B says:

    Thank you for the free shadows and help! I’m printing this one off for my help book!!

  35. Zanne says:

    Great tut & thanks for the styles. You certainly gave me some things to think about!

  36. Susannah says:

    Wow. I’ve been doing all this using masks, dodge and burn tools. Thanks so much for the tips (and the styles).

  37. Jenny says:

    Thank you!! You rock! :) I was just searching for info on shadowing at The Daily Digi and found a link to your styles/tutorial. I have been looking closely at lots of layouts that have very realistic shadows, and I’ve noticed that most of the ones that I think look like real paper have the shadows going up and to the left a bit. I was so excited to see that you do it that way, too! Adding the extra shadow on the opposite side makes a huge difference also! Thanks so much!

  38. So lovely ! Thanks so much !

  39. cherylzyx says:

    Thank you VERY much, and thank you for leaving the link active!

  40. Lor says:

    Awesome tutorial and great shadows! Thank you so much! And I also wanted to let you know, that work wonderfully in PSE5 also. :)

  41. TracyB says:

    Hi Megan,

    Thank you for this great shadow set! I just wanted to let you know that this set works in old school Photoshop 7.0 version :)

  42. Thank you so much, Megan! Amanda Heimann just recommended these to me on Facebook, and I just used them for the first time. LOVE them! I just switched from PSE to CS5, so I have quite the learning curve. Your styles and tutorial are MUCH appreciated!!

  43. Sharyn says:

    Love the tutorial - and the extra little definition shadow. Awesome stuff - I read this on Kelleigh’s post on FB! Will be trying out the styles today. Thank you!

  44. [...] Shadows in Photoshop (CS4) __________________ Hugs, Jami PROUD Mommy to twin boys! My DST Gallery ************Mar & Apr 2008************ [...]

Leave a Reply