I love showing off my scrapbook albums to people who are new to digital scrapbooking. I almost always hear something along the lines of: “These pages look so real! They don’t look digital at all! I feel like I could reach out and touch everything on the page.”

It’s in the shadows, peeps.

I love doing the shadow work on my pages. I really try and analyze the elements and their lighting and shadow them accordingly in order to make my pages look as realistic as possible. My previous shadow styles & tutorial from way back in the day (2009) kinda made me a bit famous around digi land. Due to popular demand, I’m here with a brand new tutorial (with bits from the last tutorial). Oh, and I’ve whipped up some more free layer styles for you! Woot woot! My first set of styles was a little more dramatic. I have softened the new set a bit because I prefer this softer shadowing better. While my pages looked pretty good and had a lot of depth when I resized them down to 600x600px for web display, I noticed that when I printed them in 10×10″ size, the shadows were a little too drastic and it didn’t look quite the way I wanted.

I’m going to take this tutorial to a new level. I’ve also changed the direction of my shadows, so new styles were a must. I design all my kits with this new lighting angle in mind, so when you buy my awesome stuff, your shadows will be perfectly matched to the elements in my kits! Awesome, right?! Right. It’s a major pet peeve of mine when I buy a kit and the elements have different lighting (i.e. a kit has a plastic alpha with lighting coming from the upper right and then elements in the kit have lighting from the lower left), but rest assured that I keep this in mind when I’m designing my kits. I’m a perfectionist like that.

So let’s get started.

1. First, download the new layer styles here. This set contains different settings than my first set. It also has MORE styles in it than the other set. 

DOWNLOAD HERE

This set contains styles for the following:

  1. Small shadow for paper layers
  2. Small shadow for stitching
  3. Shadow for buttons
  4. Shadow for elements that have a little bulk to them
  5. Large shadow for 3D elements that lift off the page
  6. Shadow for ribbons and bows
  7. Shadow for thin elements like strings that lift off the page
  8. Shadow for transparent/acrylic elements

Please note, this tutorial and set of styles is designed for Photoshop CS4 (and other versions of PSCS), not Photoshop Elements. I’ve been told my last set of styles worked fine in Photoshop Elements, but you will not be able to separate the shadow onto its own layer or change the blending mode of the shadow like we can in the full PS. Just keep that in mind. EDIT FOR CLARIFICATION: YES, Elements users CAN use these layer styles. I was simply letting you know that most of this tutorial would not apply to you because you are unable to separate the shadow onto its own layer and you don’t have the warp tool. BUT the good news is you can still use the layer styles and edit the opacity, distance, and size. :)

Oh, and GUESS WHAT?! These are COMMERCIAL USE friendly! You may use these in your designs, digital scrap previews, etc… just don’t resell them as layer styles. Coolio, right?!

Just FYI: I have no idea how you install layer styles in other versions of CS or Elements or even on a Windows computer. I have CS4 on my iMac and all I have to do is drag and drop the .asl file onto the PS icon in my dock and it automatically installs it for me. Do some googling if you can’t figure it out or if some of you have links to tutorials on installing layer styles, leave them in the comments! Thanks!

2. Analyze the lighting in your scrap supplies and match it in your shadowing. When you scrap a page, first analyze the lighting in the elements of the kit and try to match it. You can rotate elements to match your preferred shadowing angle, but some elements don’t rotate well (like an alphabet). My kits are designed with the light coming from the upper right, casting shadows to the lower left. My shadow styles match this lighting so you’re good to go on my kits, but analyze other kits and figure out where the light is coming from. Here’s an example of the alpha from Mermaid Lagoon. This is an epoxy alphabet and it’s really easy to identify the light source. You can see the reflection of light on the upper right and the shading on the lower left.

3. Not everything needs a shadow. Some things DO NOT need shadows, including: paint, stamps, and journaling text. No floating journaling, please!

 

Alrighty, now onto the actual styles and warping and all that fun stuff! Please keep in mind that it would be impossible to create a set of styles that will fit EVERY single page – there’s no one size fits all when it comes to shadows. There are so many types of embellishments in all sorts of shapes and sizes and I can’t provide styles for everything. You’ll probably need to do a little tweaking on stuff to get them just right. These are a great starting point.

