Hey there, in this video we are going to export like a pro. Uh, if you are still using file save for web, this video is for you. You're laughing 'cause that's what you do. That's what I did for a long time. I'm gonna show you some cool tricks, especially when using uh, lots of art boards. Okay?
So exporting all your art boards is a PDF is a super handy, uh, thing to do once you've got them all. Maybe it's client sign off or I don't know, there's gotta be a reason. Uh, file. We're gonna go to export and there's an easy one here, upwards to PDF. Uh, there's not much to explain in here other than uh, uh, multi-page document or upwards boards, uh, per document. So you want it to be one PDF with lots of different um, pages with all the different ones that we can see here.
Or just one PDF per document. Up to you what you wanna do there. I'll do a multipage. Uh, anything else in this one here gets me, uh, export selected outboards. I've clicked on this one so it's only gonna export that. Okay, so turn that off.
So I want all of them, not just the one I've got selected. You might like that. You might select two or three of them and just do those. That's a handy thing. Whereas it gonna go, it's gonna end up in by default in this weird thing in documents adobe slash cloud. I'm just gonna stick mine on my document.
Cloud associates, I dunno what that means, but let's go to, I should, I'm the tutorial guy. Stick it on my desktop. There's nothing else in that foldered by the way. Um, anyway, hit run and I'm gonna stick on my desktop and you will see it'll flick the flash through all the different bits. And eventually on my desktop, once it's flick flicky flashing, I'll speed this up. Outboards were successful.
I only took a second. Let's have a look on the desktop. There it is. It's got the name of the Photoshop file and you can see here's all my pages all in one tasty little document. Thank you very much. All right.
Uh, that's an easy one. Let's look at the next one. The next word is gonna be packaging. So not a lot of people know you can do this in Photoshop. You can get to file and go to this one called package. What does this do?
It says, well I'll run through it. Basically it says, where would you like to stick it? I'm gonna stick it on the desktop and I'm gonna click choose. What it does is it goes through and does a cool thing. It says, all right, I'm gonna save the Photoshop document on the desktop as a copy. A second one, it's gonna put it into a folder.
That's what package does. And inside of here it's gonna do a couple. So there's my PSD and here's all the links. So that one was tied up in my library. So it was that one. So it was this one.
So it's yanked them all out and put them in here. Uh, it's just really handy if you're like, Hey, if somebody's like, Hey, can you uh, send me the files? A client or colleague, you don't wanna use the fancy library stuff or you can't because of firewalls or something. You can just package it and it will grab all the images that are used in the library and put them all into a nice little file. So when you open this one, it's not gonna freak out and say, Hey, can't connect the library or anything like that. Okay?
So what I tend to do is do that right, click it and uh, go To compress and send them a zip file. Okay? And Dropbox or Creative Cloud. Um, yeah, just a handy way uh, to package it all. You might have done it through InDesign normally gets done in that one. Uh, you can package an illustrator as well.
People dunno, you can do that. Let, anyway, let's look at exporting JPEGs. 'cause really if I'm going to social media here, I need this to be all JPEGs. So I'm gonna go to file, I'm gonna go to export and you're not allowed to click on this one. We love it. Good old friendly, this guy.
Uh, we're gonna use export as, okay, uh, and export as is just a bit of version. I'll show you why. If you're like defending, got your Dukes up defending, save a web, save web's fine. Uh, the good thing about uh, save As is uh, you can see over here all my art boards Save a web just freaks out when it's got art boards. It doesn't know what to do. Um, so here you can see look all my different art boards and I can export just the ones I want.
Turn them off. And what I find really useful is grabbing the top one holding shift. Grab the last one and say You're all JPEGs. You can see they're all update. Watch the numbers update as I go down and nobody uses. A hundred percent gonna go 80, 80 is a good one.
File sizes drop off dramatically and it still looks really good. You might even go to, you might be a 60 person, um, that's fine too, but you can select them all. Do them all. Uh, so that's really handy. Another handy thing you can do in here is you can go in and say, actually, uh, I want different sizes of all of these. So you might be designing for, uh, high definition or two x or you might be doing app design where you're designing four times the size.
This can be really handy. So say I've got all these guys, so it's just gonna export the size that I made them at These say 2000 wide. What I can say is actually gimme another one. Gimme another one that's half the size. If you're designing, double the size you need and we'll cut it down. Okay?
Or you can say, actually give it to me twice the size or three times the size. You understand what's going on there. It's just really handy. Another thing you can do is let's say I want this one here, just this guy, and say you've designed it for 2000 but you want it to be some weird number, like, I don't know, 9, 9, 7. Okay, so this kind of two x is not gonna work. What you can do is you can actually say instead of just exporting it this, you can say export it at, uh, what did I say?
9, 9, 8. Okay. What it'll do is export it at that exact size that you've said. Okay? It gets around the whole, um, actually let's export all these. Ooh, another thing I wanna do before I come outta here and show you what that does is two up.
This is new. Um, you know, if you use Safer Web, it's been around for ages, but it's just been added to export as you can make it bigger and you can say two up. So it shows you the kind of like as it started quality. Okay, I'm gonna zoom in. Okay, this is the original and that's the new one. No, that's the original and that's what I'm changing it to.
So two up can be handy if you're deciding like, hello, Can I go 20? It's too low. Have a look. It's hard to see on video, but it's pretty pixelated. Zoomy zoom. Cool.
All right. Uh, so let's say we do this. Let's export 'em. Where's it gonna do? I'll put it onto my desktop. Okay.
And I'm just gonna dump it. Ah, let's put, just dump it straight on the desktop to see what happens. I wanna kind of double back to like, remember we changed this fire size from 2000 to 9, 9 8. Okay. 'cause you wanna design really big, but you need to export it as it stops you from doing the now mine's taking a little while. It's 'cause my poor machine's, uh, trying to record videos and do stuff.
And so yeah, let's check it out on the desktop first. Okay? You can see here's all the files. Okay, I said these are the new ones. So these are all the names of the outboards. And you can see I made one the regular size and I made one.
That's at times two. So double the size. Okay? You can see big. And this one here is smaller. Can't really tell 'cause it's previewing the same size, but this one's double the pixels than this one.
Okay, so handy. The other thing that I was talking about, remember it's to get around this, right? You design something and you go file image size and you go down here and you say, actually I want it to be pixels and it's not gonna be this, it's gonna be, so you do that, right? You go, I want it to be 800 or was it eight? Nine, nine. And then you hit okay, you export it and then you quickly hit undo 'cause you're like, actually I didn't want that size.
That gets rounded by going the file export as, and I can change it here without actually changing the original. Okay? Just kind of like on the fly as it's being exported rather than doing that funny undo change the size thing. All right? That is export as anything else. For export as I'm pretty sure that is all the good stuff.
Um, one thing I will show you though is exporting one layer at a time. 'cause sometimes you're like, actually I don't want all six of these and all the different sizes. What you can do is you can find the art board you like say I wanna collapse them all 'cause they're all everywhere. Who remembers the shortcut? Get your hand up. You, I pick you, I pick me.
Hold down. What was it? Command and click this or control on a pc. Close 'em all up. Super handy. And that say I just want, uh, Instagram post B.
Okay. You can just right click it and say Export As and just exports that one particular art board okay. At a time. Super helpful. You can also even go faster by going export as a p and G and then you don't get all the in between stuff. You can say, just stick it onto my desktop please.
There you go. And you, you can kind of make it shorter, but let's say you don't want to PDF, you can go into your, uh, preferences and say, uh, change export from um, the default one. 'cause I never use the PNG one. I always go through and change it to jp. My world is more jps than it is PNGs. So you can go into here, here, uh, export guessing where this is, uh, you can see quick export is a jpeg and it's gonna be, I dunno, you're a 70 person, okay?
Uh, you just pick that. And now whenever I go into here, I go, all right, I want this export. I want the second one. Okay, I'm gonna go to export as jpeg and then I don't have to go through and change it. That can be one of the problems using any of the export as or say for web, you know, it never seems to remember properly, like your things you like. Okay?
Like the, um, you know the quality. 80%, 60%. I'm rambling in this one a little bit, but that is some pro tips for exporting stuff. We exported the whole thing as a PDF. Okay? Then we exported them all using export as No more Safer web.
And then we started looking at doing it. Oh, one last thing. If you hung around for the outro, you get a bonus 'cause we exported the whole art board. But let's say we just want this latte here. Okay? Or let's do this one here 'cause it's kind of cropped.
So I can right click just this one and say export as now I want a, now I want A PNG anyway. Uh, so you can just right click the layer, not the whole art board. You can see it's used the name of the layer, which is cool. Good naming practice. This is probably gonna say layer 57. I stick outta my desktop.
Hit save and have a look. Where's my latte? There he is there all cropped in. Nice. Want a p and g? Of course.
All right, that is the end, the true end. I know it'll see you in the next video.