{"id":1034,"date":"2017-06-10T22:46:01","date_gmt":"2017-06-11T02:46:01","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/9-4-exercise-4-adding-an-adjustment-to-specific-layers\/"},"modified":"2020-09-27T16:36:08","modified_gmt":"2020-09-27T20:36:08","slug":"9-4-exercise-4-adding-an-adjustment-to-specific-layers","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/9-4-exercise-4-adding-an-adjustment-to-specific-layers\/","title":{"raw":"9.4 Exercise 4: Adding an adjustment to specific layers","rendered":"9.4 Exercise 4: Adding an adjustment to specific layers"},"content":{"raw":"In this exercise we want to add an Adjustment Layer to the top of the Layers Panel, in order to bring some variation in color into the composition.\n<ol>\n \t<li>Make sure the top layer in your Layers Panel is your active layer. Add an adjustment layer for Hue\/Saturation and use the \u201cColorize\u201d button again to add a wash of orange. Notice that we\u2019ve encountered a problem here - this adjustment colorizes the entire document and overrides the cyan Hue\/Saturation layer we added previously. We want to retain those colors in our composition so we\u2019ll need to solve this problem.\n\n[caption id=\"attachment_1026\" align=\"alignnone\" width=\"692\"]<img class=\"size-full wp-image-1026\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex4-1.png\" alt=\"Screen capture showing results of Hue\/Saturation Adjustment Layer\" width=\"692\" height=\"668\"> Oh no, we\u2019ve lost our cyan! Don\u2019t worry, there\u2019s a solution...[\/caption]<\/li>\n \t<li>Fortunately, current versions of Photoshop\u00ae give us an easy solution. Our first step will be to group the layers that we want the Hue\/Saturation adjustment to colorize. To do this, click on the \u201cear\u201d layer to activate it, then hold down the SHFT key, and click on the last layer in the stacking order above the adjustment layer from Exercise 2. This will select all of the layers that make up our exquisite corpse.<\/li>\n \t<li>Next, click on the Layers Panel Pull-Down Menu in the top right corner of the panel and choose \u201c<strong>Create Group From Layers\u2026<\/strong>\u201d In the New Group From Layers dialog box, name the new group, \u201ccorpse.\u201d This will make a new folder in the Layers Panel for all of the body parts. Layer Groups are used to help keep the Photoshop\u00ae Layers Panel organized and work in a similar fashion as Illustrator\u00ae Layers in that they contain the layers that comprise different parts of a Photoshop\u00ae document.\n\n[caption id=\"attachment_401\" align=\"alignnone\" width=\"502\"]<img class=\"size-full wp-image-401\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-3-1.png\" alt=\"Screencapture of the Photoshop\u00ae Layers Panel's menu, with &quot;New Group from Layers...&quot; selected.\" width=\"502\" height=\"511\"> With layers selected for grouping, choose \u201cCreate Group from Layers\u2026\u201d in the Layers Panel menu.[\/caption]\n\n[caption id=\"attachment_402\" align=\"alignnone\" width=\"567\"]<img class=\"size-full wp-image-402\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-3b-1.png\" alt=\"Screencapture showing New Group From Layers dialog box.\" width=\"567\" height=\"347\"> Creating a Group from our selected Layers.[\/caption]\n\nNotice there\u2019s a thin arrow to the left of the \u201ccorpse\u201d group\u2019s folder icon. Clicking that arrow will expand the group so that you can see the layers it contains. Expand your \u201ccorpse\u201d group so that your Layers Panel looks like ours in the second image below.\n\n[caption id=\"attachment_407\" align=\"alignnone\" width=\"490\"]<img class=\"size-full wp-image-407\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-3c-d-1.png\" alt=\"Screencapture of the Photoshop\u00ae Layers Panel showing the &quot;corpse&quot; layer group collapsed and expanded.\" width=\"490\" height=\"501\"> Clicking the arrow next to a Layer Group\u2019s folder icon will expand or collapse that Layer Group.[\/caption]<\/li>\n \t<li>Now we come to the solution to our Hue\/Saturation conflict. Hold the ALT\/OPT key while moving your mouse pointer over the line between the top Hue\/Saturation adjustment layer and the \u201ccorpse\u201d layer group. You will see the cursor change to an icon that looks like a square next to a downward-pointing arrow.\n\n[caption id=\"attachment_408\" align=\"alignnone\" width=\"240\"]<img class=\"size-full wp-image-408\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-4-1.png\" alt=\"Screenshot showing clipping group mouse pointer between two layers.\" width=\"240\" height=\"91\"> Watch for this cursor as you move your mouse pointer between layers while holding the Alt\/Option key.[\/caption]\n\nWhen you see this cursor change, click the mouse button. This will create a clipping group between the adjustment layer and the merged layer. Now the adjustment layer will only affect the merged layer. The background images should appear cyan again.\n\n[caption id=\"attachment_409\" align=\"alignnone\" width=\"605\"]<img class=\"size-full wp-image-409\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-4b-1.png\" alt=\"Screenshot showing result of clipping an adjustment layer into a layer group.\" width=\"605\" height=\"529\"> Our result after clipping the \u201cHue\/Saturation 2\u201d Adjustment Layer into the \u201ccorpse\u201d Layer Group.[\/caption]<\/li>\n<\/ol>\n<ol start=\"5\">\n \t<li>Make sure that the \u201ccorpse\u201d Layer Group is active, then use the Blending Mode Pull-Down Menu in the Layers Panel to set the group\u2019s mode to Linear Light and enter 50% for the Layer Opacity (to the right of the Blending Mode Pull-Down Menu). A decreased opacity enables the viewer to see through the a layer or layer group, and helps to blend it with the layers underneath. Sometimes these methods can create a murky image where the foreground and background are hard to decipher. Remember that every image communicates a message, so you\u2019ll want to be aware if certain blending modes or other techniques result in a loss of clarity in your composition.\n\n[caption id=\"attachment_410\" align=\"alignnone\" width=\"267\"]<img class=\"size-full wp-image-410\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-5-1.png\" alt=\"Screencapture showing Layers panel with the &quot;corpse&quot; layer group blending mode set to &quot;Linear Light&quot; and Opaticy set to 50%.\" width=\"267\" height=\"214\"> Set the \u201ccorpse\u201d layer group\u2019s blend mode to Linear Light and set its Opacity to 50%[\/caption]<\/li>\n<\/ol>\nYou\u2019ve finished the exquisite corpse! Your result should resemble the image below. Save your work and take a break, you\u2019ve earned it!\n\n[caption id=\"attachment_411\" align=\"alignnone\" width=\"432\"]<img class=\"size-full wp-image-411\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-result-1.jpg\" alt=\"Resulting image from Exercises 3 and 4: an exquisite corpse image comprised of several different images depicting various people's arms, legs, head, torso, etc.\" width=\"432\" height=\"648\"> This image shows the result of Exercises 3 and 4.[\/caption]\n\n&nbsp;\n\n<hr>\n\n<h3>Attribution<\/h3>\n\"<a href=\"http:\/\/digital-foundations.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Digital Foundations - Intro to Media Design<\/a>\" by <a href=\"http:\/\/missconceptions.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xtine Burroughs<\/a> and <a href=\"http:\/\/mandiberg.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Michael Mandiberg<\/a> is licensed under <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">CC BY-NC-SA 3.0 <\/a>\/ This is a derivative from the <a href=\"http:\/\/wiki.digital-foundations.net\/index.php?title=Main_Page\">original work<\/a>. Content is available under <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons Attribution Non-Commercial Share Alike<\/a> unless otherwise noted.\n\n<img class=\"alignnone wp-image-299 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/cc-by-nc-sa-e1497051420987-1.png\" alt=\"Creative Commons icon for BY-NC-SA license\" width=\"125\" height=\"44\">","rendered":"<p>In this exercise we want to add an Adjustment Layer to the top of the Layers Panel, in order to bring some variation in color into the composition.<\/p>\n<ol>\n<li>Make sure the top layer in your Layers Panel is your active layer. Add an adjustment layer for Hue\/Saturation and use the \u201cColorize\u201d button again to add a wash of orange. Notice that we\u2019ve encountered a problem here &#8211; this adjustment colorizes the entire document and overrides the cyan Hue\/Saturation layer we added previously. We want to retain those colors in our composition so we\u2019ll need to solve this problem.<br \/>\n<figure id=\"attachment_1026\" aria-describedby=\"caption-attachment-1026\" style=\"width: 692px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1026\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex4-1.png\" alt=\"Screen capture showing results of Hue\/Saturation Adjustment Layer\" width=\"692\" height=\"668\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex4-1.png 692w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex4-1-300x290.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex4-1-65x63.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex4-1-225x217.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex4-1-350x338.png 350w\" sizes=\"auto, (max-width: 692px) 100vw, 692px\" \/><figcaption id=\"caption-attachment-1026\" class=\"wp-caption-text\">Oh no, we\u2019ve lost our cyan! Don\u2019t worry, there\u2019s a solution&#8230;<\/figcaption><\/figure>\n<\/li>\n<li>Fortunately, current versions of Photoshop\u00ae give us an easy solution. Our first step will be to group the layers that we want the Hue\/Saturation adjustment to colorize. To do this, click on the \u201cear\u201d layer to activate it, then hold down the SHFT key, and click on the last layer in the stacking order above the adjustment layer from Exercise 2. This will select all of the layers that make up our exquisite corpse.<\/li>\n<li>Next, click on the Layers Panel Pull-Down Menu in the top right corner of the panel and choose \u201c<strong>Create Group From Layers\u2026<\/strong>\u201d In the New Group From Layers dialog box, name the new group, \u201ccorpse.\u201d This will make a new folder in the Layers Panel for all of the body parts. Layer Groups are used to help keep the Photoshop\u00ae Layers Panel organized and work in a similar fashion as Illustrator\u00ae Layers in that they contain the layers that comprise different parts of a Photoshop\u00ae document.<br \/>\n<figure id=\"attachment_401\" aria-describedby=\"caption-attachment-401\" style=\"width: 502px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-401\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-3-1.png\" alt=\"Screencapture of the Photoshop\u00ae Layers Panel's menu, with &quot;New Group from Layers...&quot; selected.\" width=\"502\" height=\"511\" \/><figcaption id=\"caption-attachment-401\" class=\"wp-caption-text\">With layers selected for grouping, choose \u201cCreate Group from Layers\u2026\u201d in the Layers Panel menu.<\/figcaption><\/figure>\n<figure id=\"attachment_402\" aria-describedby=\"caption-attachment-402\" style=\"width: 567px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-402\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-3b-1.png\" alt=\"Screencapture showing New Group From Layers dialog box.\" width=\"567\" height=\"347\" \/><figcaption id=\"caption-attachment-402\" class=\"wp-caption-text\">Creating a Group from our selected Layers.<\/figcaption><\/figure>\n<p>Notice there\u2019s a thin arrow to the left of the \u201ccorpse\u201d group\u2019s folder icon. Clicking that arrow will expand the group so that you can see the layers it contains. Expand your \u201ccorpse\u201d group so that your Layers Panel looks like ours in the second image below.<\/p>\n<figure id=\"attachment_407\" aria-describedby=\"caption-attachment-407\" style=\"width: 490px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-407\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-3c-d-1.png\" alt=\"Screencapture of the Photoshop\u00ae Layers Panel showing the &quot;corpse&quot; layer group collapsed and expanded.\" width=\"490\" height=\"501\" \/><figcaption id=\"caption-attachment-407\" class=\"wp-caption-text\">Clicking the arrow next to a Layer Group\u2019s folder icon will expand or collapse that Layer Group.<\/figcaption><\/figure>\n<\/li>\n<li>Now we come to the solution to our Hue\/Saturation conflict. Hold the ALT\/OPT key while moving your mouse pointer over the line between the top Hue\/Saturation adjustment layer and the \u201ccorpse\u201d layer group. You will see the cursor change to an icon that looks like a square next to a downward-pointing arrow.<br \/>\n<figure id=\"attachment_408\" aria-describedby=\"caption-attachment-408\" style=\"width: 240px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-408\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-4-1.png\" alt=\"Screenshot showing clipping group mouse pointer between two layers.\" width=\"240\" height=\"91\" \/><figcaption id=\"caption-attachment-408\" class=\"wp-caption-text\">Watch for this cursor as you move your mouse pointer between layers while holding the Alt\/Option key.<\/figcaption><\/figure>\n<p>When you see this cursor change, click the mouse button. This will create a clipping group between the adjustment layer and the merged layer. Now the adjustment layer will only affect the merged layer. The background images should appear cyan again.<\/p>\n<figure id=\"attachment_409\" aria-describedby=\"caption-attachment-409\" style=\"width: 605px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-409\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-4b-1.png\" alt=\"Screenshot showing result of clipping an adjustment layer into a layer group.\" width=\"605\" height=\"529\" \/><figcaption id=\"caption-attachment-409\" class=\"wp-caption-text\">Our result after clipping the \u201cHue\/Saturation 2\u201d Adjustment Layer into the \u201ccorpse\u201d Layer Group.<\/figcaption><\/figure>\n<\/li>\n<\/ol>\n<ol start=\"5\">\n<li>Make sure that the \u201ccorpse\u201d Layer Group is active, then use the Blending Mode Pull-Down Menu in the Layers Panel to set the group\u2019s mode to Linear Light and enter 50% for the Layer Opacity (to the right of the Blending Mode Pull-Down Menu). A decreased opacity enables the viewer to see through the a layer or layer group, and helps to blend it with the layers underneath. Sometimes these methods can create a murky image where the foreground and background are hard to decipher. Remember that every image communicates a message, so you\u2019ll want to be aware if certain blending modes or other techniques result in a loss of clarity in your composition.<br \/>\n<figure id=\"attachment_410\" aria-describedby=\"caption-attachment-410\" style=\"width: 267px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-410\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-5-1.png\" alt=\"Screencapture showing Layers panel with the &quot;corpse&quot; layer group blending mode set to &quot;Linear Light&quot; and Opaticy set to 50%.\" width=\"267\" height=\"214\" \/><figcaption id=\"caption-attachment-410\" class=\"wp-caption-text\">Set the \u201ccorpse\u201d layer group\u2019s blend mode to Linear Light and set its Opacity to 50%<\/figcaption><\/figure>\n<\/li>\n<\/ol>\n<p>You\u2019ve finished the exquisite corpse! Your result should resemble the image below. Save your work and take a break, you\u2019ve earned it!<\/p>\n<figure id=\"attachment_411\" aria-describedby=\"caption-attachment-411\" style=\"width: 432px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-411\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex4-result-1.jpg\" alt=\"Resulting image from Exercises 3 and 4: an exquisite corpse image comprised of several different images depicting various people's arms, legs, head, torso, etc.\" width=\"432\" height=\"648\" \/><figcaption id=\"caption-attachment-411\" class=\"wp-caption-text\">This image shows the result of Exercises 3 and 4.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3>Attribution<\/h3>\n<p>&#8220;<a href=\"http:\/\/digital-foundations.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Digital Foundations &#8211; Intro to Media Design<\/a>&#8221; by <a href=\"http:\/\/missconceptions.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xtine Burroughs<\/a> and <a href=\"http:\/\/mandiberg.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Michael Mandiberg<\/a> is licensed under <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">CC BY-NC-SA 3.0 <\/a>\/ This is a derivative from the <a href=\"http:\/\/wiki.digital-foundations.net\/index.php?title=Main_Page\">original work<\/a>. Content is available under <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons Attribution Non-Commercial Share Alike<\/a> unless otherwise noted.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-299 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/cc-by-nc-sa-e1497051420987-1.png\" alt=\"Creative Commons icon for BY-NC-SA license\" width=\"125\" height=\"44\" \/><\/p>\n","protected":false},"author":515,"menu_order":4,"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-1034","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\/1034","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\/1034\/revisions"}],"predecessor-version":[{"id":1035,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1034\/revisions\/1035"}],"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\/1034\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=1034"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=1034"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=1034"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=1034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}