- [Voiceover] In this movie, I'll show you how to export
multiple graphics in a single operation
using the Asset Export panel.
And this is another feature that's available
in the most recent version of Illustrator CC.
And so for starters, I'll go up to the window menu
and choose Asset Export and in my case,
that brings up a floating panel.
And now what you want to do is just grab a graphic
or a text object or anything for that matter
and drag it and drop it into the panel like so.
Another option if dragging and dropping is inconvenient
as with this gear that's now in back of the panel,
you can select a graphic and then click
on a little page icon to add it.
And then finally, I'll go ahead and grab this guy
and drag it and drop it into the panel
so that we have a total of three graphics
that are available to us.
Now bear in mind that these guys are gonna get exported
with whatever name appears below them.
And so it's a good idea to name your assets as you go.
So I'll call this guy "Home" and this one "Gear."
And so all you have to do is click on a name to replace it
and then I'll call this guy "Play."
Alright now, for the next step you wanna make sure
this area of the panel is open and so go ahead and click
on the triangle to twirl it open if not.
And this time let's say I want to export these graphics
for an Android device and so I'll go ahead and click
on Android and I get a whole slew, as you can see here,
of different re-samplings.
And so once I've got everything figured out,
I'll go ahead and click on this icon,
which launches the Export for Screens dialogue box.
In a moment later you'll see that same dialogue box
that we saw in a previous movie,
but this time we're looking at the assets panel.
And so in my case, I wanna go ahead and export
all the assets, so I'll turn on that check box
and I'm gonna select a different folder this time.
I'll go ahead and switch out to the 15 web folder
and double click on Icons this time around and select it.
And now, assuming that everything's ready to go,
go ahead and click the Export Asset button.
And after a few seconds of progress bar
you'll see everyone of those ping and svg files.
And now if you wanna get a sense for how one of them looks,
just go ahead and double click on it.
Again, I set things up so my ping files open
here in Photoshop and you can see that at 100%
this is definitely a very large image.
Now you may notice that I kind of forgot one of the graphics
and that's this guy right here.
But rather than adding it to the panel,
I'll just go ahead and close it
and then after selecting the command key character,
I'll go up to the File menu and choose the Export Selection
command and that will go ahead and add that guy
to the list of assets here inside the Export for Screens
dialogue box and notice now it's the only one selected
although, of course, I could select the others
if I wanted to, but since they've already been exported
there's really no sense in doing that.
And so I'll just go ahead and turn off everybody
but asset four, which of course, I need to rename.
So I'll call this guy "Command" and then I'll once again
click on the Export Asset button
because otherwise everything's set up and ready to go.
And then a moment later, I will see that asset
added to my Icons folder, at which point,
I'll once again click on the highest resolution
of those images and as you can see, if I press "shift + f"
in order to switch to the full screen mode here
inside Photoshop that this should be enough resolution
to satisfy anyone.
Alright now, I'm gonna switch back to Illustrator
for a moment because I want you to see
that if I go back to the window menu and choose Asset Export
that the command key has now been added
to the list of assets inside of this panel.
And this is something that gets saved along with your files.
So if I go up to the File menu
and choose the Save As command
and then I'll just go ahead and call this guy "With Assets"
this time around and click Save, of course.
And given that this is a recent feature,
I'm gonna save this as an Illustrator CC file,
but I'm also gonna turn on Embed ICC Profiles
and then I'll click OK in order to save off this file.
Just for the sake of comparison, I'll go ahead and open
the original file, Common Symbols.ai,
and a moment later you'll see that it contains no assets.
So assets, like swatches,
are saved along with the active file.
And that's how you export multiple graphics at a time
using the quick and easy Asset Export panel
here inside the most recent version of Illustrator CC.