JRN 302: Introduction to Graphics & Visual Communication - Resizing and Resampling

1. JRN 302: Introduction to Graphics & Visual Communication- Resizing and Resampling Thursday, 10/23/14

2. Class Objectives • Lecture • Resizing and Resampling • Demo: How to correctly use freeimages.com • Time to work on RR Assignment • Homework assignment • RR Assignment due at the end of class today • Work on Project Part 2

3. Resolution and raster images (review) • 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). • 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

4. Photographs and our Project • For our project, 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 • 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 • 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.

5. Freeimages.com (watch this demo- don’t try to follow along…) • These directions are also on your project description sheets for the ID designs…. • Log into the freeimages.com site • I use non-CMU email • Find the image you wish to download. You should look for free images… those further down on the webpage. • Click on the image that you wish to download. • Click on the orange “download” button.

6. Freeimages.com and required steps for our project • These directions are also on your project description sheets for the ID designs…. • On the new web page, • Make sure the image is in focus (no need to get points off for using someone else’s blurry photo) • If it is in focus, right click and save the LARGE JPG to your desktop (or wherever you are storing your files, remember that the desktop should only be considered temporary storage) • Open up the file in Photoshop. • Go to <Image <Image Size

7. Freeimages.com and required steps for our project • 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 project (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 our project • 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 TIF image in your ID file. • And this will be the only image you ultimately drop for your project (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, Resampling Down, Problems • For this project, no matter where you get your photographs, they have to be 300 ppi and close to the size you will use them in ID. • Open up your image in Photoshop • <Image <Image Size • 1st, look at your resolution setting • Is it 300, more than 300, or less than 300? (Goal is 300) • 2nd, look at the width and heights • Are they larger than what you need in your ID designs, smaller, about right? (Goal is about right)

12. 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.

13. 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.

14. Photoshop Demo: Problem • 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 project, you will get points off.