The Truth About Resolution and File Formats


Adobe® Photoshop® Intensive


Lesson Info

The Truth About Resolution and File Formats

So now it's jump back into our presentation, and we're going to talk about resolution and a file sizes for a few minutes here because those were really important things to understand part of your your core level of photoshopped skills, a little bit of theory. So what I'm gonna do is I'm gonna actually had the program. This is another keyboard shortcut that's really good to remember it's a menu item, too, but I like using the keyboard shortcut if you want to hide the program, I just want to get it out of the way for a little I don't want to quit it, and I want to close its it's going take too long to relaunch. I just want to hide it so you can go up to on american go to the photo shop menu. I think this one is in the edit menu on the pc and you can say hide, photo shop and it will hide it case still running. If you want to bring it back, you can just go down to your doc or your start menu or what have you the keeper shortcut for that is control command h and you can hide the program, so...

that is a handy one, so now it's pop back over into keynote here and let's start where we left off and we're gonna talk a little bit about what your images were made from. This is going to help you understand the whole resolution and re sizing conundrum. Okay, so what the heck are your images made from anyway? When you capture these things in your camera, your camera is actually capturing a fixed number of pixels, became pixels are the smallest element contained in a digital image. They are tiny little squares of color. And what you can see here on the screen is a a section of that daisy that I've zoomed into really, really far. And if you use the zoom tools in the program like we're going to be using like crazy, then you will eventually see the individual pixels of which the images surprised, okay? And they're solid color little buggers. Okay, but because the pixels air so small in the larger sunflower shot, you don't see the individual pixels. Okay, that is important. High resolution is basically you're telling photo shop a photo shop. I want you to make those pixels really, really small resolution simply determines what size of pixels are that's all resolution means okay. It's a measurement that controls pixel size pixels can be really, really smaller, they can be honking big. Okay for print, you want I'm really, really small, so you want high resolution, the higher the resolution number, the smaller, smaller, smaller those pixels become and that's what you want in a print, because when you print that sucker out, you do not want to see legos, ok, that would be bad. You've probably all printed out an image from the internet, and it probably did looked like legos, okay, printers or one of the few devices that can actually take advantage of the resolution measurement because what you're saying on your screens here in the studio and what you're seeing across the world at home, you're saying relatively low resolution because your monitor isn't capable of making picks was very small at all your monitors air probably showing you anywhere a pixel size between seventy two pixels per inch or ninety six pixels per inch, which means they're fairly good size. So that's why, if you print anything out from the internet or let's say you were given a presentation that wasn't saved, high quality, that was just, you know, given on screen and he print that out, things were going to look a little jacket that's because those pixels are big enough to see, okay, so knowing that your monitor can on ly display pixels at a certain size resolution doesn't even come into play it on ly matters if you're gonna print the image if you're not going to print the image don't even worry about resolute asian all because it simply doesn't matter the pixel dimensions by with and high are what's important in that situation so for example when I was designing this slides for the graphics rather for this presentation I knew how many pixels I had to work with by with and hive on this screen and that's the dimensions that I made my image I didn't even type anything into the resolution field because I simply don't care because I know I'm dealing with a fixed resolution in an on screen environment okay so the hammer that point home a little bit ah high resolution higher numbers and I would say anything over about one hundred fifty one hundred eighty pixels per inch p p k so you're pixels are getting really really small and the photo shop is shoving them together is packing them together very very tightly okay so they're danced and I have come up with an analogy to explain this and it's a fun one so when you're making cookies where is she going with this so if you've ever made cookies or if you ever mess with brown sugar at all think about how brown sugar works ok so here we have we have a picture with a lady and she's put brown sugar into a cup ok, before she presses it down, it takes up a certain amount of surface space. Ok, so let's say that she started out with a half cup. I think it's a half cup little measuring ten here. So if she does pours the brown sugar into the half cut measuring ten hey before packing it down when she reaches the half cup line, those pixels granules of sugar are kind of big. They're not mashed together, right? They take a little bit more surface space, but when she puts her hand in that measuring cup and she presses that round sugar down, it becomes more tightly packed. So if you can think of the pixels black brown sugar granules makes sense to me, then that's kind of what's happening when you're changing resolution so low resolution would be the brown sugar in there before packing it down. It takes up let's say a half a cup of surface space what she packs it down it may only come to half of the half cup, right? Because now it's more tightly compressed the granules you know, maybe they've got a little bit smaller from being squished together, so when you increase the resolution of an image the surface space, the physical printed size of the image will reduce his well because it's exactly the same thing as going on with brown sugar you're squishing it together, you're compressing it you're making it more dent's tightly packed together now it takes up a smaller surface space ok, so we're going to see all that in action here in a minute and photo shot when we go into the image size dialog box where you can actually play with resolution without ever altering the number of pixels in your image, which is how you can change resolution without changing image quality to great experimentation thing and we'll see how the image shrinks as we get you know a higher resolution number, which means smaller pixels more tightly packed together the physical size should we print that image is going to go down just like the brown sugar wants its patent down into a measuring cup takes up less surface space yes, sir yeah she's playing like picking up a picture I've always used the analogy with my customers and it's it's the same thing is picking up an image from the sunday comic strips was silly but it doesn't matter how big a stretch he still got the same image just have more space between the dots yeah that's a good one that's a good one it's not so much space between the dots it's the size of the dots themselves yeah that's a good one all right, everybody hungry now I'm hungry I want cookies so high resolution really small pickles packed more tightly together this takes up less surface base, low resolution big pixels kind of lose not that their space in between it's really just, you know, the size of the pixels I find the densely packed thing helps me understand it more so it's my pass it on to you guys so low resolution for screen because it just does not matter. And when I say screen, I mean anything that's going to stay on the screen, anything that's not printed presentations, multimedia images for, you know, ipad aps what have you and the reason I love this image from? I stopped short of the reason that resolution is so dadgum hard to understand and you and believe the volume of graphic designers that don't understand resolution tell anybody seriously, they don't understand what it is because it's really not taught in a lot of classes, which is an I think so the reason you don't understand resolution is because you cannot see the change on screen. The image up here, the one at the top left is seventy two pixels prints which you know now is, you know the pixels are pretty big we were two printed, it would look like it was made from legos, the image down here is the bottom right is three hundred pixels parent, which, you know you know, I said anything over about one hundred fifty, the pixels we're going to be pretty small that you're not going to be able to see them. If you're dealing with a high quality printer, then you can afford to make the pixels even smaller, so higher numbers, uh, we'll work as well, but it's not a difference she can see on the screen at all and that's, why it's so confusing? You just don't see a change and there's, no way for you to tell by looking at an image on screen, what resolution it is now, let's, talk a little bit about file formats, so here I've got a couple of columns in this whole table would get a usage table over here on the left, and we've got a little file format table on the right here we'll make you into saving all of our images in photo shop. It is important to understand what file format to use women okay and it's also helpful when you're getting in images from clients or other sources don't understand what the heck is that format? What is it for? So that's what this little table is going to help you figure out, and I have used a few pictures of lisa in her blond days, I'm really not that vein, it was just the only picture that I had that was a good illustration of all three things, so I like the red better anyway. Okay, so the file format that we're going to be using for the most part is j peg. Okay, j p e g it is great for the photos, because jay pegs can hold lots and lots and lots of color, which is what we want in our beautiful photographs. Okay, great for photos that you're gonna put anywhere going to email them. You're gonna post them on the web, you can print a j peg that hasn't been has it been saved as a j pig over and over and over again. So if you shot a j peg on your your digital camera and he brought in the photo shop and needed color correction, that it is totally finest saved that out as a j peg one time, and you can print j pegs, and they will print beautifully. Ok, unfortunately, j peg is a lossy format, which means it throws away a little information every time you save an image as a j pig. Ok, so that's, the thing you have to watch out for with the j pig is if you're shooting j paying on your camera when you bring that photo in the photo shop, you want to keep a master file hanging around okay, then you can save that file in the different formats that you need when you need it, because with j peg being a lossy compression format when she starts saving a j pig as a j pig as a j peg as a j peg, you go down a stair step of quality. Ok, so let's say our capture j peg is the highest level colony when we open that in photo shop and we save it is a gaping let's say we color corrected it, then you go down one stair step in quality that's not bad that's, fine, but you don't want to go past that, ok? You don't want to open up the second j peg, do some more correction voodoo and say that is a j peg because that when you will be able to tell a difference, most likely between that and the original, so you really only want to save it as a j peg. One time you want to go through the act of doing that one time, you don't want to do that over and over and over. Okay, so open up that j peg once and then we're going to save it into what's called photo shot format, which carries a psd extension, it stands for photo shop, document ptsd. And photoshopped documents are a completely lost, less format, so what we're going to do is we're going to open that jay pick from our digital camera, and we're going to immediately save it as a photoshopped document, and then when we need j pegs, we're going to save j pegs from that photo shop document. So no matter how many times we go back into that photoshopped document and do some more editing, the j pegs we create are always off of that high quality lossless format. So you're not going down that stair step of quality loss that you can with jay pigs. So, jay picture going to be what we're using the most often another file format that you're likely to encounter or need is called jif and it's g I f, and it really is pronounced jeff did you know? Did you know that there is a web site devoted to the pronunciation of this file format? I kid you not when I was writing my photo shot, but I had to figure it out is it differs it gift, because if you ask one person, I'll give you one answer, another will give you another answer, and I found out that it really is just because the creators of the format they actually put in parentheses in their documentation with a j so it really is just a jiff is also a lossy format, but it's really great for things that look like comic book art. Thanks for giving me that reference point, so anything that looks like line are in my line aren't I mean anything that's like, drawn and colored in with solid blocks of color. If you look at my blood, lisa head over there to the right, you can see that you don't have the grady ints of color that you have in the photograph that's above it, kids made from solid blocks of color. So that's a perfect use for this file for man. Another great thing about the jeff format is it supports something called transparency, which is what the next example down the list is showing. You see how the the the least ahead next to jeff has the white background will let's say, I've deleted that and photo shot, which we're going to be doing a lot of that, and if I save it as a jiff, or even the next format, which is called ping, than those two formats understand transparency, they understand the empty area and you can see that the least ahead doesn't have that white background, and you're actually seeing through to the slide background behind it, okay, I cannot tell you. How many screams I have heard from people in photo shot they have deleted a background and they say that is a j peg and the background comes back a serious serious frustration over this that's because the j peg format does not support transparency it doesn't understand what it means so it slaps a white background back on it no matter what you've does okay, so if you need transparency if he deleted a background and photo shop and you need to keep that as empty space and you have to save it as a jiff or a ping now if it's leinart solid blocks of color used if you'll get a smaller file size but if you're dealing with a photo that needs lots of colors then you want to save it as a ping format which is png and that's a relatively new file format on the on the block spin around five, six seven years something like that it's gaining popularity so you're going to see that more often now and that's a really, really high quality format it's not lost listen, it is not los e it doesn't throw away any information in your picture it's not that j pegs air throwing away pixels they're throwing away detail so in areas of fine detail you'll lose a little bit of that detail you won't have empty pixels but you do lose a little bit of information in that but ping is lossless so it's a really great high quality format if you need transparency which is handy another file format that you're likely to encounter is called tiff carries an extension of t I f tiff was all the rage with graphic designers because before the software that graphic designers used to put together magazines or newspapers they didn't understand photoshopped documents okay, so you had tio save the file in a high quality for man in such a way that those other page layout programs could read and it used to be that tip was the only option for that so tiff is something that you'll see people using when they want to print the image and they've got the image just perfect and they want to preserve it without having any kind of quality loss makes honking big files really, really, really big files okay, graphic designers are kind of not using that quite a cz much now because the software that they're using understands but a shot files and it's just more efficient just to use the focus off I'll saves you step of having to save it is a tiff in order to bring it into another program okay, another file format that you'll encounter is pdf stands for portable document file format and it can be lost lis ok you get the options of how much quality you're willing to let go when you save a document is a pdf tips and pfc can be handy when you need to send the file somewhere else for printing and that person doesn't have photo shop okay, but more likely than not when you're using an online lab for your photo printing or let's say your local camera store, they're requesting j pegs okay, so you would, you know, fix up the photo from your camera and then you would say that is a j peg you're not going to experience like I said earlier, much quality loss between those two some were often and not you I'll probably get asked for a high quality j peg rather than a tip repeat it pdf, but if you do that, at least you'll know what the heck they're four and like I said earlier, your master file for editing, which is what all of our j pegs we're going to be once we open them up and photo shop is the native photoshopped document and it is completely lost lists one hundred percent high quality goodness. Psd also keeps all of your layers and tax when we get into adding and creating layers, those hang around and all of my techniques I'm going to show you our nondestructive, which means you can make your changes and let's say we color correct a photo, we save it out, we printed, we give it our client and they request some tweaks well if you've used layers and you save the file is a photoshopped document you can open that thing again and go right back to those layers and continue tweaking the layers that you created which is in my opinion the only way to roll one more foul format right quickly and then we'll open it up for questions is the raw format okay? And I don't know why people capitalize are a w I think people think it's an acronym is I don't think it's really an acronym it's just raw format so there's really no reason for it to be raw you know all cats it looks like it's screaming at me or warring at me out like that so the raw format is super duper high quality ok and you're going to get that in camera in most cameras these days can shoot in raw format and the cool thing about raw is you don't get any of that in camera processing that you get with jay pigs so I have another analogy for you oh yes we're back to baked goods so it took me a while to figure out this whole j pick versus rob business what the heck is it? Do I really need it and what exactly are the differences? So I made this little graphic which helped me understand and I hope it will you two you can think of a j peg as a baked cookie it's a fully baked image ok, as you can see the start here underneath a fully baked cookie part, I say your camera, your camera that you're shooting this with is actually doing a little bit of processing to that j pig. If you're capturing j paying on your camera, your camera is pumping up the saturation a little bit it's doing a little bit of noise reduction and it's doing a little bit of sharpening is due in at least those three things, and depending upon what cameras, you may have a little bit of color correction going on in there as well. Ok? A lot of pointed shoes, too, that when they detect skin, they'll do a little bit of color correction and camera. A rod image is more like the raw ingredients that you have that you would use to bake the cookies. Ok, you can see how one is more flexible than the other. After you've baked a cookie, what can you do to change it? You can frost it right? You can, I don't know sprinkle things on top of it, there's not a whole heck of a lot you can do. In other words, a bait cookie is not nearly as flexible as the raw ingredients that you've got sitting around, like if you're on the food network. You have it all in little bowls like this picture. You can do anything you want. If you've got the wrong ingredients right, you can add or take away in that she can add or take away chocolate chips. More flexibility lives in a raw image than ajay. Pick raw images you've got knowing camera processing. If you were to take a raw image of the same thing and compare it with a j peg, the raw image would look like it would look terrible because there's no in camera processing, it would look flat. The color would wouldn't look as good as the j peg, but that's the camera doing it. So if you want full control, she rocks in your camera. Okay, and do a test. Turn your camera on to shoot both raw and j peg in just see, you know, use both and see which one you like better. Another cool thing about raw images is that because it's like raw ingredients, you can change the color of light that was used to capture the darn thing. So let's, say, for example, if you were shooting outside and there's a setting on your camera, call fight balance and it lets you tell the camera what the color of liar with the lighting conditions at that moment. You can set it for tungsten, which is regular light bulbs. You can set it for fluorescent light, you can set it for bright sun, you can set it for clouds. All of those different situations introduce a different color of light into your image, so if you screw it up in camera, which I am incredibly famous for doing, I get so excited I'm shooting outside, I've got it set on full sun, and then I'll I'll go into a museum and I'm shitting away and you know, the photos look terrible, but since I captured is a raw that fight mounts can be changed in software, okay, not photoshopped, but software that gets installed with photo shot, which is called camera raw adobe camera rock and real geeks will call it a c r so if you ever hear a cr, you'll know what oh, I didn't became around you have got that whatever, so you can change the white balance there. The last difference that I want to point out with jay pegs and raw is that draws the file size is enormous, enormous. You will fill up a memory card in your camera so fast and you will fill up a lot of hard drive space may or may not be an issue to you j pigs, they do have a manageable file size ok, so let's say, you've got a five megabyte j peg that rafael is going to be ten or fifteen megabytes. They're just really honking big.