4. Scrap your page and apply the layer styles you just downloaded from the awesomest, nicest designer ever. (okay, I may not be the awesomest… but let’s just pretend I am, k?) Here is a page I whipped up real quick with the basic shadow styles applied and VERY minor adjustments made to them. Paper (frame, paper circles, rainbow, sun) has a low, small shadow (style #1 in the set). The large flower is very 3-dimensional and in real life, this flower would be attached at the back just under the jewel and the petals would curl up towards you and away from the page. This is the perfect element for that large shadow (#5 in the set). I used the stitching shadow on the stitching (this style is more for medium sized stitching like the kind done with several strands of embroidery floss – if you have very small stitching, make the shadow smaller and lower). I used the ribbon shadow on the curly ribbon. The pink flower and paper leaves have the “a little bulky” style applied (#4). I also used that same shadow on the pennant banner, but made a slight opacity adjustment.

Just like with the last set, the blend mode on these styles is set 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 down.

5. Let’s warp those shadows! We can take it up a notch and warp the shadows to make them even more realistic! I do not warp every shadow when I do my pages. That would take forever! On this page, I’d just warp the shadows on the leaves, ribbon, banner, flowers, and the frame. Before you can warp them you need to put the shadows on their 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. I’m going to show you the warping on twirly ribbon.

Now I want to warp the shadow so the ribbon looks like it’s lifting off the page in some areas, but keep some of the ribbon close to the page. Select the element’s shadow and hit COMMAND+T (Mac) or CTRL+T (PC) 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.

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 ribbon’s shadow where you want the ribbon ends to look like they’re lifting off the page. When you’re done warping, hit ENTER to commit.

Here I am warping the large flower’s shadow. I pulled on the right side to bring a little bit of the shadow to add some definition between the right side of the flower and the photo below it.

If there are parts of a shadow you would like to soften, you can select the eraser, set it to the brush, choose a very soft round brush, set it to around 20% opacity, and brush over the areas you want to soften. You’ll also still be able to adjust the fill/strength of the shadow after you separate the shadow from the layer, which is really nice if you decide later that you wanted a darker or lighter shadow on something and you won’t have to go back and redo the whole thing! If you decide after you do a little warping that you want the shadow to have more blur, you can also go to FILTER>BLUR>GAUSSIAN BLUR and play with the settings there to make it softer.

If you had my previous layer styles, you know that I included another style to add definition to the opposing edge. I didn’t include that this time because I never use it anymore and a lot of times people use it incorrectly. If there is something that you need some definition on the opposing (unshadowed) edge, just put the original shadow on its own layer and warp it to pull a little of the shadow to the opposite side, just like I did above with the flower.

Here’s the full page after I made all the adjustments to it. Notice that the flowers and leaves have much more depth.

Enjoy your new shadow styles and have fun tricking all your friends into thinking you actually made those pages with paper and glue. ;)

P.S. Isn’t this kit SUPER CUTE and fun?! It’s coming SOON!!! 

Pin It

