- [Instructor] All right, now,
while the graph looks great,
the legend up here at the top of the document
looks absolutely tragic.
What we want is an effect more like this,
and to pull this off,
we need to manually extract the legend from the graph
so that it's an independent object,
and let me show you how that looks.
First thing you want to do is zoom out
so that you can see all the elements of the legend,
and then go ahead and grab your white arrow tool,
which of course you can get by pressing the A key,
and marquee all these objects like so.
And notice that I'm not selecting all the anchor points
and the various ellipses that make up the Instagram logo,
so I'm going to have to try that again.
And so this time what I'm going to do is press the Alt key
or the Option key on the Mac
so that I'm seeing a plus sign next to my arrow cursor,
and then I'll once again marquee those objects,
and this time I end up selecting everything.
At which point you want to press Control + C,
or Command + C on the Mac,
in order to copy these items,
then click off them to deselect them
and press the B key to switch back to the black arrow tool
and press Control + V
or Command + V on the Mac to paste them.
And you may notice I'm not pressing Control + F
to paste in front
because I don't really care where they land.
I just want them, for the moment, to be independent.
All right, now I'm going to create a new layer
by Alt or Option + clicking on the little page icon
at the bottom of the layers panel,
and I'll call this new layer legend,
and I'll change its color to violet
and click OK.
And now I'll take this red square
that exists on the graph layer
and I'll drag it and drop it onto the legend layer
so that the legend is altogether independent.
All right, now I'm going to turn that layer off for a moment,
and I'll click on the graph to select it,
and then I'll right click in the document window
and choose Data.
And now what we need to do is get rid of the first row
by dragging from 2022 to 36
in order to select all the numerical values,
and then press Control + X or Command + X on the Mac
to cut them,
then click in this very top left cell
and press Control + V or Command + V on the Mac
to paste them back in,
and then click on the check mark,
and you'll notice that goes ahead
and gets rid of the legend.
Now, it may mess up the graph a little bit,
in which case just go ahead and close the spreadsheet,
and I'll click off the graph to deselect it,
and then I'll grab my white arrow tool,
and you can see the problem.
These percentage values are off kilter.
And so now I'll just go ahead and marquee them
and I'll press Shift + right arrow
in order to move them over,
and then I'll move them down
by pressing the down arrow key a few times,
and once I get them positioned properly horizontally,
I'll press Shift + left arrow
in order to move them out 10 points.
All right,
now I'm going to turn off the graph layer for the moment,
and I'm going to turn the legend layer back on.
And notice these guys are way too far away from each other
and the text is too far away from the icon.
And so to fix the text,
I'll go ahead and grab my black arrow tool,
which you can get by pressing the B key,
and I'll just click on any one of the point text objects,
and that'll select all of them
because they're currently grouped together.
And then you want to go up to the View menu
and make sure that Smart Guides are turned on.
They aren't for me,
so I'll go ahead and choose the command.
And I'll zoom in a little closer here,
and I'll drag this guy down
until it snaps into alignment right there,
and then I'll press Shift + right arrow
in order to nudge it out 10 points,
and I'll press the left arrow key a couple of times
to bring it back in.
All right, that looks pretty good,
so I'll go ahead and press Control + zero
or Command + zero on the Mac to zoom back out.
I'll select these guys,
and then I'll go up to the Object menu
and choose the Ungroup command to ungroup them,
because what we really want to do
is group each one of the logo sets together.
And so I'll marquee these guys,
go up to the Object menu,
choose the Group command,
or of course you could press Control + G,
Command + G on the Mac.
Then I'll grab these guys, Control + G,
and I'll drag it down, like, to about there.
It doesn't really matter.
Grab these guys, Control + G,
and move them down.
That's Command + G on the Mac.
Marquee these guys, Control or Command + G,
move them down,
and grab Twitter
and Control or Command + G
and move these guys down, like so.
All right, now you just want to marquee all of them,
and let's move them over here, let's say,
for a moment,
and I'll go ahead and zoom in a little bit,
and I'll click on the Facebook logo
to make it the key item,
and then I'll go up here to the control panel
and I'll click on horizontal align left
in order to produce this effect here.
And now go to the Window menu
and choose the Align command
in order to bring up the full align panel.
You want to make sure that it's altogether expanded
so that you can see the Distribute Spacing option.
Go ahead and set it to nine points,
which will be an option if you have a key object.
Otherwise it'll be dimmed.
And then you'll want to click vertical distribute space
in order to produce this effect here.
All right, now you can hide the align panel.
And now let's draw a kind of border around our legend
by bringing up the guides panel
so that we can see these guides right here.
And then grab the rectangle tool
and go ahead and click right here at the intersection
of these two guides in the top right corner of the document.
And then inside the rectangle dialog box,
set the width value to 120 points
and set the height value to 250 points, like so,
and click OK,
and that'll create a new rectangle.
Now, I want it to be filled with white,
so I'll go ahead and change that first swatch to white,
and then I'll set the line weight to one half of a point,
0.5 points, that is.
And then I'll go up to the Effect menu,
choose Stylize, and choose Drop Shadow.
And here are the settings I applied.
I'm working with the color set to black,
the mode is multiplied,
the opacity value is 50%,
both the X and Y offset values are three points,
and the blur is set to zero point.
At which point,
if I turn on the Preview checkbox,
I can see that drop shadow.
And assuming I like what I see,
I'll click OK.
All right, now you want to right click in the document window
and choose Arrange followed by Send to Back.
Or you have that keyboard shortcut
of Control + Shift + left bracket.
That's Command + Shift + left bracket on the Mac.
Now go ahead and switch back to the black arrow tool,
which you can get by pressing the V key,
and just go ahead
and partially marquee the icons right there
in order to select everything.
And I'm going to drag this guy
by his top left point right there
until it snaps into alignment
with the top left corner of the rectangle,
and then I'll press the Enter key
or the Return key on a Mac.
And because my black arrow tool is active,
that brings up the Move dialog box,
at which point I'll send both the horizontal
and vertical values to 11 points
and turn on the Preview checkbox
to see that legend move into place.
After which I'll click OK to accept that change.
I'll turn off the guides layer
in order to hide the guides,
I'll click off the objects to deselect them,
and I'll press Control + zero or Command + zero on the Mac,
bring back the graph layer,
and bring back the headline layer, as well.
And that is how you customize your legend
so it looks absolutely great
by manually extracting it from its graph
here inside Illustrator.