1

00:00:00.04 --> 00:00:01.02

- [Instructor] All right, now,



2

00:00:01.02 --> 00:00:02.02

while the graph looks great,



3

00:00:02.02 --> 00:00:04.03

the legend up here at

the top of the document



4

00:00:04.03 --> 00:00:06.03

looks absolutely tragic.



5

00:00:06.03 --> 00:00:09.01

What we want is an effect more like this,



6

00:00:09.01 --> 00:00:09.09

and to pull this off,



7

00:00:09.09 --> 00:00:13.02

we need to manually extract

the legend from the graph



8

00:00:13.02 --> 00:00:15.05

so that it's an independent object,



9

00:00:15.05 --> 00:00:17.04

and let me show you how that looks.



10

00:00:17.04 --> 00:00:19.00

First thing you want to do is zoom out



11

00:00:19.00 --> 00:00:22.03

so that you can see all

the elements of the legend,



12

00:00:22.03 --> 00:00:24.06

and then go ahead and grab

your white arrow tool,



13

00:00:24.06 --> 00:00:26.08

which of course you can

get by pressing the A key,



14

00:00:26.08 --> 00:00:29.08

and marquee all these objects like so.



15

00:00:29.08 --> 00:00:32.04

And notice that I'm not

selecting all the anchor points



16

00:00:32.04 --> 00:00:35.06

and the various ellipses that

make up the Instagram logo,



17

00:00:35.06 --> 00:00:37.04

so I'm going to have to try that again.



18

00:00:37.04 --> 00:00:39.09

And so this time what I'm going

to do is press the Alt key



19

00:00:39.09 --> 00:00:41.05

or the Option key on the Mac



20

00:00:41.05 --> 00:00:44.08

so that I'm seeing a plus

sign next to my arrow cursor,



21

00:00:44.08 --> 00:00:47.04

and then I'll once again

marquee those objects,



22

00:00:47.04 --> 00:00:50.00

and this time I end up

selecting everything.



23

00:00:50.00 --> 00:00:52.00

At which point you want

to press Control + C,



24

00:00:52.00 --> 00:00:53.07

or Command + C on the Mac,



25

00:00:53.07 --> 00:00:55.06

in order to copy these items,



26

00:00:55.06 --> 00:00:57.09

then click off them to deselect them



27

00:00:57.09 --> 00:01:00.06

and press the B key to switch

back to the black arrow tool



28

00:01:00.06 --> 00:01:02.01

and press Control + V



29

00:01:02.01 --> 00:01:04.04

or Command + V on the Mac to paste them.



30

00:01:04.04 --> 00:01:06.05

And you may notice I'm

not pressing Control + F



31

00:01:06.05 --> 00:01:07.05

to paste in front



32

00:01:07.05 --> 00:01:10.00

because I don't really

care where they land.



33

00:01:10.00 --> 00:01:12.04

I just want them, for the

moment, to be independent.



34

00:01:12.04 --> 00:01:14.02

All right, now I'm going

to create a new layer



35

00:01:14.02 --> 00:01:17.01

by Alt or Option + clicking

on the little page icon



36

00:01:17.01 --> 00:01:18.08

at the bottom of the layers panel,



37

00:01:18.08 --> 00:01:21.00

and I'll call this new layer legend,



38

00:01:21.00 --> 00:01:23.08

and I'll change its color to violet



39

00:01:23.08 --> 00:01:25.03

and click OK.



40

00:01:25.03 --> 00:01:27.01

And now I'll take this red square



41

00:01:27.01 --> 00:01:29.00

that exists on the graph layer



42

00:01:29.00 --> 00:01:32.03

and I'll drag it and drop

it onto the legend layer



43

00:01:32.03 --> 00:01:35.00

so that the legend is

altogether independent.



44

00:01:35.00 --> 00:01:37.00

All right, now I'm going to turn

that layer off for a moment,



45

00:01:37.00 --> 00:01:39.00

and I'll click on the graph to select it,



46

00:01:39.00 --> 00:01:41.03

and then I'll right click

in the document window



47

00:01:41.03 --> 00:01:42.05

and choose Data.



48

00:01:42.05 --> 00:01:46.02

And now what we need to do

is get rid of the first row



49

00:01:46.02 --> 00:01:50.03

by dragging from 2022 to 36



50

