![]() I’m going to unlock the sheep layer just here so you can see I can access those sheet just there and I’d like to introduce you to a new panel. Okay, what I’d like to show you now is how you can export out individual assets so back here in the layer’s panel. Let me just, uh, scoot these files over in anticipation of some new files, which we will create in just a few moments so guys that was exporting out upwards. ![]() Click on that, which is get info you can see that’s come out at 1080 by 1080 and if we go and look at the jpeg version, which should be two times Get info sure enough 2160 by 2160 fantastic. There’s the white because, of course, Jpegs don’t support transparency, and there’s my other version just there the PNG and there’s the jpeg equivalent just there and actually just to prove that it’s, um, scaling as well, so for example, the file just here the PNG. So that’s my PNG file just there you can see the transparency and there’s the jpeg. So if I just click on this and tap my spacebar to preview which I can do because I’m on a mac just here and I’ll just press my down arrow to go through the files. If I just, uh, move illustrator over a little, there’s our four files just there. See what we get, so I’ll choose export artboard. If I wish to summarize, we’ve selected two artboards and we are exporting out two formats for each of those artboards so that should give us four files in total, so we’re popping this out to the desktop, lets. I could still select that and change that. Lets maybe go for a times two jpeg, and let’s go, uh, an 80 quality jpeg, so you can see. I’ll just cancel out of there and run with the default high quality PNG file just here, so while we’re at it, why don’t we add a second scale? So I’ll click on the add scale button just here. If you want to tweak those, you can hit the little cog just up here, and when you do, you can go through the different options and tweak some, but not all of the settings. The defaults straight out of the box are fantastic. There’s a lower quality PNG file just here, then there’s jpeg compressions of 100 80 50 and 20 and then options for an svg or a PDF file just here now. There’s a suffix which you can manually change or is sometimes automatically populated, and then there’s a format option Just here now I’m going to go with this high quality PNG. You can see, there’s a bunch of options just inside of here. It’s currently set to times 1 so whatever the output size is, that’s what the equivalent jpeg or PNG file will be so within the scale section. Okay, so we’ve got a scale factor just here. You can, of course, choose wherever you like, and whether you want a subfolder to be created or not just here, but the real magic happens just down here. I’m going to push this out just to the desktop. Also, you can make determinations of what’s getting exported out from this area. If you click on one, you will unselect i’t. You want to be in artboard’s? So here’s our two artboards just here. The second method I’ll be showing you will be how to get individual assets out such as a standalone sheet, so let’s go for the artboards as a whole first so file export export for screens. The first will be exporting out the artboards in their entirety. Now I’m just going to turn that transparency grid off, because if you look at it for long enough, you will get a headache, so just remember. If I go up to view show transparency grid, you can see those areas that were the sky now are transparent. ![]() If you’re thinking, that’s a solid white. ![]() Now we want to export out specifically, some PNG files here, so let’s explore the transparency side of things, so I’m going to turn the visibility of the sky off now. We’ve got the grass layer and then the sheep. We’ve got the sky background layer, pretty subtle, but it’s definitely there. Okay, so we’ve got two artboard’s going on just here. It’s just that when you do export out the artboards which we will do shortly, those names actually make it all the way through to the final file names, which can be convenient. Now if you don’t use artboards or even know what they are, don’t worry, everything I’m about to show you works with the default artboard that you get inside of illustrator, so I’ve got two artboard’s going on just here and I have the Artboard’s panel just here, so you can see I’ve actually given the two artboard’s names. Let’s export out some images from illustrator.
0 Comments
Leave a Reply. |