{"id":1017,"date":"2017-06-10T21:55:06","date_gmt":"2017-06-11T01:55:06","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/9-2-exercise-2-cropping-and-adjusting-the-hue\/"},"modified":"2020-09-27T16:36:06","modified_gmt":"2020-09-27T20:36:06","slug":"9-2-exercise-2-cropping-and-adjusting-the-hue","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/9-2-exercise-2-cropping-and-adjusting-the-hue\/","title":{"raw":"9.2 Exercise 2: Cropping and adjusting the hue","rendered":"9.2 Exercise 2: Cropping and adjusting the hue"},"content":{"raw":"<ol>\n \t<li>Click on the <strong>Crop Tool<\/strong> in the Tool Panel (or press the C key on your keyboard) and notice the options for this tool in the Options Panel beneath the Photoshop\u00ae menu items. You\u2019ll see a pull-down menu with some crop presets, and boxes for numeric entry to the right of the pull-down menu. Set the pull-down to the <strong>W x H x Resolution<\/strong> preset, then enter <strong>6 in<\/strong> into the crop Width box, <strong>9 in<\/strong> into the Height box, and <strong>72<\/strong> into the Resolution box.<img class=\"size-full wp-image-1012 alignnone\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex2-1.png\" alt=\"Screen capture of the Adobe\u00ae Photoshop\u00ae Control Panel showing Width, Height, and Resolution settings for the Crop tool\" width=\"546\" height=\"37\">\n\nUpon entering values into the Width, Height, and Resolution boxes you will see a crop box appear over the canvas. Click and drag the crop box control handles to resize it so that you are cropping around the area of the document where the two layers overlap, similar to what is shown in the image below.\n\n<img class=\"alignnone size-large wp-image-1013\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-1024x718.png\" alt=\"Screencapture showing the crop frame after setting Crop tool parameters.\" width=\"1024\" height=\"718\">\n\nNotice that the crop tool will only create a rectangular shape in the aspect ratio of 6:9 as you are dragging. Finalize the crop by pressing Return or Enter on your keypad or by clicking the checkmark icon in the top right area of the Options Panel.<\/li>\n \t<li>Now we\u2019ll make some Hue\/Saturation adjustments to the color of our double exposure, but we\u2019ll do this using what is known as a \u201cnon-destructive\u201d editing technique. Remember when we made adjustments to Levels, Curves, and Hue\/Saturation on the flower image in chapter 8? The changes we made with those adjustments permanently changed the pixels in that image. If we wanted to change them back or re-adjust, we\u2019d have to start over with the original image.Non-destructive editing techniques use special features in Photoshop\u00ae that preserve the original image\u2019s pixel data while allowing changes to be made. <strong>Adjustment Layers<\/strong> are one such technique and can be added to a Photoshop\u00ae document by clicking on the Add Adjustment Layer button at the bottom of the Layers Panel (or by using Layer &gt; \u00a0New Adjustment Layer in the menu bar).\n\nClick the Add Adjustment Layer button at the bottom of the Layers Panel and notice that many of the adjustments available through the Image &gt; Adjustments menu are available as Adjustment Layers. Choose <strong>Hue\/Saturation\u2026<\/strong> from the New Adjustment Layer menu in the Layers Panel to add a Hue\/Saturation Adjustment Layer.\n\n<img class=\"alignnone size-full wp-image-376\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-2-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Add Adjustment Layer menu, with Hue\/Saturation selected.\" width=\"285\" height=\"546\"><\/li>\n \t<li>When you add this Adjustment Layer you will notice the Properties Panel will open displaying controls like those you used before when making a Hue\/Saturation adjustment. In the Properties Panel, check the \u201cColorize\u201d button and then use the Hue slider to create a cyan wash over the image. Click OK when you are satisfied with the colorization.<img class=\"alignnone size-full wp-image-377\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-3-1.png\" alt=\"Screencapture showing the Adobe\u00ae Photoshop\u00ae Properties Panel, with controls for a Hue\/Saturation Adjustment Layer.\" width=\"736\" height=\"528\">\n\nRemember that you can always double-click on the Adjustment Layer\u2019s icon in the Layers Panel to access the Properties Panel and modify the adjustment settings. Be sure the adjustment layer is in position as the topmost layer so that it affects all visible layers beneath. Make sure to save your work when you are finished with this step.\n<div class=\"textbox\"><em>Tool Tip:<\/em> Adjustment Layers can also be added using the Adjustments Panel. This panel has an icon for each of the different types of Adjustment Layers that can be added to an image. Hover your mouse pointer over each icon and you will see text describing the adjustment it represents. Simply click the icon for the adjustment you want and a new Adjustment Layer will be added into your document just above the active layer.<\/div><\/li>\n<\/ol>\n[caption id=\"attachment_373\" align=\"alignnone\" width=\"432\"]<img class=\"wp-image-373 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-result-1.jpg\" alt=\"Blue image of two overlapping hands.\" width=\"432\" height=\"648\"> This image depicts the results of exercises one and two.[\/caption]\n<h2>Exercises 3 and 4: Exquisite Corpse (in two parts)<\/h2>\nThe next two exercises in this chapter will take you through the process of creating an Exquisite Corpse image in two parts.\n\n\u201cExquisite corpse\u201d (in French, cadaver exquis) is a parlor game that the Surrealists developed in 1925 (Wikipedia). In this game, each player submits images (drawings, paintings, photographs) of heads, torsos and legs which are combined to produce surprising bodily results. I have played this game with students using images of each other that we captured in class on a digital camera as well as by using images from pop culture, found on the web. In the past, we have placed Lindsay Lohan\u2019s head on John Goodman\u2019s body, George W. Bush\u2019s head on Paris Hilton\u2019s body (with the dog), and so on. Images of my students included in this chapter\u2019s downloaded Work Files, but it's more fun to try this with pictures of your friends or family!","rendered":"<ol>\n<li>Click on the <strong>Crop Tool<\/strong> in the Tool Panel (or press the C key on your keyboard) and notice the options for this tool in the Options Panel beneath the Photoshop\u00ae menu items. You\u2019ll see a pull-down menu with some crop presets, and boxes for numeric entry to the right of the pull-down menu. Set the pull-down to the <strong>W x H x Resolution<\/strong> preset, then enter <strong>6 in<\/strong> into the crop Width box, <strong>9 in<\/strong> into the Height box, and <strong>72<\/strong> into the Resolution box.<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1012 alignnone\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex2-1.png\" alt=\"Screen capture of the Adobe\u00ae Photoshop\u00ae Control Panel showing Width, Height, and Resolution settings for the Crop tool\" width=\"546\" height=\"37\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex2-1.png 546w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex2-1-300x20.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex2-1-65x4.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex2-1-225x15.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex2-1-350x24.png 350w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/>\n<p>Upon entering values into the Width, Height, and Resolution boxes you will see a crop box appear over the canvas. Click and drag the crop box control handles to resize it so that you are cropping around the area of the document where the two layers overlap, similar to what is shown in the image below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1013\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-1024x718.png\" alt=\"Screencapture showing the crop frame after setting Crop tool parameters.\" width=\"1024\" height=\"718\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-1024x718.png 1024w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-300x210.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-768x539.png 768w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-65x46.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-225x158.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b-350x246.png 350w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-1b.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Notice that the crop tool will only create a rectangular shape in the aspect ratio of 6:9 as you are dragging. Finalize the crop by pressing Return or Enter on your keypad or by clicking the checkmark icon in the top right area of the Options Panel.<\/li>\n<li>Now we\u2019ll make some Hue\/Saturation adjustments to the color of our double exposure, but we\u2019ll do this using what is known as a \u201cnon-destructive\u201d editing technique. Remember when we made adjustments to Levels, Curves, and Hue\/Saturation on the flower image in chapter 8? The changes we made with those adjustments permanently changed the pixels in that image. If we wanted to change them back or re-adjust, we\u2019d have to start over with the original image.Non-destructive editing techniques use special features in Photoshop\u00ae that preserve the original image\u2019s pixel data while allowing changes to be made. <strong>Adjustment Layers<\/strong> are one such technique and can be added to a Photoshop\u00ae document by clicking on the Add Adjustment Layer button at the bottom of the Layers Panel (or by using Layer &gt; \u00a0New Adjustment Layer in the menu bar).\n<p>Click the Add Adjustment Layer button at the bottom of the Layers Panel and notice that many of the adjustments available through the Image &gt; Adjustments menu are available as Adjustment Layers. Choose <strong>Hue\/Saturation\u2026<\/strong> from the New Adjustment Layer menu in the Layers Panel to add a Hue\/Saturation Adjustment Layer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-376\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-2-1.png\" alt=\"Screencapture of the Adobe\u00ae Photoshop\u00ae Add Adjustment Layer menu, with Hue\/Saturation selected.\" width=\"285\" height=\"546\" \/><\/li>\n<li>When you add this Adjustment Layer you will notice the Properties Panel will open displaying controls like those you used before when making a Hue\/Saturation adjustment. In the Properties Panel, check the \u201cColorize\u201d button and then use the Hue slider to create a cyan wash over the image. Click OK when you are satisfied with the colorization.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-377\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-3-1.png\" alt=\"Screencapture showing the Adobe\u00ae Photoshop\u00ae Properties Panel, with controls for a Hue\/Saturation Adjustment Layer.\" width=\"736\" height=\"528\" \/>\n<p>Remember that you can always double-click on the Adjustment Layer\u2019s icon in the Layers Panel to access the Properties Panel and modify the adjustment settings. Be sure the adjustment layer is in position as the topmost layer so that it affects all visible layers beneath. Make sure to save your work when you are finished with this step.<\/p>\n<div class=\"textbox\"><em>Tool Tip:<\/em> Adjustment Layers can also be added using the Adjustments Panel. This panel has an icon for each of the different types of Adjustment Layers that can be added to an image. Hover your mouse pointer over each icon and you will see text describing the adjustment it represents. Simply click the icon for the adjustment you want and a new Adjustment Layer will be added into your document just above the active layer.<\/div>\n<\/li>\n<\/ol>\n<figure id=\"attachment_373\" aria-describedby=\"caption-attachment-373\" style=\"width: 432px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-373 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex2-result-1.jpg\" alt=\"Blue image of two overlapping hands.\" width=\"432\" height=\"648\" \/><figcaption id=\"caption-attachment-373\" class=\"wp-caption-text\">This image depicts the results of exercises one and two.<\/figcaption><\/figure>\n<h2>Exercises 3 and 4: Exquisite Corpse (in two parts)<\/h2>\n<p>The next two exercises in this chapter will take you through the process of creating an Exquisite Corpse image in two parts.<\/p>\n<p>\u201cExquisite corpse\u201d (in French, cadaver exquis) is a parlor game that the Surrealists developed in 1925 (Wikipedia). In this game, each player submits images (drawings, paintings, photographs) of heads, torsos and legs which are combined to produce surprising bodily results. I have played this game with students using images of each other that we captured in class on a digital camera as well as by using images from pop culture, found on the web. In the past, we have placed Lindsay Lohan\u2019s head on John Goodman\u2019s body, George W. Bush\u2019s head on Paris Hilton\u2019s body (with the dog), and so on. Images of my students included in this chapter\u2019s downloaded Work Files, but it&#8217;s more fun to try this with pictures of your friends or family!<\/p>\n","protected":false},"author":515,"menu_order":2,"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-1017","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":1000,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1017","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\/1017\/revisions"}],"predecessor-version":[{"id":1018,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1017\/revisions\/1018"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/1000"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1017\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=1017"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=1017"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=1017"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=1017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}