{"id":1024,"date":"2017-06-10T22:09:05","date_gmt":"2017-06-11T02:09:05","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/9-3-creating-and-manipulating-layers\/"},"modified":"2020-09-27T16:36:07","modified_gmt":"2020-09-27T20:36:07","slug":"9-3-creating-and-manipulating-layers","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/9-3-creating-and-manipulating-layers\/","title":{"raw":"9.3 Creating and manipulating layers","rendered":"9.3 Creating and manipulating layers"},"content":{"raw":"<ol>\n \t<li>We\u2019ll use the double-exposure file that we just created as a starting point, so use <strong>File &gt; Save As<\/strong> and save the file as <em>ch9-yourlastname-exquisite-corpse.psd<\/em>. Your file should look like the image in the screen capture below.\n<img class=\"alignnone size-large wp-image-1019\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-1024x718.png\" alt=\"Screencapture showing image from Exercise 2 loaded in Photoshop\u00ae.\" width=\"1024\" height=\"718\"><\/li>\n \t<li>Keep ch9-yourlastname-exquisite-corpse.psd open and use <strong>File &gt; Open<\/strong> in Photoshop\u00ae to open all of the documents used in this exercise (from the downloaded Work Files, the files are: <strong>arm.psd<\/strong>, <strong>back.psd<\/strong>, <strong>ear.psd<\/strong>, <strong>head.psd<\/strong>, <strong>shoes.psd<\/strong>, and <strong>torso.psd<\/strong>). The files will open as individual tabs in the main Photoshop\u00ae window.<\/li>\n \t<li>Move all of the body parts into the exquisite-corpse document, just as we moved the hands into the double-exposure document in Exercise 1. Once all of the parts are on separate layers in the exquisite-corpse document, rename all of the layers to indicate which body part is on the layer. You can use the eyeball icon for each layer in the Layers Panel to hide and show the layer and quickly assess which image each layer contains. You can close the files for the various parts after you\u2019ve added them all as layers, make sure to keep your exquisite-corpse image open (and save your work!)\n\n<img class=\"alignnone size-full wp-image-394\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-3-1.png\" alt=\"Screencapture showing all images needed for Exercise 3 loaded into one Photoshop\u00ae file as separate layers.\" width=\"597\" height=\"520\"><\/li>\n \t<li>Click on a layer and drag it above or below another layer. The order of the layers in the Layers Panel is referred to as the \u201cstacking order\u201d. This determines which image appears in the foreground (closer to the viewer\u2019s eyes) and which images fall to the background. Organize the layers so that they appear like the stacking order in the screen capture above. Notice that our Layers Panel has a left and right arm! We named our arm layer \u201cright arm\u201d then used the menu item <strong>Layer &gt; Duplicate Layer\u2026<\/strong> and named the duplicate layer, \u201cleft arm.\u201d Do this in your own file then, making sure \u201cleft arm\u201d is the active layer, use <strong>Edit &gt; Transform &gt; Flip Vertical<\/strong> to flip the left arm and then <strong>Edit &gt; Transform &gt; Flip Horizontal<\/strong> to distinguish it from the right arm.\n\n<img class=\"alignnone size-full wp-image-395\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-4a-1.png\" alt=\"Screencapture showing the Photoshop\u00ae Layer menu with &quot;Duplicate Layer...&quot; selected.\" width=\"273\" height=\"183\"> <img class=\"alignnone size-full wp-image-396\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-4b-1.png\" alt=\"Screencapture of the Photoshop\u00ae Duplicate Layer dialog box.\" width=\"433\" height=\"207\"><\/li>\n \t<li>Click on each layer to activate it, then use the <strong>Move Tool<\/strong> to reposition the layer and <strong>Edit &gt; Free Transform<\/strong> to scale it. Some of the layers will need to be scaled and moved in the stacking order if you want your exquisite corpse to look just like ours. When scaling, remember to hold the SHFT key while dragging on one of the four anchor corners in the Free Transform box to maintain proportion - or to link the width and height values if you are using the Options Panel to make the transformation. Also, be aware that it is safe to scale an image down in Photoshop\u00ae; however, it is typically not a good idea to scale an image up (or to make an image larger than it is) as this will create new interpolated pixel information in the image and will result in a degradation of image quality.\n\nOnce you\u2019ve finished this step save your file and move on to Exercise 4.<\/li>\n<\/ol>\n[caption id=\"attachment_397\" align=\"alignnone\" width=\"599\"]<img class=\"size-full wp-image-397\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-5-1.png\" alt=\"Screencapture showing the layered Photoshop\u00ae file result of Exercise 3\" width=\"599\" height=\"521\"> Here is the stacking order for the layers in our exquisite corpse image.[\/caption]","rendered":"<ol>\n<li>We\u2019ll use the double-exposure file that we just created as a starting point, so use <strong>File &gt; Save As<\/strong> and save the file as <em>ch9-yourlastname-exquisite-corpse.psd<\/em>. Your file should look like the image in the screen capture below.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1019\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-1024x718.png\" alt=\"Screencapture showing image from Exercise 2 loaded in Photoshop\u00ae.\" width=\"1024\" height=\"718\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-1024x718.png 1024w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-300x210.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-768x539.png 768w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-65x46.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-225x158.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1-350x246.png 350w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/c9-ex3-1.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<li>Keep ch9-yourlastname-exquisite-corpse.psd open and use <strong>File &gt; Open<\/strong> in Photoshop\u00ae to open all of the documents used in this exercise (from the downloaded Work Files, the files are: <strong>arm.psd<\/strong>, <strong>back.psd<\/strong>, <strong>ear.psd<\/strong>, <strong>head.psd<\/strong>, <strong>shoes.psd<\/strong>, and <strong>torso.psd<\/strong>). The files will open as individual tabs in the main Photoshop\u00ae window.<\/li>\n<li>Move all of the body parts into the exquisite-corpse document, just as we moved the hands into the double-exposure document in Exercise 1. Once all of the parts are on separate layers in the exquisite-corpse document, rename all of the layers to indicate which body part is on the layer. You can use the eyeball icon for each layer in the Layers Panel to hide and show the layer and quickly assess which image each layer contains. You can close the files for the various parts after you\u2019ve added them all as layers, make sure to keep your exquisite-corpse image open (and save your work!)\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-394\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-3-1.png\" alt=\"Screencapture showing all images needed for Exercise 3 loaded into one Photoshop\u00ae file as separate layers.\" width=\"597\" height=\"520\" \/><\/li>\n<li>Click on a layer and drag it above or below another layer. The order of the layers in the Layers Panel is referred to as the \u201cstacking order\u201d. This determines which image appears in the foreground (closer to the viewer\u2019s eyes) and which images fall to the background. Organize the layers so that they appear like the stacking order in the screen capture above. Notice that our Layers Panel has a left and right arm! We named our arm layer \u201cright arm\u201d then used the menu item <strong>Layer &gt; Duplicate Layer\u2026<\/strong> and named the duplicate layer, \u201cleft arm.\u201d Do this in your own file then, making sure \u201cleft arm\u201d is the active layer, use <strong>Edit &gt; Transform &gt; Flip Vertical<\/strong> to flip the left arm and then <strong>Edit &gt; Transform &gt; Flip Horizontal<\/strong> to distinguish it from the right arm.\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-395\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-4a-1.png\" alt=\"Screencapture showing the Photoshop\u00ae Layer menu with &quot;Duplicate Layer...&quot; selected.\" width=\"273\" height=\"183\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-396\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-4b-1.png\" alt=\"Screencapture of the Photoshop\u00ae Duplicate Layer dialog box.\" width=\"433\" height=\"207\" \/><\/li>\n<li>Click on each layer to activate it, then use the <strong>Move Tool<\/strong> to reposition the layer and <strong>Edit &gt; Free Transform<\/strong> to scale it. Some of the layers will need to be scaled and moved in the stacking order if you want your exquisite corpse to look just like ours. When scaling, remember to hold the SHFT key while dragging on one of the four anchor corners in the Free Transform box to maintain proportion &#8211; or to link the width and height values if you are using the Options Panel to make the transformation. Also, be aware that it is safe to scale an image down in Photoshop\u00ae; however, it is typically not a good idea to scale an image up (or to make an image larger than it is) as this will create new interpolated pixel information in the image and will result in a degradation of image quality.\n<p>Once you\u2019ve finished this step save your file and move on to Exercise 4.<\/li>\n<\/ol>\n<figure id=\"attachment_397\" aria-describedby=\"caption-attachment-397\" style=\"width: 599px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-397\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/c9-ex3-5-1.png\" alt=\"Screencapture showing the layered Photoshop\u00ae file result of Exercise 3\" width=\"599\" height=\"521\" \/><figcaption id=\"caption-attachment-397\" class=\"wp-caption-text\">Here is the stacking order for the layers in our exquisite corpse image.<\/figcaption><\/figure>\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-1024","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\/1024","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\/1024\/revisions"}],"predecessor-version":[{"id":1025,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/1024\/revisions\/1025"}],"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\/1024\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=1024"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=1024"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=1024"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=1024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}