Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
FREELessons:23Length:3.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

11.1 Exporting Images

In this lesson you will learn how to export in Photoshop. You'll see the best way to get your images ready for use in a print document, a website, or for social media. You will learn the pros and cons for JPEG, PNG, and PSD files. You will learn how to create a Photoshop file ready for use with other Adobe software products such as InDesign, Illustrator, and After Effects.

11.1 Exporting Images

Hey everyone, this video is all about exporting our files out of Photoshop. So we've done our work, we're finished, and now we need to do something with them. We'll cover how to send them to different Adobe applications, as well as sending them out to print and web and social media, so let's get started. So first up, open up our file, it's called 20-Exporting.psd. Now, this is something we've worked on earlier, so you can have your version open if you like. So the first use case is let's say I've designed this and I wanna put it into something like Adobe InDesign, and that's a desktop publishing app. So where I make my magazines and books and flyers and brochures. Now this technique is true for all of the Adobe software, could be After Effects, it could be Premiere, it could be Illustrator. All they really want is, there's actually nothing to do when you export it, you just leave it as this PSD, this working file with all these layers, exactly the same file you use in Photoshop. I'll show you what I mean, so I'm working on this document here in InDesign. I wanna bring in my file, File, they use Place in InDesign. I find my source file, it's number 20, click Open, I drag out my file, want to kind of cover this thing. Great, move down, Cool, so that's my kinda banner that I've created. And you can see, it just comes through, looks great, it'll print fine from InDesign. Okay, so if you need to incorporate a Photoshop document in any other Adobe product, just bring in the PSD. One of the perks for it, though, is if I go back into Photoshop, And in here, and I need to make some amends, so let's say this flower here, I'll just kind of move it around or decide that it needs to be a bit higher, back there. The background, okay, I need to change, gonna go to Adjustments, there's an invert adjustment, okay, and it's just flipped the colors around. All I need to do is File > Save, jump back into InDesign, and in here, nothing really happens, except here my links panel has a little little icon saying modified. Okay, I'm gonna click to update it. And you can see, just went and updated. Okay, so it's a really quick and easy way to work within other Adobe products, is just to use the PSD. And the cool thing is is that when you edit the Photoshop document, it flows into other products. Now let's look at another use case where we wanna go to print, so let's jump back into Photoshop. So here in Photoshop, I need to send this to a printer, okay, either my home printer, or email it to somebody to get commercially printed, it might be a flyer or a business card. And in this case, because there's text and maybe a logo, we're gonna use the PDF format. Okay, so we'll do that one first, and then we'll look at maybe just using a kind of straight-up image. So this one here, if I wanna send this to the printer, File, we use the Save As instead of Export. Okay, click on Save As, there's an option in here, if you click on the word PSD, okay, or Photoshop, find the one that says Photoshop PDF. Okay, I'm gonna put mine on my Desktop, okay, Desktop, even, and give it a name, I'm gonna click Save, click OK. There's a lot of warning dialogs when we're using this particular save method, cuz what we wanna do is, we wanna turn this off. With that on, it's basically just a Photoshop file, and the file size is huge. Okay, we don't need that, we're sending it to the printer, we don't need them to have all the Photoshop kind of adjustment layers. We just want it to retain all the image, the transparencies, and any vector that we're working with, like the type. So we've turned that off, and at the top here, just make sure you're on High Quality Print. Go back to High Quality Print, it turns this back on, so I turn it off, and it's High Quality Print Modified. If you see modified, don't sweat it, all that means is that you turned that off. You click Save, and it freaks out and says, hey, normally, I think I've turned my warning off. It says, hey, you sure you wanna turn those things off, you say, yes I do. Cool, I'm gonna close it down now, and let's have a look, I just wanna close it down now. Let's have a look at my desktop, there he is there, there's my PDF. Okay, the cool thing about him is, he's a real small file size compared to the original. The original that we opened was at 20 megabytes, and it still retains all the niceness, that good quality, any type has really crisp edges. So that's a great way of sending stuff to the printer. Let's explore a different exporting use case that's kind of more simple. We just did the retouching earlier, and let's say, now I need to send it to somebody to get printed. Okay, it's going to a photo lab to get printed on nice stock, they don't need a PDF. The PDF will look fine, what they'll probably be looking for is a JPEG, and let's look at using our print JPEG. You do it under File > Save As, again, and there's lots of options in here for JPEG. What you want is just the standard JPEG, none of these other ones. Click on that, gonna stick it on my desktop, I'm gonna call this, it's on my Desktop, I'm gonna call this Model, okay, click Save. And this is where I guess it's quite important, if you're sending this. We've done some retouching, it's a great photograph, we wanna keep it as large as we can, okay, we don't wanna kind of drop any quality. Okay, you wouldn't, especially if you want, yeah, this is a commercial print, we wanna make it look nice, keep the largest file size, let's click OK. Let's check my Desktop now, and now I've got my JPEG. Okay, how big is he, let's check him, he's 2.7 megabytes. So still really small, but it will print really nicely. The difference between that and, say, the PSD we had before, is there's no layers left in this one. You can see in my Photoshop document, okay there's actually two layers. This JPEG is a flat pancake, but perfect for sending to the printer because they don't need to see your separate layers. They just want kind of a nice, compact, small, good-quality file to print. All right, the next use case is going out to either a website or social media, and the kinda same rules apply to both of them. It's about getting great quality image for the smallest file size. Because they they need to upload, especially for our website, we don't wanna be waiting for you image to load, we want it to go super fast. So let's look at this first option here, and let's say I wanna save this out for a banner for a Facebook title, or say it's an Instagram post. What I wanna do is go to File, and in a slightly different place, it's under Export, and this one here. Export As is the magic one, click on Export As. If you're using Save for Web, it works okay, Export As is better in my opinion. Okay, so in this one here, because there's no transparency, by transparency, remember, there's no checkerboard in the background, there's no kind of hole in the background, in this case, a JPEG is gonna be the best, okay? And the quality slider, when we exported the print version of a JPEG, we had to use a different way because it retains more detail that's used for printing. Because it's going to a website, or to our social media account, Instagram or Facebook or Twitter, we don't need that same level, so we use the Export As feature. And whereas before we had the quality jammed up as high as we can because we weren't worried about file size, in this case, it's basically as low as you can go. Can you go down to 2% quality? The way to know is, if you zoom in, can you start to see, it's starting to look pretty junky at 2%. The cool thing about it, though, is over here, you can see it's actually 37 kilobytes. Okay, so it's teeny tiny. So best to check it at 100%, okay? And you can see, even 100%, you can see some of the interpolation or some of the pixels all glooping together. So how low should you go? My rough rule of thumb is between, so low is 30 and high is 60. Okay, I find somewhere in there is my middle ground normally, there are exceptions. Let's try 30, click out somewhere, are you happy with 30? Zoom in a little bit, this is totally up to you, what is it for? Type is gonna kinda stand it out quite a bit, you're not gonna notice it too much in here. You can see it still looks pretty good, even when I'm zoomed in. Okay, but things that have crisp edges will stand out a little bit more. So I might decide, actually, I'm gonna go up to 60. You can just drag this up and down by clicking here and just going up and down and deciding what you want. You can see the file size, though, is a lot bigger at 135 than it is at 30, so it's a trade-off. If you don't care about file size, go for the higher version. So for websites, file size is really important, for social media, not so much. Leave it at 100%, that's fine if you're gonna just post it to your Twitter account. All right, once you've got it there, I'm gonna click Export All, give it a name on my Desktop, and leave it as is, .jpg, hit Save, and we're done. Now there are occasions where you spend ages getting a mask, okay, I've turned off the background, the eyeball here. Remember we did these masks earlier, okay, and we spent a lot of time doing it, cuz we need transparency. Often, you'll only need transparency if it's going out to a website. Not everyone's gonna need this, okay, but let's say we need to retain the see-throughness of our image. Because on the website, you can actually see through to the background, which is perfect. So all we need to do is just go to the same feature File > Export > Save As, we just save it as a PNG. A JPEG, you will see, will fill in the checkerboard transparency with white, cuz a JPEG just can't handle transparency, but a PNG magically can. Okay, so we'll leave that, even though it's got a checkerboard, it'll just be see-through. This might be cool if you're going out to, say, a video product, and you wanna keep the transparency. Or in my case, I do a lot of web stuff, so it just needs the transparency. Big trade-off is there's no quality slider, and over here, you can see the file size is really big. If it wasn't so big, okay, and didn't have so much stuff going on in it, it would be a lot smaller, but yeah. That's how you get out a file for web that has transparency. Click Save All, Save, And that's it. So hopefully that gives you, quickly go over it once more time. Okay, so normally just leave it as a PSD if you want to put it into another program like InDesign or Illustrator or AfterEffects. But if you need to go to print, okay, typically you'll just be doing a JPEG. But you have to go this File > Save As, JPEG, it's different from the JPEG in here, it has more quality for printing. If, like in this example, there's text involved or logos and vector and all sorts of stuff going on, it's probably better to save it as a PDF, and that's under the Save. I like to mix them around, Exporting sometimes, Save As sometimes. So Save As is the PDF. And the last was social media or websites. And it's just hiding under File > Export > Export As. And a JPEG if you don't have transparency, a PDF, if you do. All right, friends, that is gonna be end of the exporting video, I will see you in the next one.

Back to the top