1

00:00:00.00 --> 00:00:00.08

- [Instructor] In this

movie, I'll show you



2

00:00:00.08 --> 00:00:03.02

how to repeat the graph design



3

00:00:03.02 --> 00:00:05.04

so that they're not stretched



4

00:00:05.04 --> 00:00:07.01

or scaled in any way.



5

00:00:07.01 --> 00:00:09.01

And I'll also show you how

to apply different designs



6

00:00:09.01 --> 00:00:11.06

to different columns so that everything



7

00:00:11.06 --> 00:00:14.00

doesn't look like a Facebook logo.



8

00:00:14.00 --> 00:00:15.04

All right, so for starters here.



9

00:00:15.04 --> 00:00:16.06

I'll go ahead and click



10

00:00:16.06 --> 00:00:18.03

on the graph with the black arrow tool



11

00:00:18.03 --> 00:00:19.08

to select the entire thing,



12

00:00:19.08 --> 00:00:20.08

and then I'll right click



13

00:00:20.08 --> 00:00:23.08

inside the document

window and choose column



14

00:00:23.08 --> 00:00:26.06

in order to revisit that

graph-column dialogue box.



15

00:00:26.06 --> 00:00:29.05

And I'll switch back to the Facebook logo



16

00:00:29.05 --> 00:00:31.00

and I'll change the column type



17

00:00:31.00 --> 00:00:34.00

this time around to

repeating, at which point,



18

00:00:34.00 --> 00:00:37.00

Illustrator wants to know how many units



19

00:00:37.00 --> 00:00:39.03

each design represents.



20

00:00:39.03 --> 00:00:41.03

So let's say I enter five,



21

00:00:41.03 --> 00:00:44.09

meaning that each icon is 5% high.



22

00:00:44.09 --> 00:00:47.02

Also notice that the for

fractions option here



23

00:00:47.02 --> 00:00:49.07

is set to scale-design by default,



24

00:00:49.07 --> 00:00:53.01

after which point, I'll click

okay to accept that change,



25

00:00:53.01 --> 00:00:56.03

and then I'll press control-H,

or command-H on a Mac



26

00:00:56.03 --> 00:00:58.06

in order to hide the selection edges,



27

00:00:58.06 --> 00:01:01.06

and I want you to see, there's

a fraction right there,



28

00:01:01.06 --> 00:01:03.02

and it's getting scaled.



29

00:01:03.02 --> 00:01:05.06

Otherwise, we're seeing two Fs



30

00:01:05.06 --> 00:01:10.00

per each and every horizontal graph line.



31

00:01:10.00 --> 00:01:12.03

And that's because the increment

from one line to the next



32

00:01:12.03 --> 00:01:17.08

is 10% and each icon is just 5% tall.



33

00:01:17.08 --> 00:01:19.08

All right, I'll go ahead and

zoom out a little bit here.



34

00:01:19.08 --> 00:01:22.08

Now the thing is, I don't

want to scale any of the Fs



35

00:01:22.08 --> 00:01:25.06

so I'm going to right click

again and choose column,



36

00:01:25.06 --> 00:01:29.07

and I'm going to change for

fractions to chop design,



37

00:01:29.07 --> 00:01:30.08

and click okay.



38

00:01:30.08 --> 00:01:32.00

And that's going to go ahead and just



39

00:01:32.00 --> 00:01:34.06

cut off the designs like so.



40

00:01:34.06 --> 00:01:35.09

All right, now we want to be able to



41

00:01:35.09 --> 00:01:39.00

vary the design from

one column to the next.



42

00:01:39.00 --> 00:01:40.05

So I need to press control-H,

or command-H on a Mac,



43

00:01:40.05 --> 00:01:44.03

to bring back my edges,

and I'll press the A key



44

00:01:44.03 --> 00:01:46.08

to switch to the white arrow tool.



45

00:01:46.08 --> 00:01:48.09

I'll click off the graph to deselect it,



46

00:01:48.09 --> 00:01:52.09