Class Description

In this special photoshop tutorial, you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, author of Photoshop® CS5: The Missing Manual. There is so much to cover in Adobe® Photoshop® CS5 that we need almost a week to cover everything. In this special 4-day workshop you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, internationally acclaimed instructor and author. Lesa is informative yet entertaining with a unique way of explaining difficult concepts so you understand the "why" behind the "how". Get ready to spend a fun, high-energy week digging into the power of Photoshop.

Software Used: Adobe Photoshop CS 5.1


1Introduction: Nitty Gritty Basics + Layers 2Workspace Overview 3Q&A: Workspace 4The Truth About Resolution and File Formats 5Changing Resolution Without Changing Quality 6Q&A: Resolution and File Formats 7Resizing with the Crop Tool 8Cropping with the Ruler Tool 9Resizing with Content-Aware Scale 10Resizing for Print/Web 11Layers and Layer Types 12Duplicating, Moving, and and Aligning Layers 13Q&A: Layers 14Creating Reflections 15Layer Alignment Tools 16Simple Slimming Technique (Resizing Layers) 17Colorizing a Black and White Image 18Creating a Solid Color Fade with Fill Layers 19Layer Masks: Hand Painted Image Collage 20Layer Masks: Gradient Mask Collage 21Layer Blend Mode Collage (Include Load Images as Stack) 1Using Selections Part 1 2Using Selections Part 2 3Q&A: Selection Tools 4Color Selections: Fixing Animal White Eyes 5Tightening Up Layer Masks 6Painting Selections with QuickMasks 7Using Vector Drawing Tools 8Vector Shapes: Creating an Oval Vignette 9Vector Shapes: Rounded Edges to Photo 10Use Channels to Create Selections 11Tough Selections Around Hair & Fur 12Refine Edges Part 1 13Refine Edges Part 2 14Creative Edges on Photos 15Embellishing with Vector Art 16Creative Vector Photo Frames 17Editing Smart Objects 18Smart Objects Template: Creating Dark Edge Vignette 1Smart Objects: Selective Blurring 2Smart Objects: Selective Sharpening 3Sharpening with the High Pass Filter 4Q&A: Sharpening 5Auto Color Adjustments 6Shadows and Highlights 7Using Levels 8When to Use Smart Objects 9Using Curves 10Lightening and Darkening with Blend Modes 11Enhancing Eyes and Teeth 12Changing Colors with Hue/Saturation 13Changing Colors by Hand Painting 14Faux Dodge/Burn: Reduce Wrinkle 15Color to Black and White 1Healing Brush 2Content Aware Fill 3Using Text in Photoshop 4Designing with Baseline Shift 5OpenType Fonts 6Placing Text Behind an Object 7Barely There Text: Faded and Hollow Text 8Pushing Photos Through Text 9Adding Texture to Your Text 10Convert Text to Paths 11Combine Images using Advanced Blending 12Realistic Photo Aging 13Faking HDR 14Wrapping Texture Around an Object