{"id":991,"date":"2017-06-10T00:21:25","date_gmt":"2017-06-10T04:21:25","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/8-3-exercise-3-adjusting-the-histogram-in-levels-or-curves\/"},"modified":"2020-09-27T16:36:02","modified_gmt":"2020-09-27T20:36:02","slug":"8-3-exercise-3-adjusting-the-histogram-in-levels-or-curves","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/8-3-exercise-3-adjusting-the-histogram-in-levels-or-curves\/","title":{"raw":"8.3 Exercise 3: Adjusting the histogram in Levels or Curves","rendered":"8.3 Exercise 3: Adjusting the histogram in Levels or Curves"},"content":{"raw":"For this exercise we will complete the first step (Levels) on the grayscale image that was used in Exercise 2, <em>ch8-lastname-flower_gray.psd<\/em>. Then we will use the color version of the file, <em>ch8-lastname-flower_cropped.psd<\/em>, again.\n<ol>\n \t<li>Click <strong>Image &gt; Adjustments &gt; Levels<\/strong>, which is used to control tonal adjustments specifically in the shadow and highlight areas. The Levels dialog box displays the histogram that we just viewed in the previous exercise. At the left side, tonal information is presented for shadow areas, then mid-tones, followed by highlights on the right side. Moving the input level sliders (the small triangles just beneath the graph) to correspond to image areas where there is information on the left and right sides of the histogram readjusts where 100% black and 100% white occur within the image. Tonal manipulations occur as a result of adjusting the numbers associated with each slider. If the objective is to make the image look abstract through high contrast, move the sliders towards each other. If the objective is to make the image seem true to life, the sliders should be used carefully. Adjust the sliders to your taste and click OK.<img class=\"alignnone size-full wp-image-982\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c8-ex3-1.png\" alt=\"Screencapture of the Photoshop\u00ae Levels Adjustment dialog box, consisting of a histogram and slider controls to adjust input\/output levels.\" width=\"456\" height=\"419\">Use <strong>File &gt; Save As<\/strong>\u00a0and save a copy of this adjusted image as <em>ch8-lastname-flower_gray_adjusted.psd<\/em><\/li>\n \t<li>Open your <em>ch8-lastname-flower_cropped.psd<\/em> image. We\u2019ll be making some adjustments to the image so use <strong>File&gt; Save As<\/strong> and save a copy named <em>ch8-lastname-flower_curves.psd<\/em> - this will be your working file for the remainder of this exercise. Look at the Histogram panel to see information about the grayscale values in this image.<\/li>\n \t<li>From the upper right pull-down menu in the Histogram panel, choose \u201cAll Channels View\u201d to see the histogram for the composite RGB channel as well as the single red, green and blue channels that comprise the image. Even though the image is seen in color, the overall scale of gray values should be evaluated. Notice the graphs in the Histogram panel for each of the three separate channels (ask yourself the same questions as we posed when evaluating a grayscale image in exercise two).\n<img class=\"alignnone size-full wp-image-322\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3a-1.png\" alt=\"Screenshot showing closeup view of the Adobe\u00ae Photoshop\u00ae Histogram panel with its menu open and &quot;All Channels View&quot; selected.\" width=\"615\" height=\"373\">\n\n[caption id=\"attachment_323\" align=\"alignnone\" width=\"615\"]<a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/06\/c8-ex3-3b.png\"><img class=\"wp-image-984\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-1024x718.png\" alt=\"Screenshot showing Histogram panel with the All Channels View activated.\" width=\"615\" height=\"431\"><\/a> Look at the individual histograms for the red, green, and blue channels. Notice that there is more highlight information in the red channel, while all three channels peak around the same point in the shadow areas. Also notice that the red channel has the most color information across the x-axis while the other two channels have steeper slopes towards the start and ending points of the curves.[\/caption]<\/li>\n \t<li>Click <strong>Image &gt; Adjustments &gt; Curves<\/strong>. Once again, the histogram is presented in the Curves dialog box. Curves, like Levels, can be used to adjust the tonal scale within the image.<\/li>\n \t<li>This time, don\u2019t touch the RGB composite histogram. Instead, adjust each of the red, green, and blue graphs individually so that there is image information where the deepest shadows and lightest highlights appear. To do this, start by using the pull-down Channel menu from within the Curves dialog box to select \u201cRed\u201d (or use Alt\/Option+3 on your keyboard). Use the input sliders on the left and right sides to move the edges of the endpoints of the line graph to the point where image information exists.\n<img class=\"alignnone wp-image-325\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-5a-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves Adjustment dialog box, consisting of a histogram with controls to adjust dark, midtone, and light values in an image.\" width=\"656\" height=\"462\">\n<img class=\"alignnone wp-image-326 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-5b-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves adjustment dialog box, set to adjust the Red channel.\" width=\"656\" height=\"452\"><\/li>\n \t<li>Use the Channel pull-down menu to select \u201cGreen\u201d (Alt\/Option+4). Use the input sliders on the left and right sides to move the edges of the endpoints of the line graph to the point where image information exists.\n<img class=\"alignnone wp-image-327 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-6-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves adjustment dialog box, set to adjust the Green channel.\" width=\"656\" height=\"452\"><\/li>\n \t<li>Use the Channel pull-down menu to select \u201cBlue\u201d (Alt\/Option+5). Use the input sliders on the left and right sides to move the edges of the endpoints of the line graph to the point where image information exists.\n<img class=\"alignnone size-full wp-image-328\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-7-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves adjustment dialog box, set to adjust the Blue channel.\" width=\"656\" height=\"452\"><\/li>\n \t<li>Click OK. Adjusting the Curves (or Levels, either adjustment could have been used for this last exercise) manually for each color channel produces a better result than simply doing this one time for the composite RGB channel.<\/li>\n \t<li>Notice the Histogram. It should show a graph with information that spans from the left side of the x-axis (shadows) to the right side (highlights).\n\n[caption id=\"attachment_330\" align=\"alignnone\" width=\"450\"]<img class=\"alignnone wp-image-329\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex-3-9a-1.jpg\" alt=\"Unadjusted photo of a purple flower.\" width=\"450\" height=\"444\"> <img class=\"wp-image-330\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-9b-1.png\" alt=\"Photo of a purple flower with Curves adjustments applied to the Red, Green, and Blue channels.\" width=\"450\" height=\"444\"> The image on the top\u00a0is before the curves were altered and the image on the bottom\u00a0has been modified. Information spans the entire x-axis on the histogram. Notice that the contrast is slightly modified, but the overall change to the image is slight. Be careful about pushing the sliders too far. The modifications should be minimal.[\/caption]<\/li>\n<\/ol>","rendered":"<p>For this exercise we will complete the first step (Levels) on the grayscale image that was used in Exercise 2, <em>ch8-lastname-flower_gray.psd<\/em>. Then we will use the color version of the file, <em>ch8-lastname-flower_cropped.psd<\/em>, again.<\/p>\n<ol>\n<li>Click <strong>Image &gt; Adjustments &gt; Levels<\/strong>, which is used to control tonal adjustments specifically in the shadow and highlight areas. The Levels dialog box displays the histogram that we just viewed in the previous exercise. At the left side, tonal information is presented for shadow areas, then mid-tones, followed by highlights on the right side. Moving the input level sliders (the small triangles just beneath the graph) to correspond to image areas where there is information on the left and right sides of the histogram readjusts where 100% black and 100% white occur within the image. Tonal manipulations occur as a result of adjusting the numbers associated with each slider. If the objective is to make the image look abstract through high contrast, move the sliders towards each other. If the objective is to make the image seem true to life, the sliders should be used carefully. Adjust the sliders to your taste and click OK.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-982\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c8-ex3-1.png\" alt=\"Screencapture of the Photoshop\u00ae Levels Adjustment dialog box, consisting of a histogram and slider controls to adjust input\/output levels.\" width=\"456\" height=\"419\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c8-ex3-1.png 456w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c8-ex3-1-300x276.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c8-ex3-1-65x60.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c8-ex3-1-225x207.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c8-ex3-1-350x322.png 350w\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" \/>Use <strong>File &gt; Save As<\/strong>\u00a0and save a copy of this adjusted image as <em>ch8-lastname-flower_gray_adjusted.psd<\/em><\/li>\n<li>Open your <em>ch8-lastname-flower_cropped.psd<\/em> image. We\u2019ll be making some adjustments to the image so use <strong>File&gt; Save As<\/strong> and save a copy named <em>ch8-lastname-flower_curves.psd<\/em> &#8211; this will be your working file for the remainder of this exercise. Look at the Histogram panel to see information about the grayscale values in this image.<\/li>\n<li>From the upper right pull-down menu in the Histogram panel, choose \u201cAll Channels View\u201d to see the histogram for the composite RGB channel as well as the single red, green and blue channels that comprise the image. Even though the image is seen in color, the overall scale of gray values should be evaluated. Notice the graphs in the Histogram panel for each of the three separate channels (ask yourself the same questions as we posed when evaluating a grayscale image in exercise two).<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-322\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3a-1.png\" alt=\"Screenshot showing closeup view of the Adobe\u00ae Photoshop\u00ae Histogram panel with its menu open and &quot;All Channels View&quot; selected.\" width=\"615\" height=\"373\" \/><\/p>\n<figure id=\"attachment_323\" aria-describedby=\"caption-attachment-323\" style=\"width: 615px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/06\/c8-ex3-3b.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-984\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-1024x718.png\" alt=\"Screenshot showing Histogram panel with the All Channels View activated.\" width=\"615\" height=\"431\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-1024x718.png 1024w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-300x210.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-768x539.png 768w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-65x46.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-225x158.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b-350x246.png 350w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-3b.png 1280w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/a><figcaption id=\"caption-attachment-323\" class=\"wp-caption-text\">Look at the individual histograms for the red, green, and blue channels. Notice that there is more highlight information in the red channel, while all three channels peak around the same point in the shadow areas. Also notice that the red channel has the most color information across the x-axis while the other two channels have steeper slopes towards the start and ending points of the curves.<\/figcaption><\/figure>\n<\/li>\n<li>Click <strong>Image &gt; Adjustments &gt; Curves<\/strong>. Once again, the histogram is presented in the Curves dialog box. Curves, like Levels, can be used to adjust the tonal scale within the image.<\/li>\n<li>This time, don\u2019t touch the RGB composite histogram. Instead, adjust each of the red, green, and blue graphs individually so that there is image information where the deepest shadows and lightest highlights appear. To do this, start by using the pull-down Channel menu from within the Curves dialog box to select \u201cRed\u201d (or use Alt\/Option+3 on your keyboard). Use the input sliders on the left and right sides to move the edges of the endpoints of the line graph to the point where image information exists.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-325\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-5a-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves Adjustment dialog box, consisting of a histogram with controls to adjust dark, midtone, and light values in an image.\" width=\"656\" height=\"462\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-326 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-5b-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves adjustment dialog box, set to adjust the Red channel.\" width=\"656\" height=\"452\" \/><\/li>\n<li>Use the Channel pull-down menu to select \u201cGreen\u201d (Alt\/Option+4). Use the input sliders on the left and right sides to move the edges of the endpoints of the line graph to the point where image information exists.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-327 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-6-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves adjustment dialog box, set to adjust the Green channel.\" width=\"656\" height=\"452\" \/><\/li>\n<li>Use the Channel pull-down menu to select \u201cBlue\u201d (Alt\/Option+5). Use the input sliders on the left and right sides to move the edges of the endpoints of the line graph to the point where image information exists.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-328\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-7-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Curves adjustment dialog box, set to adjust the Blue channel.\" width=\"656\" height=\"452\" \/><\/li>\n<li>Click OK. Adjusting the Curves (or Levels, either adjustment could have been used for this last exercise) manually for each color channel produces a better result than simply doing this one time for the composite RGB channel.<\/li>\n<li>Notice the Histogram. It should show a graph with information that spans from the left side of the x-axis (shadows) to the right side (highlights).<br \/>\n<figure id=\"attachment_330\" aria-describedby=\"caption-attachment-330\" style=\"width: 450px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-329\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex-3-9a-1.jpg\" alt=\"Unadjusted photo of a purple flower.\" width=\"450\" height=\"444\" \/><figcaption id=\"caption-attachment-330\" class=\"wp-caption-text\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-330\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c8-ex3-9b-1.png\" alt=\"Photo of a purple flower with Curves adjustments applied to the Red, Green, and Blue channels.\" width=\"450\" height=\"444\" \/> The image on the top\u00a0is before the curves were altered and the image on the bottom\u00a0has been modified. Information spans the entire x-axis on the histogram. Notice that the contrast is slightly modified, but the overall change to the image is slight. Be careful about pushing the sliders too far. The modifications should be minimal.<\/figcaption><\/figure>\n<\/li>\n<\/ol>\n","protected":false},"author":515,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":["xtine-burrough","michael-mandiberg"],"pb_section_license":"cc-by-nc-sa"},"chapter-type":[48],"contributor":[65,64],"license":[56],"class_list":["post-991","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":969,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/users\/515"}],"version-history":[{"count":1,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/991\/revisions"}],"predecessor-version":[{"id":992,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/991\/revisions\/992"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/969"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/991\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=991"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=991"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=991"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}