You are here: Home » Blog » Archives for drop shadows

drop shadows

Yes! That’s right, you CAN create custom drop shadows in PSE!  No warp tool required!  This is a handy little trick that I picked up about 4 years ago and I use it ALL the time!  PSE’s drop shadow layer styles leave a bit to be desired, and if you’re like me, then you want to have the flexibility & control to make your drop shadows look a bit more “real” and have the ability to “lift” those elements off of the page the way you want them too!

So, you’ve followed along with Karen’s (Snickerdoodle Designs) PSE basic tutorials and created your first page in PSE!  Woot! Congrats!  Now, it’s time to add those drop shadows for depth and to really make your page pop!  While most of your elements will only require the basic PSE drop shadow layer styles, some elements, like bows, ribbons, string, etc… will want a little customization to make them look natural and “lifted” off of the page.   Ready?

For the purpose of this tutorial I’m only using the element I want shadowed, so as not to confuse the process with other things that would be on a full page layout and so you can see the slight changes I’m making and how they impact the perception of the element on a page.  So, first things first, you want to either have your completed page opened and ready to use (with layers!), or just open up the element you want to add a custom shadow to.    Here is the element I’m starting with:

First, create a new layer and make sure this new layer is UNDER your element:

Note:  I added a white background for the purpose of the tutorial so you can see the shadow better.

Next, you want to hold down CTRL and click on the ELEMENT thumbnail in the layers palette to select the element (you’ll see “marching ants” around your element)

Next, choose a color for your shadow (foreground color) – I usually choose either a dark grey, blue or brown because I’ve found straight black to be a bit stark and harder to work with.  With this element I went with a dark blue.  Now, make sure that you have the blank layer (under your element layer) selected.  Pick your Fill tool (looks like a paint bucket) and click INSIDE the marching ants.  This will fill your foreground color in the shape of your element so we can use it as the shadow!  Now we’re ready to start the fun!

Make sure your “shadow” layer is selected and switch to the Move tool.  Use your arrow keys to “nudge” the shadow down 2 and then to the right 2.

 

This is the base of your shadow.  Now it’s time to “lift” some of the pieces so they appear to be higher off the page than other parts of the element.  We’re still on the “shadow” layer, you want to choose your Lasso Tool, it looks, well, like a lasso! lol  It should be the 6th tool down from the top in your tools palette.  Now you’re going to start selecting bits & pieces of the shadow to customize.  With the lasso selected, draw around the first part of the shadow you want to work with, making sure that you go through an “overlap” in the element, like this:

 

Next, you want to take that piece of the shadow and put it on it’s own layer so you can manipulate it separately from the rest of the shadow.  Just hit CTRL + SHIFT + J and it will “cut” that piece and add it on it’s own layer for you!  Pretty cool, eh?  Now, with your new layer still selected, you want to go to IMAGE>TRANSFORM>DISTORT and pull/push/move the shadow until it looks the you want it to.  This does take some practice & patience so don’t get discouraged!  Here is what mine looks like:

 

Now, you want to repeat these steps for each piece of the shadow you want to manipulate.  Here are more screen shots of my process:

 

Okay, now that you have your shadow looking the way you want, we need to merge all those separate shadow layers back into one and then lighten and blur that stark shadow into a nice, soft natural looking shadow.  First, we need to select all those shadow layers.  Hold down CTRL while clicking on each layer, they should all be highlighted blue:

Now, press CTRL + E to merge all the selected layers into one.  Now you should just have that one shadow layer to work with again.  Make sure the shadow layer is selected and change the top two drop boxes in your layers palette.  The first is the blend mode, which you want to change to “Multiply” and the second is the Opacity, which you want to reduce to around 35-50% depending on how dark or light your background is.    I reduced mine to 45% but you can play around until you get it to look the way you want.

Now we need to blur our shadow to make it look more realistic.  You want to go to FILTER>BLUR>GAUSSIAN BLUR

A pop up box will come up where you can blur your layer.  Move the slider along the bottom until you get the desired blur you want.  I moved mine to 9.5 which gives me a nice, soft, realistic looking shadow.

 

And that’s all there is!  Once you start customizing your shadows for various elements, this process will become much easier and quicker for you.  I hope you enjoyed my little trick today and if you have any questions or need something explained better, please just leave a comment and I’ll help you out!  Thanks all and Happy Scrapping!  :)

14 comments ... Join the conversation!