43 Comments

  1. Thank you for the styles! :)

  2. Thanks Megan!!!

  3. Thank you so much!!

  4. what an amazing post. Thank you for laying it all out and for the new styles. LOVE them!

  5. Jan_GodBlessAmerica

    Megan, thank you so much for the fabulous shadow styles. I have been clearing out my shadow styles and yours are by far the best. I “thought” I had good shadows of my own, but yours “rock my socks”! Love, love, love these new gifts from the “awesomest, nicest designer ever”. You go girl. You are definately an awesome designer and generous soul. You made my day. I did not make your CT, but if you have another call I want to be the first in line. :) I see Miss LivyBug beat me here. Off to buy a Megan kit.
    Thanks again,

    Jan
    aka: GodBlessAmerica

  6. Thank you, Megan!

  7. Thank you! Lovely style, and great job on the tutorial. I look forward to learning more about digital scrapping.

    Love the download treats!

  8. Yeah! Thank you! :-)

  9. Wow I’m speechless! Great tutorial. I’m so excited to try everything. It will be so helpful. Thank you thank you! And that kit does look super fun! YAY!

  10. Wow. Thank you! I may just have to spend some time figuring out CS5 so I can do this! I just use Elements because it is easy–it’s what I know. And yes, that is a super cute kit! :)

  11. You should see me doing my happy dance. I have been waiting for this. Thank you so much for the freebie. You truly are the awesomest, nicest designer ever. I can’t wait for the kit to be released, because I need that!

    BTW, awesome LO. But then again you only know how to scrap on awesome level. Your daughter has gotten so big since I started digi scrapping.

  12. Thanks Megan. I just purchased PSE 10 so I’ll try them – sure hope it works as your LO is sooo sweet. I will stop adding shadows to my text and paint splotches. Didn’t know i was a no no…hee hee. Thanks again girl!

  13. Great tutorial, thanks for sharing the styles!

  14. Hi Megan. I just want to thank you so much for this awesome tutorial and for sharing your styles.

  15. Love it! Thank you so much!

  16. These are great! I am going to install them right away and take out your old ones. I think you are one of the most awesomest. The new kit look beautiful. Maybe you will have it ready for insd… I have elements 8 and will not buy elements again. I am going to get the real PS when I am more advanced.

  17. This was a GREAT post. And you were so ‘gentle’ with us – taking us step-by-step! Thank you!! I think we all want to get better at what we do – and this helped me so much!

  18. Great tutorial and thanks so much for the shadow styles. I need all the help I can get when it comes to shadowing! Beautiful layout and kit too.

  19. Thank you Megan! You are so talented and so generous!

  20. I am a elements user – is there some how this could be converted to elements
    and if not could you somehow get me the old shadows since they worked in elements
    thanks so much! Joann

  21. Fabulous tutorial! Thanks for posting. Can’t wait to try out these styles!

  22. (Yep, THAT Gabby! ^_^)

    Megan Whitney shared this on FB, so here I am. Thank you for this! This is awesome blossom!!! And this is also a great teaser for your new kit, which looks adorable! ^_^

  23. Thank you so much!!!

  24. You ARE the ‘awesomest!’.. seriously, thanks so much for the gift of your time and shadows… So generous:)

  25. Thank you so much for the shadow styles, Megan :)

  26. Thank you, Megan for this tutorial and the freebie, these rock. I loved your words too. You surely the awesomest, nicest designer ever. :)

  27. Thank you, Megan for this tutorial and the freebie, these rock. I loved your words too. You’re surely the awesomest, nicest designer ever. :)

  28. Thank you so very much for sharing the layers and the tutorial. You are so very generous! I appreciate you~

  29. Donna Espiritu

    Such generosity.. thanks so much!

  30. thanks for the fantastic tutorial and layer styles.

  31. Thank you so much for the styles, and even more for the tutorial. I know shadowing may seem simple to a lot of people, but I have been struggling to get them just right on many of my pages! It is hard to achieve the right result sometimes, but maybe your styles will be more helpful than those I already have. I am looking forward to my next page looking even better!

  32. Sweet! Thanks for the styles and for the detailed tutorial! ;)

  33. I kinda like the look of paint with a shadow…it reminds me if when you paint on clear plastic sheets (like overhead projector sheets..I guess)…but I’m weird like that! ;) Thanks for the tutorial and the shadows!!

  34. oh, im glad i got lost in this page following ur link from the template freebie. thanks for the styles. now, i can have element-specific shadows in a flash.

  35. Thanks for the new set Megan ! I’m addicted to your shadows and this tuto is just a must-have to any scrapbooker ;)

  36. Thanks for the styles and the tutorial! Very helpful!!

  37. Installing layer styles in Photoshop (Windows version):

    Place the layer style files (*.asl) into Program Files\Adobe\Adobe Photoshop X\Presets\Styles where X is the version number for your version of Photoshop.

    Thank you Megan, for these fantastic layer styles! You truly are an awesome designer and an awesome, generous person!!

  38. Installing Styles in Photoshop for Windows, continued:

    Make sure Photoshop is closed before loading the styles into the folder listed in my first comment. After you have placed the styles into the folder, start Photoshop. Click on the Styles Tab (its in the palette with Color and Swatches tabs). Click on the drop-down menu to the right of the tab. Click Load Styles. In the Load window, go to where you just put Megan’s styles, click on the file name, click Load. The new styles will be added beneath the current styles and are ready for use.

  39. Megan, ty for the free stuff! Amazing, and for this awesome tutorial of shadowing. You rock girl. xo

  40. Thank you so much!! I always have trouble with the shadowing on my pages!!

  41. Thank you so much! I love it!

  42. Thank you Megan for the download and tutorial. This is so much better than my poor attempts!

  43. Thank you so much for sharing your knowledge and the wonderful styles!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>