and then I'll go up here to

the blue portion of the F



47

00:01:52.09 --> 00:01:57.02

and I'll alt- or option-click

on it a total of three times



48

00:01:57.02 --> 00:02:00.06

in order to select all

of the Instagram columns.



49

00:02:00.06 --> 00:02:03.00

Now make sure you don't alt-

or option-click too many times



50

00:02:03.00 --> 00:02:05.08

because then you'll

select the entire graph.



51

00:02:05.08 --> 00:02:08.06

So what we want to do is alt-

or option-click a total of



52

00:02:08.06 --> 00:02:12.09

three times in the blue

area of that Facebook icon.



53

00:02:12.09 --> 00:02:15.05

And then, because only part

of the graph is selected,



54

00:02:15.05 --> 00:02:18.04

you'll have to go to the

object menu, choose graph,



55

00:02:18.04 --> 00:02:21.02

and choose column, in order to bring back



56

00:02:21.02 --> 00:02:22.06

the graph-column dialogue box,



57

00:02:22.06 --> 00:02:24.09

and then just select the

Instagram design, that's it.



58

00:02:24.09 --> 00:02:28.00

Now you can click okay,

and that will go ahead and



59

00:02:28.00 --> 00:02:33.00

apply the Instagram icons

to the second columns.



60

00:02:33.00 --> 00:02:34.06

Now notice that Illustrator's gone ahead



61

00:02:34.06 --> 00:02:36.07

and selected the entire graph,



62

00:02:36.07 --> 00:02:39.08

and so to select the third

columns, the ones for LinkedIn,



63

00:02:39.08 --> 00:02:42.01

you'll need to click off

the graph to deselect it,



64

00:02:42.01 --> 00:02:44.09

and then alt- or option-click three times



65

00:02:44.09 --> 00:02:48.01

inside that Facebook logo

that we want to replace,



66

00:02:48.01 --> 00:02:52.04

then return to the object menu,

choose graph, choose column,



67

00:02:52.04 --> 00:02:56.03

and then select LinkedIn and click okay.



68

00:02:56.03 --> 00:02:58.07

All right, now click off

the graph to deselect it,



69

00:02:58.07 --> 00:03:01.09

alt- or option-click

three times inside the F



70

00:03:01.09 --> 00:03:04.05

for Pinterest up here in the legend,



71

00:03:04.05 --> 00:03:06.03

return to the object menu,



72

00:03:06.03 --> 00:03:09.05

choose graph and then choose column,



73

00:03:09.05 --> 00:03:11.08

and this time we want to select Pinterest.



74

00:03:11.08 --> 00:03:14.05

By the way, everybody's

listed in alphabetical order.



75

00:03:14.05 --> 00:03:17.01

So it should be pretty

easy to follow along.



76

00:03:17.01 --> 00:03:19.08

And then finally, you'll

want to click off the graph



77

00:03:19.08 --> 00:03:22.01

and alt- or option-click three times



78

00:03:22.01 --> 00:03:25.01

inside the F for Twitter,



79

00:03:25.01 --> 00:03:29.07

and then go up to object,

choose graph, and choose column,



80

00:03:29.07 --> 00:03:31.07

and let's go ahead and

change this guy to Twitter



81

00:03:31.07 --> 00:03:33.09

and click okay, and that is it.



82

00:03:33.09 --> 00:03:36.01

I'll go ahead and click off

the graph to deselect it,



83

00:03:36.01 --> 00:03:39.00

and then I'll press control-zero,

or command-zero on a Mac,



84

00:03:39.00 --> 00:03:40.04

to center my zoom.



85

00:03:40.04 --> 00:03:43.03

And that is how you avoid

scaling your graph design



86

00:03:43.03 --> 00:03:46.05

by repeating and cropping it,



87

00:03:46.05 --> 00:03:49.06

as well as how you apply

different graph designs to



88

00:03:49.06 --> 00:03:53.01

different columns here inside Illustrator.