{"id":953,"date":"2017-06-05T14:19:04","date_gmt":"2017-06-05T18:19:04","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/7-3-exercise-3-image-size-file-size-and-resolution\/"},"modified":"2020-09-27T16:35:57","modified_gmt":"2020-09-27T20:35:57","slug":"7-3-exercise-3-image-size-file-size-and-resolution","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/chapter\/7-3-exercise-3-image-size-file-size-and-resolution\/","title":{"raw":"7.3 Exercise 3: Image Size, file size, and resolution","rendered":"7.3 Exercise 3: Image Size, file size, and resolution"},"content":{"raw":"<ol>\n \t<li>When an image or object is scanned or input from a digital camera, it appears in the Layers Palette as \u201cBackground Layer.\u201d Look in the Layers Palette (Window &gt; Layers) and notice that the background layer is locked. Double-click on the words \u201cBackground Layer\u201d in the Layers Palette to use the Rename Layer dialog box. When you rename the layer it is automatically unlocked.A layer is like a single sheet of transparency paper. A \u201cblank\u201d or empty layer is transparent. When a scan or digital photograph is first opened, it lives on the \u201cBackground\u201d layer. Layers can be added and deleted using this panel. Unlocking the background layer is a good habit, as it encourages the user to rename the layer (which is always a good idea) and enables the layer to be affected by tools and effects that can be \u201clocked out\u201d when the layer is locked.\n<div class=\"textbox\"><em>Tip:<\/em> Double-clicking on the icon of the layer will open the Layer Style dialog box. If this happens, hit Cancel, then try again by double-clicking specifically on the name of the layer.<\/div>\n<a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/06\/Ch07_Ex3_01.png\"><img class=\"alignnone wp-image-946\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-1024x594.png\" alt=\"Image showing the Name Layer dialog box.\" width=\"600\" height=\"348\"><\/a><\/li>\n \t<li>The Status Bar runs along the bottom of the file. Click and hold on the area of the Status Bar that reads, \u201cDoc:\u201d followed by a number in kilobytes or megabytes. You\u2019ll see the file\u2019s dimensions (in pixels and printed dimensions), color mode, and resolution.\n\n[caption id=\"attachment_136\" align=\"alignnone\" width=\"600\"]<a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/06\/Ch07_Ex3_02.png\"><img class=\"wp-image-136\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_02-1.png\" alt=\"Image showing the Photoshop\u00ae Status Bar with details displayed.\" width=\"600\" height=\"312\"><\/a> Click on the status bar to see the overall size of the print on the page. Our print would be very small at the current file settings.[\/caption]<\/li>\n \t<li>Click Image &gt; Image Size to see the resolution of the image.\n<img class=\"alignnone size-full wp-image-138\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_03-1.png\" alt=\"View of the Photoshop\u00ae Image menu, with Image Size option highlighted.\" width=\"265\" height=\"532\"><\/li>\n \t<li>Our scan (flower.tiff) is about 3 by 3 inches at 600 dots (on the print) or pixels (on the screen) per inch.\n<img class=\"alignnone wp-image-139\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_04-1.png\" alt=\"View of Image Size dialog box.\" width=\"600\" height=\"345\"><\/li>\n \t<li>Uncheck \u201cResample Image\u201d if it is checked, so that Width, Height, and Resolution appear linked together. Notice that the pixel dimensions at the top of the Image Size Dialog Box are no longer editable fields. The pixel dimensions will not change if a change is made to the editable Width, Height, or Resolution values. Modifying any one of these values results in corresponding changes to the other two. I set my height at 6 inches. This resulted in a width of 6 inches and a resolution of approximately 318 dpi. A print made at 318 dpi on my personal ink jet printer will be fine, that is, it will not be blurry or pixelated.<img class=\"alignnone wp-image-140\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_05-1.png\" alt=\"View of the Photoshop\u00ae Image Size dialog box with the image's width and height adjusted to 6 inches each.\" width=\"600\" height=\"345\">\nUsing the Image Size dialog box with \u201cResample Image\u201d unchecked enables the user to change the dimensions of the printed image or the resolution (dpi) without changing the overall number of pixels in the digital file. This is a good thing \u2013 you would never want to change the amount of pixels within the image, unless you simply want to delete some pixels in order to make the file size smaller. Pixels are created during the scanning process, on a scan bed or within the digital camera. The only way to make \u201cnew\u201d pixels is to rescan or re-capture the digital file using a higher resolution. It is not possible to create new pixels inside Photoshop\u00ae after the fact. OK, that\u2019s actually a lie. You can make new pixels, but you never want to. If Photoshop\u00ae resamples the image (or, makes new pixels based on the surrounding pixels) the result is a blurry or pixelated image.<\/li>\n \t<li>Click OK. Notice that nothing seems to happen to your file on the screen. This is because there was no change made to the actual number of pixels in the file. What changed is the amount of pixels that will be printed in one inch when the image is printed. Use the Status Bar to examine the result of changing the dpi in the Image Size dialog box while the option Resample Image was not selected. By nearly halving the resolution, the dimensions of the printed image have doubled. The size of the file stays the same.\n\n[caption id=\"attachment_141\" align=\"alignnone\" width=\"600\"]<img class=\"wp-image-141\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_06-1.png\" alt=\"The Photoshop\u00ae status bar showing current print size for image after resolution adjustment.\" width=\"600\" height=\"306\"> Clicking and holding in the Status Bar area demonstrates that my scan will print at a much larger size than it would have printed before I changed my resolution settings in the Image Size dialog box.[\/caption]<\/li>\n \t<li>Choose File &gt; Save As and change the format of the file from TIFF to Photoshop\u00ae, name your file <em>ch7-yourlastname-scanogram.psd<\/em>. Always save your work in progress using the native or master Photoshop\u00ae (PSD) format, it will give you more flexibility and options for revising your work as needed.\n<img class=\"alignnone size-full wp-image-142\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_07-1.png\" alt=\"The Photoshop\u00ae Save As dialog box\" width=\"559\" height=\"566\"><\/li>\n<\/ol>","rendered":"<ol>\n<li>When an image or object is scanned or input from a digital camera, it appears in the Layers Palette as \u201cBackground Layer.\u201d Look in the Layers Palette (Window &gt; Layers) and notice that the background layer is locked. Double-click on the words \u201cBackground Layer\u201d in the Layers Palette to use the Rename Layer dialog box. When you rename the layer it is automatically unlocked.A layer is like a single sheet of transparency paper. A \u201cblank\u201d or empty layer is transparent. When a scan or digital photograph is first opened, it lives on the \u201cBackground\u201d layer. Layers can be added and deleted using this panel. Unlocking the background layer is a good habit, as it encourages the user to rename the layer (which is always a good idea) and enables the layer to be affected by tools and effects that can be \u201clocked out\u201d when the layer is locked.\n<div class=\"textbox\"><em>Tip:<\/em> Double-clicking on the icon of the layer will open the Layer Style dialog box. If this happens, hit Cancel, then try again by double-clicking specifically on the name of the layer.<\/div>\n<p><a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/06\/Ch07_Ex3_01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-946\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-1024x594.png\" alt=\"Image showing the Name Layer dialog box.\" width=\"600\" height=\"348\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-1024x594.png 1024w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-300x174.png 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-768x445.png 768w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-1536x891.png 1536w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-65x38.png 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-225x131.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01-350x203.png 350w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Ch07_Ex3_01.png 1600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<li>The Status Bar runs along the bottom of the file. Click and hold on the area of the Status Bar that reads, \u201cDoc:\u201d followed by a number in kilobytes or megabytes. You\u2019ll see the file\u2019s dimensions (in pixels and printed dimensions), color mode, and resolution.<br \/>\n<figure id=\"attachment_136\" aria-describedby=\"caption-attachment-136\" style=\"width: 600px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/06\/Ch07_Ex3_02.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-136\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_02-1.png\" alt=\"Image showing the Photoshop\u00ae Status Bar with details displayed.\" width=\"600\" height=\"312\" \/><\/a><figcaption id=\"caption-attachment-136\" class=\"wp-caption-text\">Click on the status bar to see the overall size of the print on the page. Our print would be very small at the current file settings.<\/figcaption><\/figure>\n<\/li>\n<li>Click Image &gt; Image Size to see the resolution of the image.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-138\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_03-1.png\" alt=\"View of the Photoshop\u00ae Image menu, with Image Size option highlighted.\" width=\"265\" height=\"532\" \/><\/li>\n<li>Our scan (flower.tiff) is about 3 by 3 inches at 600 dots (on the print) or pixels (on the screen) per inch.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-139\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_04-1.png\" alt=\"View of Image Size dialog box.\" width=\"600\" height=\"345\" \/><\/li>\n<li>Uncheck \u201cResample Image\u201d if it is checked, so that Width, Height, and Resolution appear linked together. Notice that the pixel dimensions at the top of the Image Size Dialog Box are no longer editable fields. The pixel dimensions will not change if a change is made to the editable Width, Height, or Resolution values. Modifying any one of these values results in corresponding changes to the other two. I set my height at 6 inches. This resulted in a width of 6 inches and a resolution of approximately 318 dpi. A print made at 318 dpi on my personal ink jet printer will be fine, that is, it will not be blurry or pixelated.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-140\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_05-1.png\" alt=\"View of the Photoshop\u00ae Image Size dialog box with the image's width and height adjusted to 6 inches each.\" width=\"600\" height=\"345\" \/><br \/>\nUsing the Image Size dialog box with \u201cResample Image\u201d unchecked enables the user to change the dimensions of the printed image or the resolution (dpi) without changing the overall number of pixels in the digital file. This is a good thing \u2013 you would never want to change the amount of pixels within the image, unless you simply want to delete some pixels in order to make the file size smaller. Pixels are created during the scanning process, on a scan bed or within the digital camera. The only way to make \u201cnew\u201d pixels is to rescan or re-capture the digital file using a higher resolution. It is not possible to create new pixels inside Photoshop\u00ae after the fact. OK, that\u2019s actually a lie. You can make new pixels, but you never want to. If Photoshop\u00ae resamples the image (or, makes new pixels based on the surrounding pixels) the result is a blurry or pixelated image.<\/li>\n<li>Click OK. Notice that nothing seems to happen to your file on the screen. This is because there was no change made to the actual number of pixels in the file. What changed is the amount of pixels that will be printed in one inch when the image is printed. Use the Status Bar to examine the result of changing the dpi in the Image Size dialog box while the option Resample Image was not selected. By nearly halving the resolution, the dimensions of the printed image have doubled. The size of the file stays the same.<br \/>\n<figure id=\"attachment_141\" aria-describedby=\"caption-attachment-141\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_06-1.png\" alt=\"The Photoshop\u00ae status bar showing current print size for image after resolution adjustment.\" width=\"600\" height=\"306\" \/><figcaption id=\"caption-attachment-141\" class=\"wp-caption-text\">Clicking and holding in the Status Bar area demonstrates that my scan will print at a much larger size than it would have printed before I changed my resolution settings in the Image Size dialog box.<\/figcaption><\/figure>\n<\/li>\n<li>Choose File &gt; Save As and change the format of the file from TIFF to Photoshop\u00ae, name your file <em>ch7-yourlastname-scanogram.psd<\/em>. Always save your work in progress using the native or master Photoshop\u00ae (PSD) format, it will give you more flexibility and options for revising your work as needed.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-142\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Ch07_Ex3_07-1.png\" alt=\"The Photoshop\u00ae Save As dialog box\" width=\"559\" height=\"566\" \/><\/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-953","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","contributor-michael-mandiberg","contributor-xtine-burrough","license-cc-by-nc-sa"],"part":927,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/953","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\/953\/revisions"}],"predecessor-version":[{"id":954,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/953\/revisions\/954"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/927"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapters\/953\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/chapter-type?post=953"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=953"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}