00:01:50.03 --> 00:01:53.01

in order to select all

the numerical values,



51

00:01:53.01 --> 00:01:55.05

and then press Control + X

or Command + X on the Mac



52

00:01:55.05 --> 00:01:56.04

to cut them,



53

00:01:56.04 --> 00:01:59.02

then click in this very top left cell



54

00:01:59.02 --> 00:02:01.09

and press Control + V or

Command + V on the Mac



55

00:02:01.09 --> 00:02:03.04

to paste them back in,



56

00:02:03.04 --> 00:02:05.00

and then click on the check mark,



57

00:02:05.00 --> 00:02:06.04

and you'll notice that goes ahead



58

00:02:06.04 --> 00:02:07.09

and gets rid of the legend.



59

00:02:07.09 --> 00:02:10.00

Now, it may mess up

the graph a little bit,



60

00:02:10.00 --> 00:02:13.03

in which case just go ahead

and close the spreadsheet,



61

00:02:13.03 --> 00:02:16.05

and I'll click off the

graph to deselect it,



62

00:02:16.05 --> 00:02:18.04

and then I'll grab my white arrow tool,



63

00:02:18.04 --> 00:02:19.07

and you can see the problem.



64

00:02:19.07 --> 00:02:22.02

These percentage values are off kilter.



65

00:02:22.02 --> 00:02:24.05

And so now I'll just go

ahead and marquee them



66

00:02:24.05 --> 00:02:26.04

and I'll press Shift + right arrow



67

00:02:26.04 --> 00:02:27.09

in order to move them over,



68

00:02:27.09 --> 00:02:29.07

and then I'll move them down



69

00:02:29.07 --> 00:02:32.04

by pressing the down

arrow key a few times,



70

00:02:32.04 --> 00:02:35.02

and once I get them positioned

properly horizontally,



71

00:02:35.02 --> 00:02:36.08

I'll press Shift + left arrow



72

00:02:36.08 --> 00:02:39.05

in order to move them out 10 points.



73

00:02:39.05 --> 00:02:40.03

All right,



74

00:02:40.03 --> 00:02:42.03

now I'm going to turn off the

graph layer for the moment,



75

00:02:42.03 --> 00:02:44.09

and I'm going to turn

the legend layer back on.



76

00:02:44.09 --> 00:02:47.08

And notice these guys are way

too far away from each other



77

00:02:47.08 --> 00:02:50.09

and the text is too

far away from the icon.



78

00:02:50.09 --> 00:02:51.09

And so to fix the text,



79

00:02:51.09 --> 00:02:54.04

I'll go ahead and grab

my black arrow tool,



80

00:02:54.04 --> 00:02:56.06

which you can get by pressing the B key,



81

00:02:56.06 --> 00:02:59.08

and I'll just click on any

one of the point text objects,



82

00:02:59.08 --> 00:03:01.03

and that'll select all of them



83

00:03:01.03 --> 00:03:02.09

because they're currently

grouped together.



84

00:03:02.09 --> 00:03:04.09

And then you want to

go up to the View menu



85

00:03:04.09 --> 00:03:07.02

and make sure that Smart

Guides are turned on.



86

00:03:07.02 --> 00:03:08.01

They aren't for me,



87

00:03:08.01 --> 00:03:09.09

so I'll go ahead and choose the command.



88

00:03:09.09 --> 00:03:11.06

And I'll zoom in a little closer here,



89

00:03:11.06 --> 00:03:13.00

and I'll drag this guy down



90

00:03:13.00 --> 00:03:15.00

until it snaps into alignment right there,



91

00:03:15.00 --> 00:03:17.02

and then I'll press Shift + right arrow



92

00:03:17.02 --> 00:03:19.05

in order to nudge it out 10 points,



93

00:03:19.05 --> 00:03:21.07

and I'll press the left

arrow key a couple of times



94

00:03:21.07 --> 00:03:23.00

to bring it back in.



95

00:03:23.00 --> 00:03:24.03

All right, that looks pretty good,



96

00:03:24.03 --> 00:03:26.00

so I'll go ahead and press Control + zero



97

00:03:26.00 --> 00:03:28.00

or Command + zero on the

Mac to zoom back out.



98

00:03:28.00 --> 00:03:29.01

I'll select these guys,



99

