1. JRN 302: Introduction to Graphics & Visual Communication - Resizing and Resampling Thursday, 11-12-15

2. Class Objectives Lecture Resizing and Resampling Demo: How to correctly use freeimages.com for the purposes of the newsletter assignment (you HAVE to DO THIS!) Homework assignment Newsletter due by 12-1-15

3. Resolution and raster images (review) Raster images are resolution dependent Lo resolution for monitors= 72 to 96 ppi Hi resolution for printed color pieces= 300 ppi Hi resolution for printed b/w pieces= 600 ppi Resolution is a measurement of the output quality of an image, usually in terms of samples, pixels, dots, or lines per inch (varies according to the intended output devices).

4. Photographs and your Newsletter For your newsletter, you can use photographs that you don’t own/shoot but Don’t just right-click and steal an image off of any webpage! Lo res file, -10 points off Do either Get images from www.freeimages.com or From someone who gives you permission  you will need to get their consent/approval (can be e-mail) and include in project  But stay away from social media images…  … because you will be marked down if you upsample and get a blurry image or use a lo res/in focus image. -10 pts

5. How to handle photos from freeimages.com 1. Log into the freeimages.com site I use non-CMU email 2. Find the image you wish to download. You should look for free images…not images that are watermarked. 3. Click on the image that you wish to download. Make sure the image is in focus (no need to get points off for using someone else’s blurry photo)

6. Freeimages.com and required steps for your newsletter 4. Click on the green “download” button. Download the largest file you can (normally, the one called “full”) Remember where you downloaded your file! 5. Open up the file in Photoshop. Go to <Image <Image Size

7. Freeimages.com and required steps for your newsletter If the Resolution says “300” at MINIMUM, just hit OK and <Save As a TIF file with a name that makes sense. Now you can safely place this TIF image in your ID file. And this will be the only image you ultimately drop for your newsletter (not the jpg you downloaded)! Yes, you HAVE to do this.. If you give a jpg, or anything lo res, you get points off.

8. Freeimages.com and required steps for your newsletter If the Resolution says anything under 300, make sure the Resample box is Unchecked (which means you are now Resizing). Type in 300 next to Resolution. (look to see what changed and what did not change) Hit Ok and then <Save As a TIF with a name that makes sense…. You’ve just resized your image. Now you can safely place this hi res TIF image in your ID file. And this will be the only image you ultimately drop for your newsletter (not the jpg you downloaded)! Yes, you have to do this!!!

9. Resizing = box unchecked Think of resizing as a trade off What is it: High dimensions (w, h) and lo res Lo dimensions and hi res = same file size (mb) When to use = You need a hi res Tiff image for the project to place into your InDesign files Did overall file size change with resizing? No

10. Resampling = box checked Think of resampling as change What is it: High dimensions and lo res Lo dimensions and lo res = smaller file size When to use: You need to save a lot of image files but don’t need them all to be so large (e.g. because you are using them for web images) Did overall file size change with resampling? Yes

11. Photoshop Demo: Resizing Class image page: “resizing” file This might be from freeimages or digital camera If your resolution is less than 300ppi And your width and height are larger than what you need… You can resize (swap) to get 300ppi Make sure the “Resample Image” checkbox is Unchecked Change your Resolution to be 300 pixels/inch  (Notice your width and height will decrease) Hit OK Save this file as a new named flattened TIFF file.

12. Photoshop Demo: Resampling Down Class image page: “resampling down” file This might be from freeimages or digital camera If your resolution is set to 300 ppi already… Check to see if your Width and Height can be decreased to something closer in size to what you have in your ID design. Make sure the “Resample Image” checkbox is CHECKED (Now you are actually Resampling) Decrease your width (or height) to something close to what you will use in your ID design  Notice the file size decreased- that is good! Hit OK Save this file as a new named flattened TIFF file.

13. Photoshop Demo: Problem (seen in sm files) Class image page: “problem” file This is when you get a web image and try to use it You open your file in PS You notice your PPI is less than 300 You notice your width and height are too small Do NOT try to resize up or resample up in PS  You can’t increase a raster image = dumb files Do NOT try to scale up in ID  You can’t increase a raster image = dumb files What do you do? You find another image because if you use this in your newsletter, you will get points off.

14. Photoshop Demo: Resizing, Resampling Down, Problems For the newsletter, no matter where you get your photographs, they have to be 300 ppi in focus when viewed at 100% in Photoshop Not blurry when printed out Here’s the thing… if you try to increase the percentage/size after you have <File <Placed them in ID, they will probably print blurry! So try to use them at the 100% placed file size or smaller Saved as a TIF file Have to be <File <Placed in ID Have to provide the correct files (name, tif) with your digital drop