{"id":665,"date":"2012-02-24T15:51:15","date_gmt":"2012-02-24T20:51:15","guid":{"rendered":"http:\/\/www.migrate.edwardbacon.com\/blog\/?p=665"},"modified":"2012-02-24T16:01:23","modified_gmt":"2012-02-24T21:01:23","slug":"separating-foreground-from-background-in-your-photos","status":"publish","type":"post","link":"https:\/\/www.edwardbacon.com\/blog\/2012\/02\/separating-foreground-from-background-in-your-photos\/","title":{"rendered":"Separating Foreground from Background in your Photos"},"content":{"rendered":"<p>When you attend a workshop or presentation by such notables as <a href=\"http:\/\/www.johnpaulcaponigro.com\/\">John Paul Caponigro<\/a> or <a href=\"http:\/\/www.versacephotography.com\/\">Vincent Versace<\/a>, they talk about adding dimension to a flat, two-dimensional photograph. They teach what visual artists have understood for hundreds of years; how to use the manner in which the eye perceives to influence a viewer&#8217;s experience of a photo. A few maxims to observe, that<\/p>\n<ul>\n<li>Warm colors rise, while cool colors recede<\/li>\n<li>More saturated colors come to the front, while things in the background appear less saturated<\/li>\n<li>Distant objects have less contrast than close objects.<\/li>\n<\/ul>\n<p>This article demonstrates a relatively straight forward way to use these principles to help separate foreground objects from the background in a photo. You can accomplish this in Photoshop by creating two layers of the same photo. One layer servers as the background and a warmer, more saturated layer gets brushed over it. This rather simple approach allows a modicum of control over the effect and the ability to tweak the final result. However, the techniques you would learn from John Paul Caponigro or Vincent Versace offer a much finer degree of control over the final image. I would recommend that you invest in one of their workshops, books, or DVDs. Alternatively you can find some of their classes offered through <a href=\"http:\/\/kelbytraining.com\/\">Kelby Training<\/a>.<\/p>\n<p>To get started with this tutorial, consider this sample that comes straight from the camera as a RAW file with no adjustments.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF1.jpg?w=1170\" alt=\"\" \/><\/p>\n<p>The final image draws one&#8217;s eye to the main actor in the photo separating it from its background. In contrast to the original, the crocus now appears to be bathed in a warm glowing light.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF2.jpg?w=1170\" alt=\"\" \/><\/p>\n<p>Start with a reasonable base image in Lightroom or Bridge. I have a preset that makes a <em>Lens<\/em><br \/>\n<em>Correction<\/em>, selects the <em>Camera Callibration<\/em> profile and defaults to a few <em>Basic<\/em> settings. In this particular case the original is under exposed, so I brightened up the photo slightly by increasing the <span style=\"text-decoration: underline;\">Exposure<\/span> (+0.29) and the <span style=\"text-decoration: underline;\">Fill Light<\/span> (8).<\/p>\n<p>[As an aside, I knew I was going to eventually crop the image in Lightroom (I have a series of square formats going on). Therefore, I was not concerned with the overly bright rock in the lower right or the green leafs sticking up from the bottom of the original. Still I think if I did not crop it, I would &#8220;patch up&#8221; these distractions <em>after<\/em> the steps described here.]<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF3.png?w=1170\" alt=\"\" \/><\/p>\n<p>Next edit this file as a <em>Smart Object in Photoshop<\/em>\u00a0(either from the ACR\u00a0dialog or from the Lightroom menu). Once in Photoshop, create a <span style=\"text-decoration: underline;\">New Smart Object via Copy<\/span> and name the top layer &#8220;Foreground&#8221; and the bottom layer &#8220;Background&#8221;; add a layer mask to the &#8220;Foreground&#8221; (filled with black).<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF4.png?w=1170\" alt=\"\" \/><\/p>\n<p>Double-click on the Background to bring up ACR. To make the background appear to the eye to recede from the foreground you reduce the <span style=\"text-decoration: underline;\">Saturation<\/span>, shift the <span style=\"text-decoration: underline;\">Temperature<\/span> toward the blue, and reduce the <span style=\"text-decoration: underline;\">Contrast<\/span>. You can also use a negative value for the <span style=\"text-decoration: underline;\">Clarity<\/span> to soften the background. Take any combination of these that suits the particular image and the sense you wish to communicate.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF5.png?w=1170\" alt=\"\" \/><\/p>\n<p>Double click on the Foreground to edit that layer in ACR. To make the foreground pop you increase <span style=\"text-decoration: underline;\">Saturation<\/span> and perhaps the <span style=\"text-decoration: underline;\">Vibrance<\/span>, warm the <span style=\"text-decoration: underline;\">Temperature<\/span>, add some <span style=\"text-decoration: underline;\">Contrast<\/span> or <span style=\"text-decoration: underline;\">Clarity<\/span>. Again the point is to &#8220;season to taste&#8221;, and once you complete the next step of brushing on these warmer parts, you can come back and fine tune the ACR settings for either the Foreground or the Background.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF6.png?w=1170\" alt=\"\" \/><\/p>\n<p>The Foreground <em>Layer Mask<\/em>\u00a0is black which holds back the warming effect you just created. Examine the image deciding which areas to warm and how warm each area is relative to the others. The relative amounts of warmth are realized by brushing in relative shades of grey, remembering that black conceals and white reveals the effect. Caponigro and Versace talk about using &#8220;image maps&#8221; as a tool used to outline your plan of attack. For brevity I only show the <em>Layer Mask<\/em> and its relative shades of grey. My goal was to lighten up the entire main crocus, add some warm sunlight coming from the right and put a stronger glow on right-most edge of the main subject.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF7.png?w=1170\" alt=\"\" \/><\/p>\n<p>If you think you can improve the image by bringing more of it or less of it forward, you can brush in more or less of the mask. You can also refill the mask with black to start over. Note both Caponigro\u00a0and Versace have a clever mechanism to apply relative amounts of an effect; paint with an area of the mask with a broad soft brush and 50% opacity, then use the Fade Control to dial up\u00a0or down the amount. And as mentioned above you can dial-in the settings for the Foreground or the Background by re-editing the ACR settings now that you have painted-in the effect.<\/p>\n<p>Finally, you can also create separation using only Lightroom\u00a0and not involving Photoshop (particularly useful if you do not own Photoshop or Elements). In Lightroom, create one or more <em>Adjustment Brushes<\/em>\u00a0to paint-in either the foreground (warmer, more saturated settings for the brush) or the background (cooler, unsaturated settings). Below is a screen capture using the LR4 Beta, notice the varying density of the brush to apply relative amounts of the effect.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.migrate.edwardbacon.com\/blog\/wp-content\/uploads\/2012\/02\/022412_2049_SeparatingF8.png?w=1170\" alt=\"\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you attend a workshop or presentation by such notables as John Paul Caponigro or Vincent Versace, they talk about adding dimension to a flat, two-dimensional photograph. They teach what visual artists have understood for hundreds of years; how to use the manner in which the eye perceives to influence a viewer&#8217;s experience of a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[13],"tags":[30,34,23],"class_list":{"0":"post-665","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-tips","7":"tag-photoshop","8":"tag-technique","9":"tag-workshop","10":"czr-hentry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1FUJv-aJ","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/posts\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":0,"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/posts\/665\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/media?parent=665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/categories?post=665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.edwardbacon.com\/blog\/wp-json\/wp\/v2\/tags?post=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}