Exporting in Photoshop like a pro

Questions

Course info

15 lessons / 1 hours

Overview

This course is for designers & marketers who already understand the fundamentals of Photoshop but believe there is a more effective, faster way to work. Work through a multi format creative campaign and learn techniques which will ensure hyper-efficiency & consistency.  

Join Adobe certified instructor Daniel Scott to learn:
 • How to maintain a consistent look across social media, print and web touchpoints.
 • Fast and efficient selection & masking techniques.
 • Practical retouching techniques and time saver shortcuts using Photoshop.
 • Workflow hacks for nondestructive design using artboards, Smart Objects & libraries.
 • The many new Photoshop 2020 features   
Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Transcript

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.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025