{"id":7337,"date":"2024-08-20T00:30:00","date_gmt":"2024-08-20T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=7337"},"modified":"2024-08-20T06:50:55","modified_gmt":"2024-08-20T10:50:55","slug":"shadows-flying-high","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/shadows-flying-high\/","title":{"rendered":"Shadows Flying High"},"content":{"rendered":"\n

When I started working on this post and came up with the title, I couldn\u2019t help but think of a song I hadn\u2019t listened to for quite some time; Lost Boy\/Neverland<\/a><\/strong> by Ruth B. Here are the first lines of the song\u2026<\/p>\n\n\n\n

\u201cThere was a time when I was alone. Nowhere to go and no place to call home. My only friend was the man in the moon. And even sometimes he would go away, too. Then one night, as I closed my eyes, I saw a shadow flying high.\u201d<\/p>\n\n\n\n

Mount Rainier<\/a><\/strong> is an iconic landmark in the northwest region of the United States…and it can cast the most amazing shadows. The photo featured at the top of this post was taken by Chuck Graham one morning in June 2013. With a relatively uniform cloud deck that topped out around 6500 ft, the mountain’s shadow was quite evident upon the clouds.<\/p>\n\n\n\n

Complex Shadows<\/h3>\n\n\n\n

Our world is made up of light and shadow. So, all artists need to understand how to create realistic shadows.<\/p>\n\n\n\n

Without correct shadow and light relationships, a layout will fall flat. Shadows explain form, depth, and much more. I\u2019m fairly certain that most people with any experience in digital scrapbooking are already familiar with how to create drop shadows. If you need a refresher, check out my \u201cDon\u2019t Let Your Pages Look Flat<\/a><\/strong>\u201d post from April 2023.<\/p>\n\n\n\n

Today I\u2019m going to address some other shadows that can be a bit more complex than a simple drop shadow. I\u2019m hoping to simplify these shadows by breaking them down into the two categories of Cast and Form.<\/p>\n\n\n\n

So, let\u2019s take a look at a bit of the science (I can almost see you cringing \ud83d\ude09) behind these two main types of complex shadows, learn what causes them, how to use them, and make them believable in our artwork. After the science lesson, I\u2019ll walk you through creating a realistic cast shadow.<\/p>\n\n\n\n

Cast Shadows<\/h3>\n\n\n
\n
\"Cloud<\/a><\/figure>\n<\/div>\n\n\n

A quick reminder before I begin…I use the current version of Photoshop Elements (PSE \u2013 2024). Some of my screen shots may look different than what you see on your screen depending on the version you are using.<\/p>\n\n\n\n

Cast and form shadows require different techniques. In general, most cast shadows have sharp edges (but that isn’t always the case) and explain that a light is being blocked to create a shadow. The shape of the object is projected in shadow form across surfaces opposite the source of the light. Some cast shadows will have a softer edge when further away from the object.<\/p>\n\n\n\n

The photo above shows a cumulus cloud<\/a><\/strong> (at the bottom) and its projection on a cloud bank in the background. It was captured above Tampa, Florida, not long before sunset. Projected shadows such as this one result when the cloud shadow is cast upon a thin layer of haze (dust or aerosols).<\/p>\n\n\n\n

Note:<\/strong> It is highly unusual to see objects cast a shadow in the sky. Other than clouds and sun rays we almost never see an object casting a shadow in the sky. The image featured at the top of this post is a rare exception. The image below shows not only an object casting a shadow in the sky but a great example of softer edges.<\/p>\n\n\n

\n
\"Balloon<\/a><\/figure>\n<\/div>\n\n\n

Even though nature is stingy with shadows in the sky, that doesn\u2019t mean we can\u2019t make objects on our layouts appear to be flying high. Afterall the hot air balloon above certainly casts a shadow across the clouds! We can do this by using cast Shadows.<\/p>\n\n\n

\n
\"Vase<\/a><\/figure>\n<\/div>\n\n\n

Another example of a cast shadow is in the image directly above. The purple cone blocks the light completely from hitting the vase in a certain area. This shadow has sharp edges all around. Completely blocked by the cone, the blue & white pot isn’t being hit by the light in that one area. But the blue & white pot is also casting a shadow of its own upon the floor.<\/p>\n\n\n\n

Often, cast shadows have darker values than form shadows, depending on the object they are cast on. Because the light source becomes completely blocked, there is usually less or darker reflected light in a cast shadow.<\/p>\n\n\n\n

Creating shadows requires thought about the light source, and cast shadows are no exception. The further a cast shadow falls from the object creating it, the lighter the shadow gets and the softer the edge often becomes. Knowing this will help you as you seek to make realistic images.<\/p>\n\n\n\n

Note:<\/strong> I realize that what I just said about shadows being lighter\/softer the further away the object is seems to contradict the hot air balloon image above. Not all shadows get smaller the further away they are. A shadow can appear larger than the object that casts it if the light source is close to the shadow or if the object is large. Larger objects block more light, resulting in larger (often darker) shadows.<\/p>\n\n\n\n

Here are some other examples of \u201cnatural\u201d cast shadows:<\/p>\n\n\n

\n
\"Other<\/a><\/figure>\n<\/div>\n\n\n

As you may be able to guess, the first step in creating a realistic cast shadow is to identify an imaginary light source. I’ll talk more about that in just a bit.<\/p>\n\n\n\n

Form Shadows<\/h3>\n\n\n
\n
\"Vase<\/a><\/figure>\n<\/div>\n\n\n

Form shadows happen when part of an object lies on the opposite side or away from the light source, and therefore does not sit directly in the light. It still is affected by the light indirectly, and has color and dimension, but does not sit in the direct path of the light source.<\/p>\n\n\n\n

I know the image above is a duplicate but it is an important repeat! I\u2019ve already pointed out the cast shadows in the section above. But can you also find the Form shadow in that same image? If you can\u2019t then carefully re-read the paragraph directly above.<\/p>\n\n\n\n

Do you see the shadow of the blue & white pot and the apple against the wall?<\/p>\n\n\n\n

Form shadows receive this name because they define the form and shape of an object. As the light hits a certain object like a sphere, it dissipates around the sphere, unable to reach certain parts of the object due to its rounded shape. As what happened with that blue & white pot.<\/p>\n\n\n\n

Because of this gradual fade into shadow, a form shadow has a softer, graded edge when compared to a cast shadow.<\/p>\n\n\n\n

These shadows appear very soft and gradual and help to explain the third dimension to any piece of artwork. When creating shadows like this, artists often use a gradient technique to get a soft fade from light into shadow.<\/p>\n\n\n\n

When done correctly, the viewer cannot point out where exactly the light changes into shadow but can see a distinct difference between the two.<\/p>\n\n\n\n

Understanding how form shadows are created is an important concept. But for most scrapbookers, there aren\u2019t going to be too many times when a form shadow will \u201coccur\u201d on a layout. Consequently, I\u2019m not going to go into the specifics of creating form shadows.<\/p>\n\n\n\n

Identify Light Source<\/h3>\n\n\n\n

While generally more complex to create than drop shadows, cast shadows are still a relatively simple way to enhance text and graphics in page layouts and give a three-dimensional appearance to a flat piece of paper.<\/p>\n\n\n\n

Unless you are intentionally creating a fantasy world that breaks the rules of light and shadow, cast your shadows using a reasonably placed imaginary light source based on reality or a light source already identifiable in your layout.<\/p>\n\n\n

\n
\"Other<\/a><\/figure>\n<\/div>\n\n\n

Let\u2019s take a look at these examples again. Three of the four photos have a light source coming from the right but not all at the same angle. With the fourth photo (trees) the light source is directly behind the trees. But all of those shadows require more work to replicate than just setting the PSE Lighting Angle. I\u2019ll discuss that shortly.<\/p>\n\n\n\n

Cast your shadow opposite the light source. Light sources that shine down almost from directly above tend to create shorter shadows (again perhaps a bit contrary to that hot air balloon photo above). Light more to the side of an object make longer shadows. A bright beam creates a more pronounced shadow while low light or diffused lighting results in softer shadows.<\/p>\n\n\n\n

Shadow Color & Value<\/h3>\n\n\n
\n
\"Red<\/a><\/figure>\n<\/div>\n\n\n

Many people (not just beginners) will color all of their shadows pure black (now I’m cringing \ud83d\ude09). As I mentioned in last week\u2019s post about \u201cStitching Realism<\/a><\/strong>\u201d, shadows are not completely black. In \u201creal life\u201d they also aren\u2019t one flat color! Instead, they have light and dark values, and color within the shadow.<\/p>\n\n\n\n

I\u2019m about to tell you something that may fly in the face of all that seems \u201cnormal\u201d to most of us. In nature, shadows are inherently blue in hue. Most of us tend to think of shadows as being black or varying shades thereof. However black is a neutral color. The hue of a shadow is not neutral. Therefore, when we create a shadow, theoretically it should have blue in it. Or should it?<\/p>\n\n\n\n

We don’t see blue shadows everywhere around us. Instead, we see what’s called “local color”. Local color refers to the actual color of the object. A red apple’s local color is red. There may be some other colors on the apple like yellow, white, or green. Local color includes those colors as well. \u201cProper\u201d shadows should<\/em>  typically be created by including shades of the local color.<\/p>\n\n\n\n

Shadows are also affected by the object they cast onto or the environment around them. In order to create realistic shadows, we should also take into account the colors beneath or around the object. To achieve the utmost in realism, we must keep this in mind and color shadows with the shades we can see in and around them.<\/p>\n\n\n\n

And if you read last week\u2019s Stitching Realism<\/a><\/strong> post, you may remember that I very briefly touched on the concept of shadows having different colors based on the paper\/element beneath the object being shadowed. One of the easiest ways for us to have our shadows include local colors is by using Blend Modes.<\/p>\n\n\n\n

All of that said, you don\u2019t have to go crazy making shadows in colors like what you see under the apple above but it is fun to play with this concept.<\/p>\n\n\n\n

Creating Cast Shadows<\/h3>\n\n\n
\n
\"Woman<\/a><\/figure>\n<\/div>\n\n\n

After reading all the \u201cscience\u201d (yawn), you may be able to tell that the image above contains both cast & form shadows. Don\u2019t panic. I\u2019m not going to walk you through all the steps to create similar shadowing effects. I\u2019m only going to cover what is required to produce a realistic cast shadow (like the one on the wall).<\/p>\n\n\n\n

Creating cast shadows requires that the shadow is on its own layer. Again, if you read last week\u2019s post<\/a><\/strong> you should now know how to put your shadow on its own layer. If not, please refer back to that post for tips on doing that.<\/p>\n\n\n\n

Today I am going to do something a bit different when I create my shadow on its own layer. But the basic principle is still the same as what I showed you last week. It’s just tweaked a bit to show you a touch more realism. Keep that earlier discussion about \u201clocal color\u201d in the back of your mind as we work on creating that shadow layer.<\/p>\n\n\n\n

I\u2019m going to be working with the hot air balloon I extracted from this Pixabay image<\/a><\/strong>:<\/p>\n\n\n

\n
\"Hot<\/a><\/figure>\n<\/div>\n\n\n

Note:<\/strong> If you need tips on how to extract an element from an image like the one above, please refer back to my post about “Making The Right Selection<\/a><\/strong>“.<\/p>\n\n\n\n

As usual, I\u2019m going to start with a blank 12×12 file. I will fill the initial layer (Layer 1) with white. This will make it super easy to see my shadow as I create the proper size, color, edge softness (blur) and position. I then bring in the balloon:<\/p>\n\n\n

\n
\"Hot<\/a><\/figure>\n<\/div>\n\n\n

Next, I duplicate the balloon layer and name the new layer Shadow. This duplicate balloon will be the basis of my shadow. And this Shadow layer is currently above the original balloon layer.<\/p>\n\n\n\n

Clearly, I don\u2019t want that balloon Shadow layer to be in full color. At this particular point, I can do one of a few things. Most people would just fill the balloon image with black (not ideal but workable) or clip a black paper to the image. But based on all the science above, I’m going to try a third option and have a bit of fun creating this shadow layer.<\/p>\n\n\n\n

I\u2019m going to start by hiding my original balloon layer just so things don\u2019t get too confusing. Then, with the Shadow layer active, I\u2019m going to select one of the darker shades of brown near the bottom portion of the balloon itself (not the basket) . The color I grabbed ended up being the shade of brown with a hex value of #594e46.<\/p>\n\n\n\n

Then I create a new blank layer, name the new layer Brown Base and move that layer below the Shadow (duplicate balloon) layer. I then fill it with the brown color I selected above (#594e46):<\/p>\n\n\n

\n
\"Brown<\/a><\/figure>\n<\/div>\n\n\n

With the Shadow (duplicate balloon) layer active I set the Blend Mode to Hue:<\/p>\n\n\n

\n
\"Balloon<\/a><\/figure>\n<\/div>\n\n\n

You might not be able to see all the touches of blue green and maroon. These would be the \u201clocal colors\u201d I talked about earlier. I know, right now this doesn\u2019t look so great, right? Bear with me.<\/p>\n\n\n\n

Next, I activate that Brown Base layer and press Ctrl+Click on the Shadow layer to select the shape of the balloon (marching ants):<\/p>\n\n\n

\n
\"Balloon<\/a><\/figure>\n<\/div>\n\n\n

Then, I do the following:<\/p>\n\n\n\n

    \n
  1. Go to the top tool bar and Select Layer->New->Layer Via Copy (or Ctrl+J) to create a new \u201cbrown\u201d layer (Layer 2) using the balloon shape that I selected.<\/li>\n\n\n\n
  2. I then hide the original Brown Base layer.<\/li>\n\n\n\n
  3. Then I select both the Shadow layer and the new brown layer (Layer 2) and merge those two layers together. Because the Shadow layer had been on top, PSE keeps that name for the merged layer.<\/li>\n<\/ol>\n\n\n\n

    And here\u2019s what my \u201cnew\u201d Shadow looks like now:<\/p>\n\n\n

    \n
    \"Balloon<\/a><\/figure>\n<\/div>\n\n\n

    Can you see how that shadow color is no longer one single flat color? This is what I talked about in the section above about shadow colors & values.<\/p>\n\n\n\n

    I can now delete the original brown layer. Before I move my Shadow layer below the original balloon layer I\u2019m going to blur the edges. Remember a cast shadow generally has softer edges which will become even softer the further the shadow is from the image.<\/p>\n\n\n\n

    I\u2019m going to use a Gaussian Blur:<\/p>\n\n\n

    \n
    \"Gaussian<\/a><\/figure>\n<\/div>\n\n\n

    As a starting point I\u2019m going to use a Radius of 25 Pixels (you can blur as much, or as little, as you like):<\/p>\n\n\n

    \n
    \"Shadow<\/a><\/figure>\n<\/div>\n\n\n

    I can now unhide the balloon layer and move the Shadow layer beneath it:<\/p>\n\n\n

    \n
    \"Balloon<\/a><\/figure>\n<\/div>\n\n\n

    Even though the Shadow layer was originally created at the exact same size as the balloon layer, because of the blur, I can already see the shadow peeking out around the edges of the balloon.<\/p>\n\n\n\n

    The next step is to move that shadow as far away from the balloon as I want. The goal here is to make it look as though the balloon is flying high above the paper:<\/p>\n\n\n

    \n
    \"Shadow<\/a><\/figure>\n<\/div>\n\n\n

    Note:<\/strong> I did move the balloon to a different location close to the top of the page. This allowed for more distance between it and the shadow.<\/p>\n\n\n\n

    To make it seem as if the balloon is flying even higher, I can re-size the shadow to 70% (you can make yours as small as you like). To do this I select the Shadow layer and ensure the Move tool is active. Then I carefully grab one of the corner \u201chandles\u201d but try not to move it. This will cause PSE to open the Transform tool options:<\/p>\n\n\n

    \n
    \"\"<\/a><\/figure>\n<\/div>\n\n\n

    Next, I ensure the Constrain Proportions box is checked. Then I set the W(idth) to 70%:<\/p>\n\n\n

    \n
    \"Shadow<\/a><\/figure>\n<\/div>\n\n\n

    I click the check mark to confirm and now my balloon looks even \u201chigher\u201d:<\/p>\n\n\n

    \n
    \"Balloon<\/a><\/figure>\n<\/div>\n\n\n

    Do you remember that typically the further a cast shadow falls from the object creating it, the lighter the shadow gets and the softer the edge often becomes? Clearly some adjustments need to be made to that shadow.<\/p>\n\n\n\n

    But before I start making any more changes, I\u2019m going to pull in a nice landscape<\/a><\/strong> photo from Pixabay so I can make this all look more real:<\/p>\n\n\n

    \n
    \"Hazy<\/a><\/figure>\n<\/div>\n\n\n

    With that landscape placed below the balloon & Shadow layers, I re-size and reposition my balloon & shadow to more appropriately fit within the landscape:<\/p>\n\n\n

    \n
    \"Balloon<\/a><\/figure>\n<\/div>\n\n\n

    Before I change the hue (opacity) of the shadow I want to soften the edges more. I\u2018m going to use the Gaussian Blur again.<\/p>\n\n\n\n

    When PSE opens that dialog box, the Radius will be set to the same value as the last time it was used (for me a Radius of 25 Pixels). And PSE will automatically apply that blur to the Shadow layer.<\/p>\n\n\n\n

    I don\u2019t think that\u2019s quite enough so I\u2019m going to gradually bump that up until I feel like the edges are softened appropriately…I’ll call it a WAG. If you aren\u2019t sure what that means\u2026check it out on the internet<\/a><\/strong> \ud83d\ude09 There\u2019s really no specific guidance I can give you for picking the blur amount\u2026mostly because it will vary for each instance so just go with what looks good to you.<\/p>\n\n\n\n

    I ended up setting the Radius to 40 pixels (you can increase the blur as little or as much as you like):<\/p>\n\n\n

    \n
    \"Shadow<\/a><\/figure>\n<\/div>\n\n\n

    Clearly the shadow is still too dark. Now, I could just reduce the opacity. But after all that \u201cscience talk\u201d about local colors, the best option is to once again change the Blend Mode for the Shadow layer. This time I used a Blend Mode of Difference:<\/p>\n\n\n

    \n
    \"Shadow<\/a><\/figure>\n<\/div>\n\n\n

    I don\u2019t know about you but, that shadow looks a whole lot more realistic to me than a plain old solid color shadow.<\/p>\n\n\n\n

    Today I tried to give you a good foundation for creating simple cast shadow. If you combine that with previous tips I\u2019ve shared about \u201cwarping\u201d shadows<\/a><\/strong>, you\u2019re well on your way to creating a complex cast shadow like you saw in the photo of that woman at the top of this section.<\/p>\n\n\n\n

    I hope you give this technique a try the next time you want something to fly high off your page!<\/p>\n\n\n\n

    Additional Shadow Thoughts<\/h3>\n\n\n
    \n
    \"More<\/a><\/figure>\n<\/div>\n\n\n

    Our world is made up of light and shadow. Shadows help to define the shape and form of objects all around us, and they provide perspective and grounding. We really should try to always create as realistic a shadow as we can.<\/p>\n\n\n\n

    Creating shadows requires thought about the light source. Don\u2019t put too much pressure on yourself. This doesn’t have to be a complicated thing. Just rely on what you already know about Lighting Angles in PSE.<\/p>\n\n\n\n

    Also, don\u2019t feel like you have to worry about \u201clocal colors\u201d for shadows. If you\u2019re happy working with a single \u201csolid\u201d color, then do that. But I would encourage you to at least give it a try.<\/p>\n\n\n\n

    I would also urge you to think outside the box and not always use the same color shadow for everything. And PLEASE, try never to use black! Don\u2019t get me wrong. Black can have its place\u2026just not very often.<\/p>\n\n\n\n

    Some of the most important things when creating shadows (not just these \u201ccomplex\u201d ones) are the hue, opacity and the crispness or blur of the edges. Remember this\u2026most often the further away an object is from what is beneath it, the lighter and \u201csofter\u201d the shadow needs to be.<\/p>\n\n\n\n

    Realistic cast and form shadows require stronger concentration than many people realize. However, if you start slowly and follow the concepts I’ve mentioned, you will be off to a strong start in creating accurate shadows.<\/p>\n\n\n\n

    You can practice today by identifying cast and form shadows in the objects around you and looking closely to see the true value or color of each one. I think you\u2019ll find it a good way to practice and perhaps you will begin to see shadows in a new way.<\/p>\n\n\n\n

    As always, if you have any questions or want to make a suggestion about a topic you\u2019d like me to cover, please don\u2019t ever hesitate to \u201cMessage Me<\/a><\/strong>\u201d.<\/p>\n\n\n\n

    Thanks for reading this week\u2019s Tuesday Tip. <\/em>If you want to stay informed about new posts, just click \u201cFollow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n

    \n
    \"Stay<\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"

    When I started working on this post and came up with the title, I couldn\u2019t help but think of a song I hadn\u2019t listened to for quite some time; Lost Boy\/Neverland by Ruth B. Here are the first lines of the song\u2026 \u201cThere was a time when I was alone. Nowhere to go and no place to call home. My only friend was the man in the moon. And even sometimes he would go away, too. Then one night, as…<\/p>\n

    Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":7335,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_wp_convertkit_post_meta":{"form":"0","landing_page":"","tag":"0","restrict_content":"0"},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-7337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tuesday-tip-day"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t