{"id":294,"date":"2021-07-04T14:46:13","date_gmt":"2021-07-04T18:46:13","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/photoshopped\/?post_type=chapter&#038;p=294"},"modified":"2022-09-02T10:51:15","modified_gmt":"2022-09-02T14:51:15","slug":"tutorial4","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/chapter\/tutorial4\/","title":{"raw":"Tutorial 4 \u2022 Seeing is Believing: Creating Natural Compositions","rendered":"Tutorial 4 \u2022 Seeing is Believing: Creating Natural Compositions"},"content":{"raw":"<h2>Overview<\/h2>\r\nA composite is when multiple images are brought together to make it seem like they are all part of the same image. This is to create the illusion that all of the separate image elements are part of the same scene. Sometimes photos are taken at different times or used with different cameras and Photoshop must be used to make the composite more natural-looking. This tutorial will look at different tips and techniques to make your composite appear more natural.\r\n<h2>Objectives<\/h2>\r\n<ul>\r\n \t<li style=\"font-weight: 400\">To understand how to analyze and determine which images are right for the same composite<\/li>\r\n \t<li style=\"font-weight: 400\">To understand perspective as it relates to making your composite natural<\/li>\r\n \t<li style=\"font-weight: 400\">To use layer masks to make images more natural<\/li>\r\n \t<li style=\"font-weight: 400\">To better customize how auto-colour correction is used<\/li>\r\n \t<li style=\"font-weight: 400\">To match brightness, colour and contrast from one image to another using adjustment layers<\/li>\r\n \t<li style=\"font-weight: 400\">To use advanced methods of Curves<\/li>\r\n<\/ul>\r\n&nbsp;\r\n\r\nWhen selecting images for your composite, think about the lighting in these images and consider the following:\r\n<ol>\r\n \t<li style=\"font-weight: 400\">What <strong>direction<\/strong> are the main light sources coming from in both images?\r\n<ul>\r\n \t<li style=\"font-weight: 400\">Make sure they are matching or can be matched<\/li>\r\n \t<li style=\"font-weight: 400\">If the light source is coming from the opposite direction, flip the image<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t<li style=\"font-weight: 400\">How <strong>harsh<\/strong> is the light and what effect does it have on the shadows?\r\n<ul>\r\n \t<li style=\"font-weight: 400\">Is the light harsh and creating harsh shadows? (E.g. shadows created on a sunny day.)<\/li>\r\n \t<li style=\"font-weight: 400\">Is the light not as harsh and the shadows are softer? (E.g. shadows created on a cloudy day.)<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t<li style=\"font-weight: 400\">What is the <strong>influence of the surrounding environment<\/strong> on the subject?\r\n<ul>\r\n \t<li style=\"font-weight: 400\">Are there reflections of light or colour on the subject?<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\n<em>The more similar the direction of light, the more natural your composition will be.<\/em>\r\n\r\n<em>The more different the light sources are, the more editing will be required to make the composition look natural. Consider this when choosing images for your composition.<\/em>\r\n\r\n<hr \/>\r\n\r\n<h2>Quick Compositing<\/h2>\r\nIn this tutorial, we will be masking out a croissant from an image and compositing it with another image of breakfast to make it appear natural:\r\n\r\n<img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-300x200.jpg\" alt=\"Photograph of a breakfast table. It includes waffles, fruits, cereals, milk and others.\" width=\"300\" height=\"200\" class=\"aligncenter wp-image-299 size-medium\" \/>\r\n\r\n<img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-300x200.png\" alt=\"The previous image edited. A croissant plate was included digitally in the table.\" width=\"300\" height=\"200\" class=\"aligncenter wp-image-298 size-medium\" style=\"font-size: 1em\" \/>\r\n\r\nPhoto by <a href=\"https:\/\/unsplash.com\/@brookelark?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Brooke Lark<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/breakfast?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<em> [New Window]<\/em><\/a>\r\n\r\nPhoto by <a href=\"https:\/\/unsplash.com\/@johnnyhammer?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Jo\u00e3o Marcelo Martins<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/croissant-breakfast?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash <em>[New Window]<\/em><\/a>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Open the tutorial file named <strong>GCM738_Tutorial_04_Breakfast.psd<\/strong>. Save it as <strong>GCM738_Tutorial_04_Breakfast_YourIntitials_v1.psd<\/strong>.<\/li>\r\n \t<li style=\"font-weight: 400\">Double click on the <strong>Background Layer<\/strong> and rename it to <strong>Original Image.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Take a look at the shadows and the direction of the shadows in this photograph.<\/li>\r\n \t<li style=\"font-weight: 400\">Notice the soft shadows that are being created by the plates.<\/li>\r\n<\/ol>\r\n<h3>Positioning the Croissant<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Place <strong>Croissant.jpg<\/strong> into the file you just opened.<\/li>\r\n \t<li style=\"font-weight: 400\">Rename the layer as <strong>Croissant<\/strong>.<\/li>\r\n \t<li style=\"font-weight: 400\">Change the <strong>Opacity<\/strong> of the layer to about 40%.<\/li>\r\n \t<li style=\"font-weight: 400\">Click on the <strong>Croissant<\/strong> Layer, go to <strong>Edit \u2192 Transform \u2192 Rotate.<\/strong> In the <strong>Options Bar<\/strong>, change the angle to about 75 degrees to match the shadows of the plates of the other places. We want the shadow inside of the plate to be on the right to match the other plates.<\/li>\r\n \t<li style=\"font-weight: 400\">Select the <strong>Move Tool<\/strong>, reposition and resize the layer so that the plate with the croissant fits the composition. Somewhere next to the plate in the centre and below the honey will work. Do not worry about the other elements around the croissant as they will be masked out.<\/li>\r\n \t<li style=\"font-weight: 400\">Click on the <strong>Checkmark<\/strong> in the <strong>Options Bar<\/strong> and change the <strong>Opacity<\/strong> of the Layer back to 100%.<\/li>\r\n<\/ol>\r\n<h3>Masking out the selection<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Using the <strong>Curvature Pen Tool<\/strong>, click on the rim of the plate and then click on another part of the rim. Then click on the middle of the line created by the <strong>Pen Tool<\/strong> and drag upwards to make a curve.<\/li>\r\n \t<li>In the <strong>Paths Panel<\/strong>, click on the work path and then click on the Dotted Line Circle at the bottom to <strong>Convert Path to Selection.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Go to Layer &gt; Layer Mask &gt; Reveal Selection<\/li>\r\n \t<li style=\"font-weight: 400\">Click on the mask and in the properties panel, click on Select and Mask\u2026 in the Options Bar.\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Under Global Refinements in the Properties Panel, adjust Smooth to 70 (*Note, these numbers can change depending on how well you created your selection with the curvature pen tool. Play around with these numbers slightly to achieve a nice clean mask).<\/li>\r\n \t<li style=\"font-weight: 400\">Adjust Feather to 1px<\/li>\r\n \t<li style=\"font-weight: 400\">Adjust Contrast to 20%<\/li>\r\n \t<li style=\"font-weight: 400\">Adjust Shift Edge to -30%.<\/li>\r\n \t<li style=\"font-weight: 400\">Press OK<\/li>\r\n<\/ol>\r\n<\/li>\r\n \t<li style=\"font-weight: 400\">With your selection made, create a <strong>Layer Mask<\/strong> to reveal the selection.<\/li>\r\n<\/ol>\r\n<h3>Match the Brightness and Contrast<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and Select <strong>Black and White<\/strong>. This allows you to strictly look at the lightness and darkness in the image.<\/li>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Levels<\/strong> above the <strong>Croissant<\/strong> layer and ensure that it is a <strong>Clipping Mask<\/strong> to the Croissant Layer.<\/li>\r\n \t<li style=\"font-weight: 400\">Rename this layer to <strong>Brightness<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Notice how the plate is fairly gray. Select the White slider on the right hand slide under the Graph and slide it to a value <strong>240<\/strong>.<\/li>\r\n \t<li style=\"font-weight: 400\">Delete the Black &amp; White layer.<\/li>\r\n<\/ol>\r\n<h3>Match the Colour<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Solid Color...<\/strong> and choose a bright orange colour. Any kind of orange will work.<\/li>\r\n \t<li style=\"font-weight: 400\">Change the <strong>Blend mode<\/strong> of the new adjustment layer to <strong>Saturation<\/strong>. This layer will help us to colour match the images.<\/li>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Colour Balance<\/strong> above the Croissant layer and ensure that it is a <strong>Clipping Mask<\/strong> to the <strong>Croissant Layer.<\/strong>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Add more Red into the image and change the slide to +4.<\/li>\r\n \t<li style=\"font-weight: 400\">Add more Green into the image and change the slider to +1.<\/li>\r\n \t<li style=\"font-weight: 400\">Add more Yellow into the image and change the slider to -4.<\/li>\r\n \t<li>Delete the Orange layer.<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n<em>The goal here is to match the colours of the plates in the croissant to the breakfast image.<\/em>\r\n<h3>Create a Subtle Shadow<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a new <strong>blank layer<\/strong> under the <strong>Croissant layer<\/strong> and above the <strong>Original Image.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Using the <strong>Eyedropper tool<\/strong>, select the colour of the darkest shadow from the original image. <em>Notice that not all shadows are black. Some have a colour tint depending on the image. This is why we use the eyedropper tool.<\/em><\/li>\r\n \t<li style=\"font-weight: 400\">Select the <strong>Brush Tool<\/strong>, ensuring you have a<strong> soft round brush<\/strong> selected, change the brush size to 250 px and the Opacity to 16%.<\/li>\r\n \t<li style=\"font-weight: 400\">Take your time and paint in the shadows where they would be. Use the other plates in the original image for reference.<\/li>\r\n \t<li style=\"font-weight: 400\">You can hold down the ~ key to erase away some of the shadows if you need to.<\/li>\r\n<\/ol>\r\n<h3>Use a Colour LUT (Lookup Table) to tie it all together<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Colour Lookup<\/strong>. Ensure that it is at the top of your layers.<\/li>\r\n \t<li style=\"font-weight: 400\">From the dropdown menu where it says <strong>Load 3D LUT...,<\/strong> select a LUT that you feel works for your image. These work like filters. If you feel the filter is too strong, feel free to adjust the Opacity of the layer.<\/li>\r\n \t<li style=\"font-weight: 400\">Save your file.<\/li>\r\n<\/ol>\r\n[embed]https:\/\/www.youtube.com\/embed\/LjWRazmNzy0[\/embed]\r\n\r\n<em>Video created by Afrah Usman.<\/em>\r\n\r\n<hr \/>\r\n\r\n<h2>Compositing with a Person<\/h2>\r\nThe previous tutorial was a quick way to colour match objects that you choose to bring into your composition. This tutorial will now be a bit more complex but will help to make your compositions with humans more natural, especially if they are the main subject.\r\n\r\n<img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-1024x566.png\" alt=\"\" width=\"1024\" height=\"566\" class=\"aligncenter wp-image-305 size-large\" style=\"font-size: 1em\" \/>\r\n\r\n<img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-1024x566.png\" alt=\"\" width=\"1024\" height=\"566\" class=\"aligncenter wp-image-304 size-large\" style=\"font-size: 1em\" \/>\r\n\r\n<img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-1024x591.png\" alt=\"\" width=\"1024\" height=\"591\" class=\"aligncenter wp-image-303 size-large\" style=\"text-align: initial;font-size: 1em\" \/>\r\n\r\nPhoto by <a href=\"https:\/\/unsplash.com\/@matthewhenry?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Matthew Henry<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/toronto-night-city?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<em> [New Window]<\/em><\/a>\r\n\r\nPhoto by <a href=\"https:\/\/unsplash.com\/@breakreate?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Breakreate<\/a> on <a href=\"https:\/\/unsplash.com\/s\/visual\/1cf86872-e02a-4132-92a5-31ed37c961d5?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash <em>[New Window]<\/em><\/a>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Open the tutorial file named <strong>GCM738_Tutorial_04_Nightscene.psd.<\/strong> Save it as <strong>GCM738_Tutorial_04_Breakfast_YourIntitials_v1.psd.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Double click on the <strong>Background Layer<\/strong> and rename it to<strong> Original Image.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Notice where the lights are coming from in this scene. Notice the colours they cast. Notice where the shadows fall.<\/li>\r\n<\/ol>\r\n<h3>Masking your subject<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Place the <strong>Breakdancer.jpg<\/strong> file into the file you just opened.<\/li>\r\n \t<li style=\"font-weight: 400\">Change the <strong>Opacity<\/strong> of the layer to about 40%. Resize to about 55% and position the dancer between the planter and the tree. Change the <strong>Opacity<\/strong> to back 100% once you are satisfied with the positioning and click on the checkmark in the <strong>Options Bar.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">From the <strong>Menu Bar,<\/strong> choose <strong>Select \u2192 Subject.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">In the <strong>Options Bar<\/strong>, click on the <strong>Select and Mask\u2026<\/strong> button.<\/li>\r\n \t<li style=\"font-weight: 400\">Using the<strong> Refine Edge Tool<\/strong> or the <strong>Brush Tool<\/strong> with a soft brush to refine some of the ragged edges. Press OK.<\/li>\r\n \t<li style=\"font-weight: 400\">From the <strong>Menu Bar<\/strong>, choose <strong>Layer \u2192 Layer Mask \u2192 Reveal Selection.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">You can then turn off the background layer and refine the mask with a smaller, black, hard brush if you wish.<\/li>\r\n<\/ol>\r\n<h3>Adjusting Brightness and Contrast Using Levels<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Black and White<\/strong>. This allows you to strictly look at the lightness and darkness in the image.<\/li>\r\n \t<li style=\"font-weight: 400\">With the <strong>Breakdancer<\/strong> layer selected, create a <strong>New Adjustment Layer<\/strong> and select <strong>Levels<\/strong>. Make this a<strong> Clipping Mask<\/strong> for the <strong>Breakdancer<\/strong> layer and rename this to <strong>Brightness and Contrast.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">In the <strong>Properties Panel,<\/strong> slide the white stop to about 225 to adjust the highlights and make them slightly brighter.<\/li>\r\n \t<li style=\"font-weight: 400\">Slide the Black stop to about 25 to make the shadows slightly darker.<\/li>\r\n \t<li style=\"font-weight: 400\">Slide the Grey stop to about 1.2 to make the midtones slightly lighter.<\/li>\r\n \t<li style=\"font-weight: 400\">Ensure the <strong>Blend Mode<\/strong> of this layer is set to <strong>Luminosity<\/strong>. Although the change is very subtle, this ensures that the changes only affect the lightness and darkness of the image rather than the colours of the image.<\/li>\r\n \t<li style=\"font-weight: 400\">Delete the<strong> Black &amp; White<\/strong> adjustment layer.<\/li>\r\n<\/ol>\r\n<h3>Matching Colours<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Curves<\/strong>. Make this a <strong>Clipping Mask<\/strong> for the Breakdancer layer and rename this to <strong>Colour Matching.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Ensure that the adjustment layer thumbnail is selected and not the adjustment layer mask. In the Properties Panel, hold down option (Mac) or alt (PC) and click on <strong>Auto<\/strong>.<\/li>\r\n \t<li style=\"font-weight: 400\">In the Pop-up dialogue box, select <strong>Find Dark &amp; Light Colors.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Under <strong>Target Colors &amp; Clipping<\/strong>, double click on the colour box next to the shadows. Click on the darkest area of the background image closer to the bottom of the stores. Notice that the shadows in this area are closer to blue. Once you have selected the shadow, click OK.<\/li>\r\n \t<li style=\"font-weight: 400\">Do the same for the highlights but select the lightest part of the image like brighter parts of the \u201cOPEN\u201d neon sign. Remember to not choose an area that is 100% white. You\u2019re looking to get the colour of the cast in the highlights.<\/li>\r\n \t<li style=\"font-weight: 400\">A popup will ask if you want to save the new target colours as defaults. Select <strong>No<\/strong>.<\/li>\r\n<\/ol>\r\n<h3>Adding Highlights and Shadows to the Image<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Consider where the highlights and shadows fall on your subject. Think about where the light source is and where it is coming from.<\/li>\r\n \t<li style=\"font-weight: 400\">Create a new blank layer and create a clipping mask to the <strong>Breakdancer<\/strong>. Change the blend mode to <strong>Multiply<\/strong>. Rename it <strong>Shadows<\/strong>.<\/li>\r\n \t<li style=\"font-weight: 400\">Using the <strong>Brush tool<\/strong>, ensure you have a soft round brush selected, change the size to 60 and the Opacity to 30%.<\/li>\r\n \t<li style=\"font-weight: 400\">Hold down option or alt to use the eyedropper to select a colour from the shadows.<\/li>\r\n \t<li style=\"font-weight: 400\">Lightly paint under the arm, torso and legs of the subject - anywhere the natural shadows would fall based on the lightsource.<\/li>\r\n \t<li style=\"font-weight: 400\">Create a new layer and clip it to the Breakdancer. Change the blend mode to <strong>Linear Dodge (Add)<\/strong>. Rename it <strong>Highlights<\/strong>.<\/li>\r\n \t<li style=\"font-weight: 400\">Using the Brush tool, ensure you have a soft round brush selected, change the size to 60 and the Opacity to 15%.<\/li>\r\n \t<li style=\"font-weight: 400\">Hold down option or alt to use the eyedropper to select a colour from the highlights.<\/li>\r\n \t<li style=\"font-weight: 400\">Lightly paint the top of the head, arm, torso and legs of the subject - anywhere natural highlights would fall based on the light sources.<\/li>\r\n<\/ol>\r\n<h3>Create a Shadow of the Subject<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a new blank layer and name it <strong>Subject Shadow<\/strong>. Place it under the <strong>Breakdancer<\/strong>.<\/li>\r\n \t<li style=\"font-weight: 400\">With this new <strong>Subject Shadow<\/strong> layer selected, press Command or Ctrl and click on the <strong>Layer Mask<\/strong> of the breakdancer to create a selection.<\/li>\r\n \t<li style=\"font-weight: 400\">Turn off the <strong>Breakdancer<\/strong> layer for now.<\/li>\r\n \t<li style=\"font-weight: 400\">Select <strong>Edit \u2192 Fill<\/strong> and choose <strong>Color.<\/strong> You can now select a colour from one of the shadows.<\/li>\r\n \t<li style=\"font-weight: 400\">Cmd\/Ctrl + D to deselect the image.<\/li>\r\n \t<li style=\"font-weight: 400\">Select the <strong>Move Tool,<\/strong> hold shift and resize the vertical proportions of the shadow so that it is \u201csquished\u201d and would appear as a shadow would. Click on the checkmark in the <strong>Options Bar.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">Select the layer, go to <strong>Filter \u2192 Blur \u2192 Gaussian Blur.<\/strong> Change the radius to 7px.<\/li>\r\n \t<li style=\"font-weight: 400\">Change the blend mode of this layer to <strong>Multiply<\/strong> and reduce the <strong>Opacity<\/strong> to about 60%.<\/li>\r\n \t<li style=\"font-weight: 400\">Turn the <strong>Breakdancer<\/strong> layer back on.<\/li>\r\n<\/ol>\r\n<h3>Tie it all together with a Colour LUT<\/h3>\r\nA colour LUT (Lookup Table) is a method of colour grading your photos so that they have a distinct professional look. This is similar to using filters.\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and Select<strong> Colour Lookup.<\/strong> Ensure this is not a clipping mask and that it is at the top of all of your layers.<\/li>\r\n \t<li style=\"font-weight: 400\">Under 3DLUT File, you can load any filter that you think is applicable for the image. For this tutorial, we will use <strong>Fuji ETERNA 250D Fuji 3510 (by Adobe).cube.<\/strong><\/li>\r\n \t<li style=\"font-weight: 400\">If you feel that the colour LUT is too harsh, you can adjust the Opacity to your liking.<\/li>\r\n \t<li style=\"font-weight: 400\">Save your file.<\/li>\r\n<\/ol>\r\n[embed]https:\/\/www.youtube.com\/embed\/ffpcBhVwS2k[\/embed]\r\n\r\n<em>Video created by Afrah Usman.<\/em>","rendered":"<h2>Overview<\/h2>\n<p>A composite is when multiple images are brought together to make it seem like they are all part of the same image. This is to create the illusion that all of the separate image elements are part of the same scene. Sometimes photos are taken at different times or used with different cameras and Photoshop must be used to make the composite more natural-looking. This tutorial will look at different tips and techniques to make your composite appear more natural.<\/p>\n<h2>Objectives<\/h2>\n<ul>\n<li style=\"font-weight: 400\">To understand how to analyze and determine which images are right for the same composite<\/li>\n<li style=\"font-weight: 400\">To understand perspective as it relates to making your composite natural<\/li>\n<li style=\"font-weight: 400\">To use layer masks to make images more natural<\/li>\n<li style=\"font-weight: 400\">To better customize how auto-colour correction is used<\/li>\n<li style=\"font-weight: 400\">To match brightness, colour and contrast from one image to another using adjustment layers<\/li>\n<li style=\"font-weight: 400\">To use advanced methods of Curves<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>When selecting images for your composite, think about the lighting in these images and consider the following:<\/p>\n<ol>\n<li style=\"font-weight: 400\">What <strong>direction<\/strong> are the main light sources coming from in both images?\n<ul>\n<li style=\"font-weight: 400\">Make sure they are matching or can be matched<\/li>\n<li style=\"font-weight: 400\">If the light source is coming from the opposite direction, flip the image<\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\">How <strong>harsh<\/strong> is the light and what effect does it have on the shadows?\n<ul>\n<li style=\"font-weight: 400\">Is the light harsh and creating harsh shadows? (E.g. shadows created on a sunny day.)<\/li>\n<li style=\"font-weight: 400\">Is the light not as harsh and the shadows are softer? (E.g. shadows created on a cloudy day.)<\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\">What is the <strong>influence of the surrounding environment<\/strong> on the subject?\n<ul>\n<li style=\"font-weight: 400\">Are there reflections of light or colour on the subject?<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><em>The more similar the direction of light, the more natural your composition will be.<\/em><\/p>\n<p><em>The more different the light sources are, the more editing will be required to make the composition look natural. Consider this when choosing images for your composition.<\/em><\/p>\n<hr \/>\n<h2>Quick Compositing<\/h2>\n<p>In this tutorial, we will be masking out a croissant from an image and compositing it with another image of breakfast to make it appear natural:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-300x200.jpg\" alt=\"Photograph of a breakfast table. It includes waffles, fruits, cereals, milk and others.\" width=\"300\" height=\"200\" class=\"aligncenter wp-image-299 size-medium\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-300x200.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-1024x683.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-768x512.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-1536x1024.jpg 1536w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-2048x1365.jpg 2048w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-65x43.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-225x150.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/brooke-lark-HlNcigvUi4Q-unsplash-1-350x233.jpg 350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-300x200.png\" alt=\"The previous image edited. A croissant plate was included digitally in the table.\" width=\"300\" height=\"200\" class=\"aligncenter wp-image-298 size-medium\" style=\"font-size: 1em\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-300x200.png 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-1024x684.png 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-768x513.png 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-65x43.png 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-225x150.png 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n-350x234.png 350w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/203329466_560463421993623_838556491624002415_n.png 1228w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Photo by <a href=\"https:\/\/unsplash.com\/@brookelark?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Brooke Lark<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/breakfast?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<em> [New Window]<\/em><\/a><\/p>\n<p>Photo by <a href=\"https:\/\/unsplash.com\/@johnnyhammer?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Jo\u00e3o Marcelo Martins<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/croissant-breakfast?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash <em>[New Window]<\/em><\/a><\/p>\n<ol>\n<li style=\"font-weight: 400\">Open the tutorial file named <strong>GCM738_Tutorial_04_Breakfast.psd<\/strong>. Save it as <strong>GCM738_Tutorial_04_Breakfast_YourIntitials_v1.psd<\/strong>.<\/li>\n<li style=\"font-weight: 400\">Double click on the <strong>Background Layer<\/strong> and rename it to <strong>Original Image.<\/strong><\/li>\n<li style=\"font-weight: 400\">Take a look at the shadows and the direction of the shadows in this photograph.<\/li>\n<li style=\"font-weight: 400\">Notice the soft shadows that are being created by the plates.<\/li>\n<\/ol>\n<h3>Positioning the Croissant<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Place <strong>Croissant.jpg<\/strong> into the file you just opened.<\/li>\n<li style=\"font-weight: 400\">Rename the layer as <strong>Croissant<\/strong>.<\/li>\n<li style=\"font-weight: 400\">Change the <strong>Opacity<\/strong> of the layer to about 40%.<\/li>\n<li style=\"font-weight: 400\">Click on the <strong>Croissant<\/strong> Layer, go to <strong>Edit \u2192 Transform \u2192 Rotate.<\/strong> In the <strong>Options Bar<\/strong>, change the angle to about 75 degrees to match the shadows of the plates of the other places. We want the shadow inside of the plate to be on the right to match the other plates.<\/li>\n<li style=\"font-weight: 400\">Select the <strong>Move Tool<\/strong>, reposition and resize the layer so that the plate with the croissant fits the composition. Somewhere next to the plate in the centre and below the honey will work. Do not worry about the other elements around the croissant as they will be masked out.<\/li>\n<li style=\"font-weight: 400\">Click on the <strong>Checkmark<\/strong> in the <strong>Options Bar<\/strong> and change the <strong>Opacity<\/strong> of the Layer back to 100%.<\/li>\n<\/ol>\n<h3>Masking out the selection<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Using the <strong>Curvature Pen Tool<\/strong>, click on the rim of the plate and then click on another part of the rim. Then click on the middle of the line created by the <strong>Pen Tool<\/strong> and drag upwards to make a curve.<\/li>\n<li>In the <strong>Paths Panel<\/strong>, click on the work path and then click on the Dotted Line Circle at the bottom to <strong>Convert Path to Selection.<\/strong><\/li>\n<li style=\"font-weight: 400\">Go to Layer &gt; Layer Mask &gt; Reveal Selection<\/li>\n<li style=\"font-weight: 400\">Click on the mask and in the properties panel, click on Select and Mask\u2026 in the Options Bar.\n<ol>\n<li style=\"font-weight: 400\">Under Global Refinements in the Properties Panel, adjust Smooth to 70 (*Note, these numbers can change depending on how well you created your selection with the curvature pen tool. Play around with these numbers slightly to achieve a nice clean mask).<\/li>\n<li style=\"font-weight: 400\">Adjust Feather to 1px<\/li>\n<li style=\"font-weight: 400\">Adjust Contrast to 20%<\/li>\n<li style=\"font-weight: 400\">Adjust Shift Edge to -30%.<\/li>\n<li style=\"font-weight: 400\">Press OK<\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400\">With your selection made, create a <strong>Layer Mask<\/strong> to reveal the selection.<\/li>\n<\/ol>\n<h3>Match the Brightness and Contrast<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and Select <strong>Black and White<\/strong>. This allows you to strictly look at the lightness and darkness in the image.<\/li>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Levels<\/strong> above the <strong>Croissant<\/strong> layer and ensure that it is a <strong>Clipping Mask<\/strong> to the Croissant Layer.<\/li>\n<li style=\"font-weight: 400\">Rename this layer to <strong>Brightness<\/strong><\/li>\n<li style=\"font-weight: 400\">Notice how the plate is fairly gray. Select the White slider on the right hand slide under the Graph and slide it to a value <strong>240<\/strong>.<\/li>\n<li style=\"font-weight: 400\">Delete the Black &amp; White layer.<\/li>\n<\/ol>\n<h3>Match the Colour<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Solid Color&#8230;<\/strong> and choose a bright orange colour. Any kind of orange will work.<\/li>\n<li style=\"font-weight: 400\">Change the <strong>Blend mode<\/strong> of the new adjustment layer to <strong>Saturation<\/strong>. This layer will help us to colour match the images.<\/li>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Colour Balance<\/strong> above the Croissant layer and ensure that it is a <strong>Clipping Mask<\/strong> to the <strong>Croissant Layer.<\/strong>\n<ol>\n<li style=\"font-weight: 400\">Add more Red into the image and change the slide to +4.<\/li>\n<li style=\"font-weight: 400\">Add more Green into the image and change the slider to +1.<\/li>\n<li style=\"font-weight: 400\">Add more Yellow into the image and change the slider to -4.<\/li>\n<li>Delete the Orange layer.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><em>The goal here is to match the colours of the plates in the croissant to the breakfast image.<\/em><\/p>\n<h3>Create a Subtle Shadow<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Create a new <strong>blank layer<\/strong> under the <strong>Croissant layer<\/strong> and above the <strong>Original Image.<\/strong><\/li>\n<li style=\"font-weight: 400\">Using the <strong>Eyedropper tool<\/strong>, select the colour of the darkest shadow from the original image. <em>Notice that not all shadows are black. Some have a colour tint depending on the image. This is why we use the eyedropper tool.<\/em><\/li>\n<li style=\"font-weight: 400\">Select the <strong>Brush Tool<\/strong>, ensuring you have a<strong> soft round brush<\/strong> selected, change the brush size to 250 px and the Opacity to 16%.<\/li>\n<li style=\"font-weight: 400\">Take your time and paint in the shadows where they would be. Use the other plates in the original image for reference.<\/li>\n<li style=\"font-weight: 400\">You can hold down the ~ key to erase away some of the shadows if you need to.<\/li>\n<\/ol>\n<h3>Use a Colour LUT (Lookup Table) to tie it all together<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Colour Lookup<\/strong>. Ensure that it is at the top of your layers.<\/li>\n<li style=\"font-weight: 400\">From the dropdown menu where it says <strong>Load 3D LUT&#8230;,<\/strong> select a LUT that you feel works for your image. These work like filters. If you feel the filter is too strong, feel free to adjust the Opacity of the layer.<\/li>\n<li style=\"font-weight: 400\">Save your file.<\/li>\n<\/ol>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"Tutorial 4.1\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/LjWRazmNzy0?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><em>Video created by Afrah Usman.<\/em><\/p>\n<hr \/>\n<h2>Compositing with a Person<\/h2>\n<p>The previous tutorial was a quick way to colour match objects that you choose to bring into your composition. This tutorial will now be a bit more complex but will help to make your compositions with humans more natural, especially if they are the main subject.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-1024x566.png\" alt=\"\" width=\"1024\" height=\"566\" class=\"aligncenter wp-image-305 size-large\" style=\"font-size: 1em\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-1024x566.png 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-300x166.png 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-768x424.png 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-1536x849.png 1536w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-2048x1131.png 2048w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-65x36.png 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-225x124.png 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.36-PM-350x193.png 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-1024x566.png\" alt=\"\" width=\"1024\" height=\"566\" class=\"aligncenter wp-image-304 size-large\" style=\"font-size: 1em\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-1024x566.png 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-300x166.png 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-768x424.png 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-1536x849.png 1536w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-2048x1132.png 2048w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-65x36.png 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-225x124.png 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.45-PM-350x193.png 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-1024x591.png\" alt=\"\" width=\"1024\" height=\"591\" class=\"aligncenter wp-image-303 size-large\" style=\"text-align: initial;font-size: 1em\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-1024x591.png 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-300x173.png 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-768x443.png 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-1536x886.png 1536w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-2048x1182.png 2048w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-65x38.png 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-225x130.png 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2021\/07\/Screen-Shot-2021-07-04-at-3.08.59-PM-350x202.png 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Photo by <a href=\"https:\/\/unsplash.com\/@matthewhenry?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Matthew Henry<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/toronto-night-city?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<em> [New Window]<\/em><\/a><\/p>\n<p>Photo by <a href=\"https:\/\/unsplash.com\/@breakreate?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Breakreate<\/a> on <a href=\"https:\/\/unsplash.com\/s\/visual\/1cf86872-e02a-4132-92a5-31ed37c961d5?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash <em>[New Window]<\/em><\/a><\/p>\n<ol>\n<li style=\"font-weight: 400\">Open the tutorial file named <strong>GCM738_Tutorial_04_Nightscene.psd.<\/strong> Save it as <strong>GCM738_Tutorial_04_Breakfast_YourIntitials_v1.psd.<\/strong><\/li>\n<li style=\"font-weight: 400\">Double click on the <strong>Background Layer<\/strong> and rename it to<strong> Original Image.<\/strong><\/li>\n<li style=\"font-weight: 400\">Notice where the lights are coming from in this scene. Notice the colours they cast. Notice where the shadows fall.<\/li>\n<\/ol>\n<h3>Masking your subject<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Place the <strong>Breakdancer.jpg<\/strong> file into the file you just opened.<\/li>\n<li style=\"font-weight: 400\">Change the <strong>Opacity<\/strong> of the layer to about 40%. Resize to about 55% and position the dancer between the planter and the tree. Change the <strong>Opacity<\/strong> to back 100% once you are satisfied with the positioning and click on the checkmark in the <strong>Options Bar.<\/strong><\/li>\n<li style=\"font-weight: 400\">From the <strong>Menu Bar,<\/strong> choose <strong>Select \u2192 Subject.<\/strong><\/li>\n<li style=\"font-weight: 400\">In the <strong>Options Bar<\/strong>, click on the <strong>Select and Mask\u2026<\/strong> button.<\/li>\n<li style=\"font-weight: 400\">Using the<strong> Refine Edge Tool<\/strong> or the <strong>Brush Tool<\/strong> with a soft brush to refine some of the ragged edges. Press OK.<\/li>\n<li style=\"font-weight: 400\">From the <strong>Menu Bar<\/strong>, choose <strong>Layer \u2192 Layer Mask \u2192 Reveal Selection.<\/strong><\/li>\n<li style=\"font-weight: 400\">You can then turn off the background layer and refine the mask with a smaller, black, hard brush if you wish.<\/li>\n<\/ol>\n<h3>Adjusting Brightness and Contrast Using Levels<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Black and White<\/strong>. This allows you to strictly look at the lightness and darkness in the image.<\/li>\n<li style=\"font-weight: 400\">With the <strong>Breakdancer<\/strong> layer selected, create a <strong>New Adjustment Layer<\/strong> and select <strong>Levels<\/strong>. Make this a<strong> Clipping Mask<\/strong> for the <strong>Breakdancer<\/strong> layer and rename this to <strong>Brightness and Contrast.<\/strong><\/li>\n<li style=\"font-weight: 400\">In the <strong>Properties Panel,<\/strong> slide the white stop to about 225 to adjust the highlights and make them slightly brighter.<\/li>\n<li style=\"font-weight: 400\">Slide the Black stop to about 25 to make the shadows slightly darker.<\/li>\n<li style=\"font-weight: 400\">Slide the Grey stop to about 1.2 to make the midtones slightly lighter.<\/li>\n<li style=\"font-weight: 400\">Ensure the <strong>Blend Mode<\/strong> of this layer is set to <strong>Luminosity<\/strong>. Although the change is very subtle, this ensures that the changes only affect the lightness and darkness of the image rather than the colours of the image.<\/li>\n<li style=\"font-weight: 400\">Delete the<strong> Black &amp; White<\/strong> adjustment layer.<\/li>\n<\/ol>\n<h3>Matching Colours<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and select <strong>Curves<\/strong>. Make this a <strong>Clipping Mask<\/strong> for the Breakdancer layer and rename this to <strong>Colour Matching.<\/strong><\/li>\n<li style=\"font-weight: 400\">Ensure that the adjustment layer thumbnail is selected and not the adjustment layer mask. In the Properties Panel, hold down option (Mac) or alt (PC) and click on <strong>Auto<\/strong>.<\/li>\n<li style=\"font-weight: 400\">In the Pop-up dialogue box, select <strong>Find Dark &amp; Light Colors.<\/strong><\/li>\n<li style=\"font-weight: 400\">Under <strong>Target Colors &amp; Clipping<\/strong>, double click on the colour box next to the shadows. Click on the darkest area of the background image closer to the bottom of the stores. Notice that the shadows in this area are closer to blue. Once you have selected the shadow, click OK.<\/li>\n<li style=\"font-weight: 400\">Do the same for the highlights but select the lightest part of the image like brighter parts of the \u201cOPEN\u201d neon sign. Remember to not choose an area that is 100% white. You\u2019re looking to get the colour of the cast in the highlights.<\/li>\n<li style=\"font-weight: 400\">A popup will ask if you want to save the new target colours as defaults. Select <strong>No<\/strong>.<\/li>\n<\/ol>\n<h3>Adding Highlights and Shadows to the Image<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Consider where the highlights and shadows fall on your subject. Think about where the light source is and where it is coming from.<\/li>\n<li style=\"font-weight: 400\">Create a new blank layer and create a clipping mask to the <strong>Breakdancer<\/strong>. Change the blend mode to <strong>Multiply<\/strong>. Rename it <strong>Shadows<\/strong>.<\/li>\n<li style=\"font-weight: 400\">Using the <strong>Brush tool<\/strong>, ensure you have a soft round brush selected, change the size to 60 and the Opacity to 30%.<\/li>\n<li style=\"font-weight: 400\">Hold down option or alt to use the eyedropper to select a colour from the shadows.<\/li>\n<li style=\"font-weight: 400\">Lightly paint under the arm, torso and legs of the subject &#8211; anywhere the natural shadows would fall based on the lightsource.<\/li>\n<li style=\"font-weight: 400\">Create a new layer and clip it to the Breakdancer. Change the blend mode to <strong>Linear Dodge (Add)<\/strong>. Rename it <strong>Highlights<\/strong>.<\/li>\n<li style=\"font-weight: 400\">Using the Brush tool, ensure you have a soft round brush selected, change the size to 60 and the Opacity to 15%.<\/li>\n<li style=\"font-weight: 400\">Hold down option or alt to use the eyedropper to select a colour from the highlights.<\/li>\n<li style=\"font-weight: 400\">Lightly paint the top of the head, arm, torso and legs of the subject &#8211; anywhere natural highlights would fall based on the light sources.<\/li>\n<\/ol>\n<h3>Create a Shadow of the Subject<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Create a new blank layer and name it <strong>Subject Shadow<\/strong>. Place it under the <strong>Breakdancer<\/strong>.<\/li>\n<li style=\"font-weight: 400\">With this new <strong>Subject Shadow<\/strong> layer selected, press Command or Ctrl and click on the <strong>Layer Mask<\/strong> of the breakdancer to create a selection.<\/li>\n<li style=\"font-weight: 400\">Turn off the <strong>Breakdancer<\/strong> layer for now.<\/li>\n<li style=\"font-weight: 400\">Select <strong>Edit \u2192 Fill<\/strong> and choose <strong>Color.<\/strong> You can now select a colour from one of the shadows.<\/li>\n<li style=\"font-weight: 400\">Cmd\/Ctrl + D to deselect the image.<\/li>\n<li style=\"font-weight: 400\">Select the <strong>Move Tool,<\/strong> hold shift and resize the vertical proportions of the shadow so that it is \u201csquished\u201d and would appear as a shadow would. Click on the checkmark in the <strong>Options Bar.<\/strong><\/li>\n<li style=\"font-weight: 400\">Select the layer, go to <strong>Filter \u2192 Blur \u2192 Gaussian Blur.<\/strong> Change the radius to 7px.<\/li>\n<li style=\"font-weight: 400\">Change the blend mode of this layer to <strong>Multiply<\/strong> and reduce the <strong>Opacity<\/strong> to about 60%.<\/li>\n<li style=\"font-weight: 400\">Turn the <strong>Breakdancer<\/strong> layer back on.<\/li>\n<\/ol>\n<h3>Tie it all together with a Colour LUT<\/h3>\n<p>A colour LUT (Lookup Table) is a method of colour grading your photos so that they have a distinct professional look. This is similar to using filters.<\/p>\n<ol>\n<li style=\"font-weight: 400\">Create a <strong>New Adjustment Layer<\/strong> and Select<strong> Colour Lookup.<\/strong> Ensure this is not a clipping mask and that it is at the top of all of your layers.<\/li>\n<li style=\"font-weight: 400\">Under 3DLUT File, you can load any filter that you think is applicable for the image. For this tutorial, we will use <strong>Fuji ETERNA 250D Fuji 3510 (by Adobe).cube.<\/strong><\/li>\n<li style=\"font-weight: 400\">If you feel that the colour LUT is too harsh, you can adjust the Opacity to your liking.<\/li>\n<li style=\"font-weight: 400\">Save your file.<\/li>\n<\/ol>\n<p><iframe loading=\"lazy\" id=\"oembed-2\" title=\"Tutorial 4.2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ffpcBhVwS2k?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><em>Video created by Afrah Usman.<\/em><\/p>\n","protected":false},"author":280,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-294","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/users\/280"}],"version-history":[{"count":13,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/294\/revisions"}],"predecessor-version":[{"id":363,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/294\/revisions\/363"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/294\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/media?parent=294"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapter-type?post=294"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/contributor?post=294"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/license?post=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}