{"id":2451,"date":"2018-07-25T18:04:23","date_gmt":"2018-07-25T17:04:23","guid":{"rendered":"http:\/\/www.treeshark.com\/treeblog\/?p=2451"},"modified":"2018-07-25T18:04:23","modified_gmt":"2018-07-25T17:04:23","slug":"sun-cast-shadows","status":"publish","type":"post","link":"http:\/\/www.treeshark.com\/treeblog\/?p=2451","title":{"rendered":"Sun Cast Shadows"},"content":{"rendered":"<p>This is a brief tutorial on the construction of shadows as they are cast from the sun. We all know how descriptive they are, the long shadow of a fence over a path, a telegraph pole over a road, spreading from the feet of people on the beach at the end of the day. Shadows in a painting tell the viewer more about the day than you might expect. A shadow crossing a road shows how high the verges are relative to the road, describing the shape of the land. We instinctively understand from shadows what time of day it is, even which season. If you understand how they are cast and how to get them correct you have quite a powerful tool in your painting box.<\/p>\n<p>Here I want to deal briefly with the simplest of possible cases, but hopefully give you an idea of how the same methods might be used in more complex scenarios.<\/p>\n<p>So our first example, a set of posts.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/1pm.jpg\" alt=\"shadows, tutorial\" width=\"860\" height=\"860\" \/><\/p>\n<p>The time is 1pm. See the changing angle of the shadows and how although in reality all the shadows are the same length in our perspective view they vary in thickness and length. Let&#8217;s move the clock on an hour.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/2pm.jpg\" alt=\"Shadows, tutorial\" width=\"860\" height=\"860\" \/><\/p>\n<p>Here we are at 2pm the sun is at it&#8217;s highest due to the magic of daylight saving summer time! People often imagine the shadows are splayed because the rays radiating from the sun, but this is not the case. The sun is 93million miles away so if we looked straight down from the top all the shadows would be the same length and parallel. So the effect of the shadows splaying is due to perspective and nothing else. On one more hour.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/3pm.JPG\" alt=\"shadows\" width=\"860\" height=\"860\" \/><\/p>\n<p>No surprises here at 3pm the shadows have swung round and lengthened again as the sun has dropped nearer the horizon. So let us look at 2pm again and look at how things got to where they are.<\/p>\n<p><a href=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/2pmGeoL.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/2pmGeoS.jpg\" alt=\"shadows, tutorial\" width=\"860\" height=\"1660\" \/><\/a><\/p>\n<p>A very tall skinny illustration since we have to get the sun in!<\/p>\n<p>First the Red lines. If we drop a line vertically down to horizon we find it hits exactly at the point where the shadows converge at the horizon IE, the shadow&#8217;s Vanishing Point. If we had the shadows and no sun (as we might have in a reference photo) we could extend the shadow lines to the horizon and then project that point vertically up. We know the sun must be on that line&#8230; but where?<\/p>\n<p>For that we need the Green lines. If we start from the sun again and fire a ray from the sun so that it skims the middle of the very top of the pole. Where that ray hits the ground marks the length of the shadow. Once again if we work backwards we can draw a line from the end of our shadow and through the middle of the top of the pole, extending it on we find it crosses our red line at exactly the sun&#8217;s position.<\/p>\n<p><a href=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/GeoL.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/GeoS.jpg\" alt=\"Shadow, tutorial\" width=\"860\" height=\"1302\" \/><\/a><\/p>\n<p>Here is a simplified version with \u00a0just a plank. As you see it also shows how the shadow gets wider in perspective as it gets nearer. Now a more complex example, a sculptor&#8217;s table with hammers upon it. First a quick video.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-2451-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/Table1.mp4?_=1\" \/><a href=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/Table1.mp4\">http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/Table1.mp4<\/a><\/video><\/div>\n<p>You can drag the slider and watch the shadows in motion. Once again here are a few times of day.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/Tab10AM.jpg\" alt=\"shadow, tutorial\" width=\"860\" height=\"860\" \/><\/p>\n<p>Here is our table at 10am.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/Tab12PM.jpg\" alt=\"shadow, tutorial\" width=\"860\" height=\"860\" \/><\/p>\n<p>&#8230;and at 12pm. Compare the two images and see how the various parts have moved. On 2 more hours.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/Tab2PM.jpg\" alt=\"shadow tutorial\" width=\"860\" height=\"860\" \/><\/p>\n<p>Finally here we are at 2pm with the sun at its highest. Time for another tall skinny illustration with coloured lines!<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.treeshark.com\/NewBlogPosts\/NewTutorial\/Shadows\/Tab2PMGeom.jpg\" alt=\"shadow tutorial\" width=\"860\" height=\"2936\" \/><\/p>\n<p>Starting with the red lines. A line from one corner of the tabletop shadow then taken through the real corner and extended up crosses the same line drawn from another corner (any corner will do) at the point where the sun is. The blue lines show the splay of the shadow of the table legs and obey exactly the same rules as the posts did. The two vanishing points of the sides of the table top shadow are exactly the same as the vanishing points for the table top itself.<\/p>\n<p>Similar rules govern how shadows from artificial lights are placed. If the ground is sloping or the posts at an angle then obviously the geometry gets more challenging. A more complex description is on the excellent\u00a0<a href=\"https:\/\/www.handprint.com\/HP\/WCL\/perspect6.html\" target=\"_blank\" rel=\"noopener\">Handprint<\/a>\u00a0site.<\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li><a href=\"#\" class=\"sharing-anchor sd-button share-more\"><span>Share<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><div class=\"sharing-hidden\"><div class=\"inner\" style=\"display: none;\"><ul><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-2451\" class=\"share-facebook sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\" ><span>Facebook<\/span><\/a><\/li><li class=\"share-linkedin\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-linkedin-2451\" class=\"share-linkedin sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=linkedin\" target=\"_blank\" title=\"Click to share on LinkedIn\" ><span>LinkedIn<\/span><\/a><\/li><li class=\"share-end\"><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-2451\" class=\"share-pinterest sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\" ><span>Pinterest<\/span><\/a><\/li><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-2451\" class=\"share-twitter sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\" ><span>Twitter<\/span><\/a><\/li><li class=\"share-end\"><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>This is a brief tutorial on the construction of shadows as they are cast from the sun. We all know how descriptive they are, the long shadow of a fence over a path, a telegraph pole over a road, spreading from the feet of people on the beach at the end of the day. Shadows [&hellip;]<\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li><a href=\"#\" class=\"sharing-anchor sd-button share-more\"><span>Share<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><div class=\"sharing-hidden\"><div class=\"inner\" style=\"display: none;\"><ul><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-2451\" class=\"share-facebook sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\" ><span>Facebook<\/span><\/a><\/li><li class=\"share-linkedin\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-linkedin-2451\" class=\"share-linkedin sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=linkedin\" target=\"_blank\" title=\"Click to share on LinkedIn\" ><span>LinkedIn<\/span><\/a><\/li><li class=\"share-end\"><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-2451\" class=\"share-pinterest sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\" ><span>Pinterest<\/span><\/a><\/li><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-2451\" class=\"share-twitter sd-button share-icon\" href=\"http:\/\/www.treeshark.com\/treeblog\/?p=2451&amp;share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\" ><span>Twitter<\/span><\/a><\/li><li class=\"share-end\"><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div><\/div><\/div>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[10,55,60,1],"tags":[14,104,80],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p17fHU-Dx","_links":{"self":[{"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=\/wp\/v2\/posts\/2451"}],"collection":[{"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2451"}],"version-history":[{"count":2,"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=\/wp\/v2\/posts\/2451\/revisions"}],"predecessor-version":[{"id":2453,"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=\/wp\/v2\/posts\/2451\/revisions\/2453"}],"wp:attachment":[{"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2451"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.treeshark.com\/treeblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}