00:03:29.01 --> 00:03:31.02

and then I'll go up to the Object menu



100

00:03:31.02 --> 00:03:33.09

and choose the Ungroup

command to ungroup them,



101

00:03:33.09 --> 00:03:35.01

because what we really want to do



102

00:03:35.01 --> 00:03:38.05

is group each one of

the logo sets together.



103

00:03:38.05 --> 00:03:39.09

And so I'll marquee these guys,



104

00:03:39.09 --> 00:03:41.02

go up to the Object menu,



105

00:03:41.02 --> 00:03:42.05

choose the Group command,



106

00:03:42.05 --> 00:03:44.03

or of course you could press Control + G,



107

00:03:44.03 --> 00:03:45.07

Command + G on the Mac.



108

00:03:45.07 --> 00:03:48.01

Then I'll grab these guys, Control + G,



109

00:03:48.01 --> 00:03:50.06

and I'll drag it down,

like, to about there.



110

00:03:50.06 --> 00:03:51.06

It doesn't really matter.



111

00:03:51.06 --> 00:03:53.09

Grab these guys, Control + G,



112

00:03:53.09 --> 00:03:55.01

and move them down.



113

00:03:55.01 --> 00:03:56.06

That's Command + G on the Mac.



114

00:03:56.06 --> 00:03:59.00

Marquee these guys,

Control or Command + G,



115

00:03:59.00 --> 00:04:00.00

move them down,



116

00:04:00.00 --> 00:04:01.06

and grab Twitter



117

00:04:01.06 --> 00:04:02.08

and Control or Command + G



118

00:04:02.08 --> 00:04:05.00

and move these guys down, like so.



119

00:04:05.00 --> 00:04:07.02

All right, now you just

want to marquee all of them,



120

00:04:07.02 --> 00:04:10.00

and let's move them over here, let's say,



121

00:04:10.00 --> 00:04:10.09

for a moment,



122

00:04:10.09 --> 00:04:12.07

and I'll go ahead and

zoom in a little bit,



123

00:04:12.07 --> 00:04:15.02

and I'll click on the Facebook logo



124

00:04:15.02 --> 00:04:17.06

to make it the key item,



125

00:04:17.06 --> 00:04:19.09

and then I'll go up here

to the control panel



126

00:04:19.09 --> 00:04:22.09

and I'll click on horizontal align left



127

00:04:22.09 --> 00:04:24.09

in order to produce this effect here.



128

00:04:24.09 --> 00:04:26.05

And now go to the Window menu



129

00:04:26.05 --> 00:04:28.01

and choose the Align command



130

00:04:28.01 --> 00:04:31.01

in order to bring up the full align panel.



131

00:04:31.01 --> 00:04:33.08

You want to make sure that

it's altogether expanded



132

00:04:33.08 --> 00:04:36.08

so that you can see the

Distribute Spacing option.



133

00:04:36.08 --> 00:04:38.06

Go ahead and set it to nine points,



134

00:04:38.06 --> 00:04:42.02

which will be an option

if you have a key object.



135

00:04:42.02 --> 00:04:43.07

Otherwise it'll be dimmed.



136

00:04:43.07 --> 00:04:47.04

And then you'll want to click

vertical distribute space



137

00:04:47.04 --> 00:04:49.06

in order to produce this effect here.



138

00:04:49.06 --> 00:04:51.07

All right, now you can

hide the align panel.



139

00:04:51.07 --> 00:04:55.01

And now let's draw a kind

of border around our legend



140

00:04:55.01 --> 00:04:56.09

by bringing up the guides panel



141

00:04:56.09 --> 00:04:59.03

so that we can see

these guides right here.



142

00:04:59.03 --> 00:05:01.07

And then grab the rectangle tool



143

00:05:01.07 --> 00:05:05.05

and go ahead and click right

here at the intersection



144

00:05:05.05 --> 00:05:08.06

of these two guides in the top

right corner of the document.



145

00:05:08.06 --> 00:05:11.02

And then inside the rectangle dialog box,



146

00:05:11.02 --> 00:05:13.09

set the width value to 120 points



147

00:05:13.09 --> 00:05:17.08

and set the height value

to 250 points, like so,



148

00:05:17.08 --> 00:05:19.02

and click OK,



149

00:05:19.02 --> 00:05:21.02

and that'll create a new rectangle.



