Shadowing

Using Shadows to Create Depth

Hey everyone!

It’s Lisa here, aka Armygrl at the LilyPad.

I have some tips and a tutorial for you about using shadows to create depth. In this article I’ll be using Rachels butterflies from her Step By Step Bundle.

Without shadows, these watercolor butterflies blend very well into papers giving us the look of, well, watercolor paints, pencils or crayons.

In #1 above, I used the “multiply” blending mode, then set the “opacity” to 87%.

Because the butterflies are unique elements, we can make them appear to sit on top of the background paper, rather than blended into the paper. This is demonstrated in #2 and #3 by using the layer style “Drop Shadow.”

There are several things to consider when using “Drop Shadow.” These include distance, angle, blend mode and color.

  • Distance

The distance between elements (or element and paper) is controlled by Distance, Spread, and Size. I typically keep spread at “0” unless I am working with a paper on top of another paper, and my “view” is straight down (as in I’m hovering over the image). If an element is close to the background (#2), “distance” and “size” are smaller numbers. If an element is further away (#3), “distance” and “size” are larger numbers.




Picture 3.png
  • Angle

Where is your source of light coming from? Is there more than one source of light? Typically, there is one, strong source of light such as an overhead ceiling light, lamp, or natural light coming from a window or the sun. Take a look at your current environment. Where is the light coming from? Due to that source of light, in what direction are the shadows?

Look at the pictures below of wall art from my current rental property. In both, there is strong natural sunlight coming from the left. Therefore, shadows fall to the right.Look closer at the picture on the right with the blue-green wall. There is a second source of natural light coming from the right. Therefore, there is a second, more faint and “fuzzy” shadow falling to the left. So, in addition to the angle of light, think about the “source” and if the source produces hard distinct shadows, or softer, more diffuse shadows.

Picture 4.png
Picture 5.png

When making a layout, I often keep my angle at 90 degrees as if the light is coming from above. However, many put an angle on their shadow. In the pictures below one angle is at 90 degrees while the other is at 109 degrees.

Picture 6.png

Take note of the “Use Global Light” check box. In the majority of my layouts, I use this feature to keep consistency throughout the layout. However, there are times I make a layout using two (or more) sources of light. In that scenario, I unclick the “Use Global Light” feature.

  • Blend Mode

I am a fan of Linear Burn blend modes and use that blend mode more than others for shadows. However, if a background paper is exceptionally dark, e.g. black, I may use the Multiply bend mode to produce a softer shadow. In the picture below, the butterfly on the left has a Linear Burn shadow while the butterfly on the right has a Multiply shadow. That’s the only difference between the two!

Also, take note of “opacity” located directly below the Blend Mode drop down. Low (or decreased) opacity creates softer shadows, as if the light is diffused or the element is further away from the background or source of light. High (or increased) opacity creates darker shadows, as if the light is very bright or harsh or the object is very close to the background.

  • Color

You can change the color of your shadows. I typically use a dark, charcoal grey. However, there are times when I want a “warmer” shadow and go for a dark, rich brown or “cooler” shadow and go for a blue—black. I seldom use pure black as the color of the shadow is too dark and looks unnatural (unless the light is super strong or I’m going for a gritty, super contrasty look). Also, if I’m working with a dark or black background, I may opt for light grey to give myself greater wiggle-room with opacity.

Advance technique: Make the shadow its own layer!

1. With your arrow directly over the shadow effect, right click, then choose “create layer.” This will create a new layer that is the drop shadow.

Picture 9.png

Notice in the picture below, there is a new layer that is the drop shadow.

2. With this new “drop shadow” layer, you can now manipulate it however your heart desires. A technique I use often is “transform,” which is command T on my platform. With the transform tool enacted, I often use “warp” to alter the shape of the shadow.

Before (with warp tool enacted):

Picture 11.png

After: Look at the subtle differences between the three butterflies’ shadows. In the third (or far right) butterfly, I used two different drop shows using the techniques described in the tutorial above.

One shadow is set at Distance: 67, Spread: 0, Size: 57

The second shadow is set at Distance: 16, Spread: 0, Size: 21

On the first shadow, I used the warp tool as describe above. On the second shadow I created a mask, then “erased” away portions that created discord. Discord—when you create shadows on separate layers, then run filters or blending modes on those layers, there may be additive affects that produce VERY dark, unnatural shadows. To correct this, I use a layer mask to erase away portions of the undesired shadow. You can see that mask in the picture.

It is a lot more work to create shadow layers then mask them. However, these added steps and attention to detail bring our digital scrapbooking layouts to life! We go from flat, and two-dimensional, to 3D!

Next month I will have a new tutorial on adding a gradient mask to an element to create the illusion of added depth. Until then, visit the Rachel Jefferies Mixed Media Challenge for September 2020 for some additional inspiration and a few more notes on shadows. I hope to see you there!

If you have any questions or a-ha moments please leave us a comment!

Adding Depth to Layered Elements with the Burn Tool

Hi again!! Can you believe it’s already August? I’m back again to share a quick technique I use to create depth when layering/clustering elements.

One of the shortcuts I’ve come to rely on is shadow styles. You can make and save your own, and there are even some styles available to purchase out there. While I love using them, when layering and clustering, they can still leave your page looking a little flat. When putting together a cluster of elements with varying widths, the shadows are going to need a little more attention then choosing a layer style.

As with anything in Photoshop there are probably a few different ways to accomplish this, but today I’m going to show you how to use the Burn Tool to add shadows on top of the elements themselves.

Rachel’s latest kits, Step by Step Mixed Media Paperie, Artistry & Pocket Art, released with the Build Your Own Collection at The Lilypad for August, are perfect for these photos I had of one of my favorite nature getaways.

no-cluster.jpg

Once I got my pictures and layout together it was just screaming for a cluster of elements. Here’s the cluster with just shadow layer styles applied.

regularshadows-copy.jpg

Once I have the cluster in place and basic shadows applied I change my tool to Burn.

burntool.JPG

Once you are switched into the burn tool, check the tool settings. I like to make sure the hardness on my burn brush is pretty low, and keep the exposure low as well so I can build the shadow slowly. Change the range between midtones, highlights and shadows depending on your element, I’ll explain when we look at each element we shadow.

settings.JPG

My cluster has a large circular flair button centering it. If this was a paper page, that button would be elevated from the page but would also apply pressure to the elements below it, creating not just a shadow from the elevation off the page but darkening each element where they flatten out with the weight of the button on top, creating depth. In this case we will add burn to each element where the button is flattening the element to the page.

Starting with the element layered directly below the button, rub the burn tool along the outter edge of the button, this will darken the element. In our example, the element is a bright blue flower that has a lot of highlights, so if my range is set to Midtones or Shadows you won't notice much change, but if your range is Highlights you can see the dark shadow building.

layers.JPG

In this screenshot I have highlighted the area in red where I burned the image with the tool.

burn1.JPG

Continue moving down the elements flattened by the button, burning where the button touches, but also where the layers above might be pushing down as well. Also keep in mind the range might need to be changed depending on the properties of the elements.

burns.jpg

Below are the elements before the burning and then after for you to compare.

both.jpg

As I said there are a couple ways to add shadowing and I find this one gives me a lot of control where the shadowing goes and is pretty quick when you learn how. Hopefully it’s a new tool in your box as well.

burnedshadows.jpg