Now this video is a very similar technique  that we did when we were doing the export as feature. So we right click the layer and we said export as  or use the quick export. Okay, so this one does a similar sort of job  but it's a lot more automated  and it's really great when you are working,  especially with yourself. You're developing stuff in Photoshop as a mockup  and then you're getting assets ready  and developing it as a website. And then you can kind of come back  and forth quite quickly using this Adobe generate. So first thing you need to do is turn Adobe generate on.

If you don't have Adobe Generate here,  it means you're using an earlier version, either CS six  or earlier and you're not gonna have this feature. But if you're in the later, uh, any of the later versions,  okay, we can go to file  and we're can turn this one that says Image assets. You turn it on and hmm, nothing happens. Okay? So file generate and you see a little tick next to it. So I know it's on, it's doing something.

What I'm gonna do is save my document in a special  place just so I know where it is. I'm gonna save on my desktop. I'm gonna make a new folder  for you guys just so you can see it. And this is going to be my uh, generate export folder. And I'm just saving the PSD into this  folder here, version of it. Click okay.

So I'll show you here on the desktop. There's one there on my desktop. It's called Generate Export folder. And there's the PSD that I'm working on. Okay, just sitting by itself. Now make sure it generates on for me.

It's turned itself off, okay? Because the save as make sure it's ticked on. Now what I wanna do is, let's say this image here,  I would like to save it out  and with a bit of experience, you know  that it's gonna be a JP 'cause it's doesn't need  transparency and it's an image. So what I'm gonna do is I'm going  to name this one here, okay? Do jp, I've image books jpeg  and what you'll notice is back outta  that same folder do you see magically it's created this  folder called Export generate assets. Here's my image, my layer export as a jpeg.

Okay? It's done it all automatically. Same thing is say if I wanted actually to be A PNG,  I can just in my layers menu here, name it A PNG. You'll notice over here it's actually remove the JPEG  and switch the D for A PNG. Okay? So this is a really quick  and easy way to export files,  but it's also a really nice way  if you are making adjustments.

'cause it's a dynamic link, it's always adjusting. So it deletes the JP and adds A PNG. So I've got this image bookings PNG selected. And what I'm gonna do is I'm going to add a layer effect  and I'm gonna add a color overlay  and I'm going to play around with instead of normal,  which is namely, I'm gonna switch it to multiply,  pick a color, I'm gonna make it kind  of like an old CPS style. Okay? And you'll notice as soon as I click, okay,  if I switch out to my images,  can you see it was getting remade as I turned up  and it's a new p and g with the new color scheme in there.

If I go through and change it again, I'll change  to something a bit more, a bit stronger, okay? It's green, watch it in here, it's remaking it in the green. So it's a dynamic link. You can keep moving. It keeps making the images. So I know that one needs to be uh, jpeg.

Okay? When it comes to JPEGs, I know  that it's coming through As a JP watch  This. There it is, it's  now a jpeg but it's quite big. It's 56. So what I can do is there is a bit of syntax that I can um,  add to this guide to make it a different resolution. So at the end, okay, you see down here in my layers panel,  I might make this a little bit bigger.

So you can see on the screencast, okay, is  that at the end here I can type in, if I type in a one,  it's gonna make it a 10% jpeg  and remake it, which is, it's remaking it 10%. So it's really small file size,  but it's probably bad quality. So if you know after a bit of experience, you start knowing  that I know that if I probably go at about 40, okay,  just put forward the end, it's gonna remake it. It's reasonable size, the quality's fine. Same thing happens. If I want it to be a p  and g, if I want it to be a p and g  and I know I want to be a p and g eight  or if you know you want it to be a 24, you can type both  of those in and it will make the PG eight  or versus 24 whatever you need.

Now there are a bunch of different syntax you can add  to the end in the beginning for quality and for size. I haven't got time to go through  every single one of them here. So if you want printable sheet sheet  for all the different syntax,  download them from this link here. One last thing before we go is you can start doing groups. Let's say that you've got a logo here,  but it's got a circle as part of it. Okay?

There's different parts to your logo  and you want to export it as one big lump. Okay? So it's a white spot  with the word bring your own laptop. Now what you can do is watch this, these my lips. Um, and there's my bring your own laptop. Okay, there they are there.

Because if I give these separate  names it's gonna export them separately. So what I wanna do is with them selected group them, okay? And in this group here I can name this group. So this one's gonna be called BYL logo  and it's gonna be a PG and it's gonna be an eight. Great. If I jump out to here, I should have logo p and g.

And it's an eight bit one. Transparency, awesome size, tiny. It's another great trick to use with Adobe. Generate.