150

00:05:21.02 --> 00:05:23.03

Now, I want it to be filled with white,



151

00:05:23.03 --> 00:05:25.08

so I'll go ahead and change

that first swatch to white,



152

00:05:25.08 --> 00:05:29.00

and then I'll set the line

weight to one half of a point,



153

00:05:29.00 --> 00:05:31.04

0.5 points, that is.



154

00:05:31.04 --> 00:05:33.02

And then I'll go up to the Effect menu,



155

00:05:33.02 --> 00:05:36.06

choose Stylize, and choose Drop Shadow.



156

00:05:36.06 --> 00:05:39.01

And here are the settings I applied.



157

00:05:39.01 --> 00:05:41.00

I'm working with the color set to black,



158

00:05:41.00 --> 00:05:42.03

the mode is multiplied,



159

00:05:42.03 --> 00:05:44.02

the opacity value is 50%,



160

00:05:44.02 --> 00:05:47.00

both the X and Y offset

values are three points,



161

00:05:47.00 --> 00:05:49.00

and the blur is set to zero point.



162

00:05:49.00 --> 00:05:49.09

At which point,



163

00:05:49.09 --> 00:05:51.02

if I turn on the Preview checkbox,



164

00:05:51.02 --> 00:05:53.02

I can see that drop shadow.



165

00:05:53.02 --> 00:05:54.07

And assuming I like what I see,



166

00:05:54.07 --> 00:05:56.02

I'll click OK.



167

00:05:56.02 --> 00:05:58.09

All right, now you want to right

click in the document window



168

00:05:58.09 --> 00:06:02.05

and choose Arrange

followed by Send to Back.



169

00:06:02.05 --> 00:06:03.08

Or you have that keyboard shortcut



170

00:06:03.08 --> 00:06:05.07

of Control + Shift + left bracket.



171

00:06:05.07 --> 00:06:08.02

That's Command + Shift +

left bracket on the Mac.



172

00:06:08.02 --> 00:06:10.05

Now go ahead and switch back

to the black arrow tool,



173

00:06:10.05 --> 00:06:12.09

which you can get by pressing the V key,



174

00:06:12.09 --> 00:06:13.07

and just go ahead



175

00:06:13.07 --> 00:06:16.02

and partially marquee

the icons right there



176

00:06:16.02 --> 00:06:18.01

in order to select everything.



177

00:06:18.01 --> 00:06:19.05

And I'm going to drag this guy



178

00:06:19.05 --> 00:06:21.05

by his top left point right there



179

00:06:21.05 --> 00:06:22.09

until it snaps into alignment



180

00:06:22.09 --> 00:06:25.07

with the top left corner of the rectangle,



181

00:06:25.07 --> 00:06:27.04

and then I'll press the Enter key



182

00:06:27.04 --> 00:06:28.08

or the Return key on a Mac.



183

00:06:28.08 --> 00:06:31.00

And because my black arrow tool is active,



184

00:06:31.00 --> 00:06:32.07

that brings up the Move dialog box,



185

00:06:32.07 --> 00:06:34.08

at which point I'll

send both the horizontal



186

00:06:34.08 --> 00:06:37.02

and vertical values to 11 points



187

00:06:37.02 --> 00:06:38.09

and turn on the Preview checkbox



188

00:06:38.09 --> 00:06:41.09

to see that legend move into place.



189

00:06:41.09 --> 00:06:45.00

After which I'll click

OK to accept that change.



190

00:06:45.00 --> 00:06:46.06

I'll turn off the guides layer



191

00:06:46.06 --> 00:06:48.09

in order to hide the guides,



192

00:06:48.09 --> 00:06:51.01

I'll click off the

objects to deselect them,



193

00:06:51.01 --> 00:06:54.03

and I'll press Control + zero

or Command + zero on the Mac,



194

00:06:54.03 --> 00:06:56.04

bring back the graph layer,



195

00:06:56.04 --> 00:07:00.03

and bring back the

headline layer, as well.



196

00:07:00.03 --> 00:07:02.07

And that is how you customize your legend



197

00:07:02.07 --> 00:07:04.08

so it looks absolutely great



198

00:07:04.08 --> 00:07:07.07

by manually extracting it from its graph



199

00:07:07.07 --> 00:07:09.07

here inside Illustrator.