Exporting Images in Photoshop - Day 28

Hello and welcome to day 28 of 30 Days of Photoshop. Today we're going to show you the best way to export your images in Photoshop so you can share them with the world. Hello and welcome back to 30 Days of Photoshop. My name is Aaron Nace and today we're going to show you how to export out your images. Now, I always recommend saving in at least two file formats. One is going to be a layered file like a PSD or a Photoshop document, and then the other is going to be for print or web or social. That's going to usually be a JPEG. So we're going to do some editing to our main image today and then show you how to save out in both versions. So we're starting off with this image of our subject hiking through these plains. It's beautiful, but I just want it to look a little bit more like nature. So we're going to go to our selection brush tool here, and I'm going to start by selecting out our background. There we go. We're going to leave the hat and everything like that, but let's just go ahead and select out the background there, and I'm going to go ahead and click and drag to select out the background here as well. I just want to make it look like, you know, this person's just on a nature hike, like out in the middle of nowhere and get rid of all this city behind us. So we're going to go ahead and click here on generate fill, and we're just going to type in nature, plains, and we'll see what we get. Let's click on generate. This is going to be using the brand new Firefly image three, and we're going to get a few different variations we can click through in our properties panel. Basically, I just want to get rid of all these cars in the city and stuff like that. So let's make this person. Hey, there we go. Look like they're actually going, you know, out on an adventure. We can click on here on generate one more time and see if we've got some other results that we like. Basically, we're doing a little bit of fakery here, but that's totally OK. Sometimes you just want your subject to look like they're, you know, out in the middle of these fields. I love that. That looks really cool. OK, let's go back to our layers. And then the next thing I want to do, let's just go ahead and remove this logo from our hat. Now, I can just go ahead and paint there and then click right here on remove. And it's going to know we want to remove that little icon from our subjects hat. OK, so already we have a pretty big difference from our base image. Let's go ahead and group those together. There's our before and our after. Really nice, right? Now, the next thing I want to do, we're just going to use a camera raw filter for a little bit of a vignette. And we're going to do a little bit of color grading as well. So let's create a new layer here. Click on your new layer icon. I'm going to go to image and then down to apply image. There we go. Let's hit OK. We have an apply image basically that just puts everything you see onto one layer. Now, we're going to be using a camera raw filter. But before we do that, I want to convert this for smart filters so I can change it at any time. So let's go to filter and then down to convert for smart filters. There we go. You can see now it's a smart object. Next, we're going to go to filter and then to camera raw filter. Perfect. So here in camera raw, I'm going to do just a few things. We're going to go into our optics. I'm going to add a little bit of a vignette. I think this will be just kind of interesting there. We're going to go into our masking and I'm going to go to a radial gradient and click and drag from the center out just like that and then bring our exposure up here. There we go. Just draw a little bit more attention right to the center of our subject. Fantastic. Let's go back to our editing. And the last thing we're going to do here is a little bit of color grading. We're going to go into our shadows and you can see bringing a little bit of saturation into the shadows. I can then change my hue. I like this kind of greenish color. It looks good. We're going to go into our midtones, add a little bit of saturation and kind of work with that. There we go. I think that looks great there. And then we'll go into our highlights, add a little bit of saturation and kind of work with our hue. Now you can change this at any time because we use a smart object. Now let's click here on our before and after to toggle the default settings. So here's a before and here's the after. A simple edit and we're good to go. So let's hit OK. All right. Now at this point, if you did want to change your camera raw settings at any time like the vignette that we just did, all you have to do is double click right here on camera raw filter. OK. So as you can see, we've made some changes to our image. This is our original and here's the after. And at this point, we want to make sure we save out two different versions. One of these is going to have all of these layers intact. So if I want to go and make changes at any point in time, I can really easily do that. And then the other version is what we're going to be exporting out. We're going to share that either it's going to be for print or for the web or for social. Let's go ahead and share out our first version and that's going to be the layered file or a PSD. All right. Now we're going to go to file and we're going to go down to save as. All right. File, save as. Now I'm going to go to my exporting folder. We're going to put this in sample images. By the way, you can download this so you can follow along. It's totally free. Just click on the link right down below. Okay. So here are our sample images. We're just going to save this out as exporting.psd. Now down here at the bottom, we do have a few different formats. We have Photoshop. We have large document Photoshop. We have Photoshop PDF and TIFF. So Photoshop is what we're going to be using most of the time. Large document format. This is only in the case when you have a lot of different layers. And even in the case, I would try to save it as a Photoshop document. It'll ask you, it'll say, hey, this document is too big. Save it as a large document format instead. That's the way you want to go with that. Now a Photoshop PDF, this is basically something that you can share and it can be opened in different PDF browsers. And then a TIFF will have your layers intact and it's going to be compatible with a lot of different programs. But if you're going to be using Photoshop, Photoshop document is the way to go. And that's a PSD. So let's go ahead and click on save. Now what this does, let's go ahead and just close this out. We'll hit file and then down here to close. Now I can just open this right back up here in my recents. I have exporting.psd. Let's open this up. And again, as you can see, I have all my layers intact and I can get back to my original image. So it's really important that you save a layered file out, but also important that you save a flattened version of your image. And that's what you're going to be using for sharing. All right. For that, we're going to go to export as. So we're going to go to file and then down here to export and export as. There we go. Now export as. We're going to go through all the settings here. You have your format here on the very top, right? This is kind of the most important part. We're starting with this. You can choose a JPEG. This is the majority of the time you're going to be sharing as a JPEG, whether it's going to be for print, whether it's going to be for social media, whether it's going to be for web more. Most of the time it's going to be a JPEG. Now, a GIF you might use if you want to have some animation. If you have a really small document, you create an animated GIF and a PNG you might use if you need some transparency in your background. But most of the time we're going to be using a JPEG. So let's go ahead and choose on JPEG. Now here with JPEG, the next slider you're going to see is your quality slider. So you can change this from less quality. There we go. To more quality. The key here you're going to see over here on the left hand side. This is your actual document you're exporting. Now, this is the size of the document in terms of your resolution. And this is your file size. So the key is really finding a mix between quality and low file size. And you can zoom in here. Let's just go all the way to 100%. There we go. And we're just going to take a look here. Even if I bring this down to low quality, it still looks pretty good. And that's a quality of 2. There we go. We bring this up a little bit higher, 3 or 4. And that looks really good there. And then up from here, it's really hard to tell the difference between like a 4 and a 6 or a 7 most of the time. So you don't have to go all the way up to very high settings every single time. As you can see, this is just going to increase your file size. So I usually like to give it like a 5 or a 6. That's going to be totally good. OK, so the next thing you can choose is your width and your height. This is literally just pixels. You can type this in. You can choose your scale here. This basically like, you know, instead of typing something in, you can just click here and choose, hey, I want this to be 50% of the original size. It's going to automatically do the scaling here and it's going to change your file size here as well. Now, this might be helpful if you want to put this on a web page or basically anytime you want to share it and have a lower file size. This is what I would recommend changing the scale. But most of the time, we're just going to be honest. We're going to export this at 100% because pretty much everything can handle like large documents these days. OK, resample. We're going to be using bicubic automatic. This is basically just the algorithm that it uses to resample your image. And this looks great. All right. Our width and our height, that looks good. Our metadata, we're just going to click on none. And then the most important thing here on the bottom, just make sure where you have your color space. Go ahead and convert to sRGB and embed your color profile. Make sure both of those are checked and they will be checked by default. But basically, those are going to make sure that they show up on the web with the correct colors, because there are a lot of different color spaces. But most web browsers use sRGB. So we want to make sure we convert to sRGB on export. And that's going to make sure that we actually do have the right colors with our document. And the last thing we're going to do is take a look on the very top left where we see scale all. Here we're going to see our size 1x. This is going to be for our main document. I can click on this plus icon and then choose, for instance, like a 0.5x. And it's going to have a suffix of 0.5x. So this is really nice because I'm going to be able to export out our full size document and at the same time export out a half size document as well. All right, let's go and click right here on export. And we're going to put this in the same exact sample images. We're going to go to export and here to our sample images. And I'm going to create a new folder called export. There we go. And click on open. So when I do that, it's going to automatically export everything out. Let's go to our Finder window. 30 days of Photoshop down to exporting sample images. And here we have our export folder. And you can see it exported out my JPEG, as you can see, at 2.1 megabytes. This is 3813 by 5720. This is our exporting JPEG. This is the image we're going to share on social media or for the web. But remember, we also exported out a half size version of this. So this is going to be a little bit smaller. You can see we have a lower file size and our resolution is smaller as well. And of course, we still have our PSD file. So let's go ahead and make sure we save that again. Again, file save as. And I'm just going to put this here in my sample images and hit enter. So that way, if I go back to my sample images at any time, I have my original JPEG that's completely intact is my original photograph. I have exporting that PSD. This is going to be my layered file that I can get back to and make some changes at any time. And then I have an export document here with exporting that JPEG and the half X. I know it's a little bit confusing because I named the file export because that's the name of today's video. Normally, you would just have like a regular file size file name, right? But you get the idea. We want a PSD that's going to be our layered file that we can go back to and make changes at any time. I usually create an export folder. And here we have a few different sizes that we can use for social media or for the web. Now, I know I said a lot in this video, but just remember, you always want to make sure you save out a layered file and a flattened image as well. Thanks so much for watching. We'll see you tomorrow for more 30 days of Photoshop, where we show you comparisons between Lightroom and Photoshop. Thanks again. I'll see you tomorrow. Bye, everyone.