Exporting Photoshop PDF & JPEG artboards for clients

Questions

0

Course info

17 lessons / 1 hours

Overview

If you’ve ever struggled to maintain a consistent look and feel across all the touchpoints of your content marketing, this lab is for you. Beautiful design is only half the battle when you’re designing for an integrated campaign in which you have to deliver, repurpose, and repeat design elements consistently and efficiently. In this fun, fast-paced, hands-on lab with Adobe Certified Instructor Daniel Scott, learn how to professionally use Photoshop to repurpose your designs across multiple media and formats.

While becoming a design implementation wizard, you’ll learn:

  • How to structure content for multisize social imagery
  • The best workflows for social, print, ad banners, and video
  • The top tools for non-destructive design
  • How to master layers, artboards, Smart Objects, and libraries
  • How to become the master of productivity in your office

Course duration 1.5 hours
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

Hi there. This video is all about exporting our file. Now I've broken exporting into three separate videos, mainly  because it's a little,  it'll be a little bit long for just one video. Plus you can kind of break 'em into three sections  so you can kind of, I guess, take the details from the one  that most plays to you. So the first action in this case is going  to be when you are exporting for your client. And in this case we're gonna look at PDFs and JPEGs.

So it might be client approval,  or the JPEGs in this case are gonna be the finals  for our static banner adss, the video. After this we'll look at exporting for your colleagues. And then the last one will work with exporting. For those of you who are working with, say, web developers  or app developers, and you are,  you're designing graphics for them. Alright, so let's get started with the client exporting. Alright, so getting it out to our clients.

We're gonna do PDFs first and then we'll do JPEGs. So I've got my four art boards. I'm gonna go to file, I'm gonna go to export  and boards to PDF. Super simple. I'm gonna click browse  and put mine onto the desktop if I can find it. Okay.

Give it a name and you can decide on a few things. Okay? Just work, whatever works for you. Okay? So we're gonna do a multi-page document. You could do separate PDFs for each art board.

So you'd end up with four files in our case,  encoding what sort of quality. I'm gonna crank mine right up 'cause I want,  I'm not worried about file size. I want it to look great and, um, depends on,  I'm gonna turn this on just so you can see it. It'll give the art board a name within the PDF. Um, I'll turn this on. I don't turn it on very often, but I'll turn it on just uh,  for now so you can kind  of see you might work great for what you are doing.

So it flashes through it a bit  and eventually it'll say this, uh, upwards was successful. Thank you very much. So now on my desktop,  there's my banner pdf. Okay, I'm gonna double click it to open it. It's gonna open up in the wrong screen over here. Here you go.

Okay. So the difference between, uh, turning that name on, okay,  you see it added that the font's probably be a little big. Let's have a look. There's my rectangle, there's my square,  there's my leaderboard and there's my skyscraper. If you want it just to the edges without this,  uh, big random name. Turn off that last thing where we added the  names for the boards.

Cool. We can send it off now maybe for client approval. Maybe you're not doing banner ads,  we're just doing it for like concept. Okay? You're sending it to your colleague or your boss. You know what to do with PDFs.

Let's look at jps now. So back in Photoshop here, there's a, there's loads of ways  of getting jps out of Photoshop. Now I'm gonna show you what I feel is the best. Okay, so we're gonna go to file  and we're going to use export. And there's this one called Export as it's got a bad name,  but it is by far the, has the most options in it. What's really cool about it is that, um,  unlike Safer Web doesn't separate all the outboards out this  export as does.

You can see rectangle, square, leaderboard and skyscraper. Couple of things that are useful, I can select them all. So I've got the first one selected, hold shift,  grab the last ones, they're all selected. I can say actually I don't want them all  to be PNGs. I want 'em all  To be JPEGs  and I can decide maybe they're gonna be 80% quality  and you hit export and you're gonna get four separate JPEGs,  but a little bit extra. What you can do is you can say, actually my friend,  I need a high res version.

Or say, uh, say a high DPI  or if you're doing kind of app design, maybe it's at two x. Okay, so you need a double size version. So I'm gonna hit, I've got 'em all selected. I'm gonna hit plus and I'm gonna say I want another version  that is, you can see I can have a half size. I can say, uh, times double the size, three times the size. Okay?

So I'm gonna pick a double  and it's gonna add the suffix to the end. If you're a bit of a web designer  or a developer, you're gonna understand that  and that could be really handy for dealing with high rears  or retina images, even if you just want  two different size versions. It doesn't have to be very fancy or web developer, okay? It just means you can have a half size  and full size click export. I'm gonna put it onto my desktop. I'm gonna click open.

It's going to zap away a little bit. And when it's done, it should be on my desktop. I should have put it into a folder. Okay, mine, I just dumped here on the desktop. But you can see I've got leaderboard  and I've got a leaderboard. Same name, but it's been appended with this extra at two x.

Okay? Just indicate that  that is the double high resolution version. Let's open both of these. Gonna get a view, view, the actual size. So small version, big version, small version, big version. Super easy to do.

Just hit  that little plus while you're exporting. Alright? It's exporting PDFs  and jps all in the same sort of place, upwards to PDF. But use this export as when you're generating JPEGs,  gives you a few little extra  tricks up your sleeve while you're working. Alright, that's it for this video. Let's look at some more exporting in the next video.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025