1

00:00:00.04 --> 00:00:02.02

- [Voiceover] Alright, in

this movie we're gonna return



2

00:00:02.02 --> 00:00:04.06

to the task of creating our star logo,



3

00:00:04.06 --> 00:00:07.04

and specifically, we're

gonna match the tops



4

00:00:07.04 --> 00:00:11.04

of these two shapes right

here to this angled purple J,



5

00:00:11.04 --> 00:00:14.05

and we're gonna be doing

so by skewing the tops



6

00:00:14.05 --> 00:00:17.02

of the shapes using the shear tool.



7

00:00:17.02 --> 00:00:20.00

And so the first thing we

need to do is move the tops



8

00:00:20.00 --> 00:00:23.00

of these two shapes

upward, so that they snap



9

00:00:23.00 --> 00:00:26.06

into alignment with this

purple guy right here,



10

00:00:26.06 --> 00:00:29.04

and just so that I can describe

things a little better,



11

00:00:29.04 --> 00:00:31.02

I'm gonna change his

color by clicking on him



12

00:00:31.02 --> 00:00:34.02

in order to select him, and

then I'll change the fill,



13

00:00:34.02 --> 00:00:36.08

up here in the control

panel, to let's say,



14

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

this shade of orange.



15

00:00:38.06 --> 00:00:41.00

Alright, so I'm gonna

zoom in a little farther



16

00:00:41.00 --> 00:00:42.08

so that we can take in our scene,



17

00:00:42.08 --> 00:00:46.00

and what I need to do is

grab my white arrow tool,



18

00:00:46.00 --> 00:00:46.08

which of course, you can get



19

00:00:46.08 --> 00:00:48.07

by pressing the A key, for arrow,



20

00:00:48.07 --> 00:00:51.01

and then I'll marquee

the tops of these shapes



21

00:00:51.01 --> 00:00:52.06

all the way across the top,



22

00:00:52.06 --> 00:00:55.00

so I select all four of these points.



23

00:00:55.00 --> 00:00:58.01

That ends up partially selecting

the orange shape as well.



24

00:00:58.01 --> 00:01:00.09

To deselect it, just go ahead

and press the Shift key,



25

00:01:00.09 --> 00:01:03.01

and click inside of it twice.



26

00:01:03.01 --> 00:01:04.07

The first time you shift click,



27

00:01:04.07 --> 00:01:06.04

you'll select the entire shape,



28

00:01:06.04 --> 00:01:09.04

the second time you shift

click, you'll deselect it.



29

00:01:09.04 --> 00:01:12.00

Now what I wanna do is

drag this guy upward,



30

00:01:12.00 --> 00:01:13.08

this left hand anchor point,



31

00:01:13.08 --> 00:01:15.06

and notice I'm pressing the Shift key



32

00:01:15.06 --> 00:01:17.08

to constrain the angle

of my drag to vertical,



33

00:01:17.08 --> 00:01:20.09

and I want to snap into

alignment with that shape,



34

00:01:20.09 --> 00:01:22.07

but even though I have

smart guides turned on,



35

00:01:22.07 --> 00:01:24.00

I'm not getting a snap.



36

00:01:24.00 --> 00:01:26.01

And what that means is

I'm gonna have to resort



37

00:01:26.01 --> 00:01:28.07

to a custom guide, and so

I'll go ahead and press



38

00:01:28.07 --> 00:01:32.00

Control Z, or Command Z on

a Mac, to undo that change.



39

00:01:32.00 --> 00:01:35.03

And I'll go ahead and click

inside the orange shape



40

00:01:35.03 --> 00:01:37.08

to select the entire thing,

and so when you click



41

00:01:37.08 --> 00:01:40.06

inside of a filled shape

with the white arrow tool,



42

00:01:40.06 --> 00:01:42.06

you select the entire path.



43

00:01:42.06 --> 00:01:44.05

And then, I'll go over

to the Layers panel,



44

00:01:44.05 --> 00:01:46.01

and notice this red square here,



45

00:01:46.01 --> 00:01:48.01

I'll alt or option drag it



46

00:01:48.01 --> 00:01:50.09

on to the guides layer like so.



47

00:01:50.09 --> 00:01:54.00

And that will create a

copy of that orange shape



48

00:01:54.00 --> 00:01:56.06

on the guides layer as

you can see right here.



49

00:01:56.06 --> 00:01:59.01

Now, to turn it into a

guide, I'll right click



50

00:01:59.01 --> 00:02:00.08

anywhere inside the document window,



51

00:02:00.08 --> 00:02:02.08

and choose 'Make Guides'.



52

00:02:02.08 --> 00:02:04.06

Alright, now I want you to notice here,



53

00:02:04.06 --> 00:02:06.07

that I could grab this anchor point,



54

00:02:06.07 --> 00:02:08.08

and I'm going to select it

independently of the other ones,



55

00:02:08.08 --> 00:02:10.01

just by clicking on it,



56

00:02:10.01 --> 00:02:14.03

and now I'll shift drag it

upward until I get a snap.



57

00:02:14.03 --> 00:02:16.08

You can see that white

snap cursor right there.



58

00:02:16.08 --> 00:02:20.08

But, I still get the cursor

even when I move back and forth,



59

00:02:20.08 --> 00:02:23.09

and so what happens is I'm

moving that anchor point



60

00:02:23.09 --> 00:02:28.08

down and up as I drag to

the right and to the left.



61

00:02:28.08 --> 00:02:30.01

And that's just no good.



62

00:02:30.01 --> 00:02:32.09

I need an exact snap at this location,



63

00:02:32.09 --> 00:02:35.07

which means I need to

add another guideline.



64

00:02:35.07 --> 00:02:37.07

And so I'll press Control

Z, or Command Z on a Mac,



65

00:02:37.07 --> 00:02:39.02

to undo that change.



66

00:02:39.02 --> 00:02:41.03

I'll click off the path to deselect it,



67

00:02:41.03 --> 00:02:42.04

and then I'll go ahead



68

00:02:42.04 --> 00:02:44.05

and select my guides layer once again,



69

00:02:44.05 --> 00:02:47.00

so that I can keep all the

guides on that one layer.



70

00:02:47.00 --> 00:02:49.06

And then I'll press Control

R, or Command R on a Mac,



71

00:02:49.06 --> 00:02:51.01

to bring up the rulers



72

00:02:51.01 --> 00:02:53.00

and I'll drag a vertical guide out



73

00:02:53.00 --> 00:02:55.01

from the left hand ruler until it snaps



74

00:02:55.01 --> 00:02:57.05

into exact alignment with the left side



75

00:02:57.05 --> 00:03:00.05

of that purple shape, at

which point I'll release,



76

00:03:00.05 --> 00:03:01.08

and then I'll hide my rulers



77

00:03:01.08 --> 00:03:04.07

by pressing Control R, or Command R again.



78

00:03:04.07 --> 00:03:06.02

Alright, now we want to marquee the tops



79

00:03:06.02 --> 00:03:08.02

of these shapes once again to select these



80

00:03:08.02 --> 00:03:10.01

top four anchor points.



81

00:03:10.01 --> 00:03:12.00

Shift click on the orange shape twice



82

00:03:12.00 --> 00:03:14.02

to deselect it, and now notice,



83

00:03:14.02 --> 00:03:17.05

if I drag this guy up, while

pressing the Shift key,



84

00:03:17.05 --> 00:03:20.00

I'm going to snap into alignment.



85

00:03:20.00 --> 00:03:22.06

I can see a little cross

inside my white cursor,



86

00:03:22.06 --> 00:03:24.08

which tells me that I'm

snapping to the inner sanction



87

00:03:24.08 --> 00:03:26.02

of a couple of guides,



88

00:03:26.02 --> 00:03:27.08

and if you're working along with me,



89

00:03:27.08 --> 00:03:30.02

notice your heads up display.



90

00:03:30.02 --> 00:03:31.08

It should read dX: 0 pt,



91

00:03:31.08 --> 00:03:34.06

because we're dragging

the point directly upward,



92

00:03:34.06 --> 00:03:38.08

and your dY value will be negative 8.72,



93

00:03:38.08 --> 00:03:40.05

if you can make that out,



94

00:03:40.05 --> 00:03:42.09

and that just happens to

be the way things work.



95

00:03:42.09 --> 00:03:46.07

Alright, now we want to

skew these edges downward,



96

00:03:46.07 --> 00:03:49.00

and we're gonna do that

using the Shear tool.



97

00:03:49.00 --> 00:03:52.01

So once again, the Shear

tool shares a fly-out menu



98

00:03:52.01 --> 00:03:54.07

with the Scale tool, so

we'll go ahead and select it,



99

00:03:54.07 --> 00:03:55.06

and then, you want to click right there



100

00:03:55.06 --> 00:03:59.04

on that left hand point

in order to position



101

00:03:59.04 --> 00:04:02.02

the transformation origin, right there.



102

00:04:02.02 --> 00:04:05.03

Then, move your cursor all the

way to the right hand point,



103

00:04:05.03 --> 00:04:07.04

and drag down on it.



104

00:04:07.04 --> 00:04:09.02

Now if you drag without any constraint,



105

00:04:09.02 --> 00:04:12.03

you're gonna modify both the skew angle,



106

00:04:12.03 --> 00:04:15.05

which is that S value on

top in the heads up display,



107

00:04:15.05 --> 00:04:17.03

as well as the angle of the axis,



108

00:04:17.03 --> 00:04:18.08

which is the second value.



109

00:04:18.08 --> 00:04:21.01

We want the axis to be exactly vertical,



110

00:04:21.01 --> 00:04:22.09

so go ahead and move your

cursor over a little bit,



111

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

and then press and hold the Shift key,



112

00:04:24.09 --> 00:04:26.07

at which point that

second value will change



113

00:04:26.07 --> 00:04:28.07

to negative 90 degrees.



114

00:04:28.07 --> 00:04:30.05

Now go ahead and drag this guy down



115

00:04:30.05 --> 00:04:34.01

until it snaps into alignment

with that custom guide,



116

00:04:34.01 --> 00:04:36.08

at which point you

should see a skew value,



117

00:04:36.08 --> 00:04:41.01

the top value, of negative 162 degrees.



118

00:04:41.01 --> 00:04:43.01

Now you may wonder where that comes from,



119

00:04:43.01 --> 00:04:45.06

and I want to explain things

so you just understand



120

00:04:45.06 --> 00:04:47.01

how this works.



121

00:04:47.01 --> 00:04:49.04

And so to make this clear,

I'll undo that skew,



122

00:04:49.04 --> 00:04:52.00

by pressing Control Z,

or Command Z on a Mac,



123

00:04:52.00 --> 00:04:54.01

and instead of clicking

on this left hand point,



124

00:04:54.01 --> 00:04:56.06

I will alt or option click in order



125

00:04:56.06 --> 00:04:58.08

to bring up the shear dialogue box.



126

00:04:58.08 --> 00:05:00.07

Now if you've been working along with me,



127

00:05:00.07 --> 00:05:04.01

then you'll probably see

these settings right here,



128

00:05:04.01 --> 00:05:06.05

which aren't gonna produce

any changes at all,



129

00:05:06.05 --> 00:05:09.01

and that's because the

axis is set to Horizontal.



130

00:05:09.01 --> 00:05:10.08

We want it set to Vertical,



131

00:05:10.08 --> 00:05:12.09

so go ahead and select this option.



132

00:05:12.09 --> 00:05:15.01

And because I have a

negative Shear angle value,



133

00:05:15.01 --> 00:05:18.01

I'm skewing the edges

of these shapes upward.



134

00:05:18.01 --> 00:05:20.03

What I wanna do is skew em downward,



135

00:05:20.03 --> 00:05:23.01

and so I'm gonna enter

a value of 90 degrees,



136

00:05:23.01 --> 00:05:25.03

by the way, just to start off with,



137

00:05:25.03 --> 00:05:28.03

because that's up and down, after all.



138

00:05:28.03 --> 00:05:31.06

And then I'm going to subtract 72 degrees,



139

00:05:31.06 --> 00:05:34.00

which is the angle of this yellow shape.



140

00:05:34.00 --> 00:05:36.02

You may recall that

we've been rotating these



141

00:05:36.02 --> 00:05:41.02

shapes 360 divided by five, which is 72.



142

00:05:41.02 --> 00:05:43.04

And so if I press the Tab

key now to let Illustrator



143

00:05:43.04 --> 00:05:46.08

do the math, it's gonna

come up with 18 degrees,



144

00:05:46.08 --> 00:05:48.09

which is an exact match.



145

00:05:48.09 --> 00:05:51.00

This is exactly the effect we want.



146

00:05:51.00 --> 00:05:53.05

So why in the world is 18 degrees the same



147

00:05:53.05 --> 00:05:56.04

as negative 162 degrees?



148

00:05:56.04 --> 00:05:58.07

Well, the reason lies in the fact that



149

00:05:58.07 --> 00:06:02.03

when you are skewing, you're

starting with 180 degrees.



150

00:06:02.03 --> 00:06:04.04

That's the most skewing you can do,



151

00:06:04.04 --> 00:06:07.00

from one extreme to the

other, is 180 degrees,



152

00:06:07.00 --> 00:06:09.01

and so if you take 180



153

00:06:09.01 --> 00:06:11.05

and subtract 162,



154

00:06:11.05 --> 00:06:13.04

you get 18.



155

00:06:13.04 --> 00:06:14.08

And this information, by the way,



156

00:06:14.08 --> 00:06:17.00

even though it may seem really techy,



157

00:06:17.00 --> 00:06:19.09

is gonna come in very

helpful in a future movie.



158

00:06:19.09 --> 00:06:21.07

And so having entered the proper values,



159

00:06:21.07 --> 00:06:24.02

I'll just go ahead and click OK in order



160

00:06:24.02 --> 00:06:26.03

to accept that change.



161

00:06:26.03 --> 00:06:28.03

Alright, now I'm just go

ahead and press Control zero,



162

00:06:28.03 --> 00:06:30.05

or Command zero on the Mac to zoom out.



163

00:06:30.05 --> 00:06:32.01

And I'll press the V key to switch



164

00:06:32.01 --> 00:06:33.03

to the black arrow tool



165

00:06:33.03 --> 00:06:36.05

and I will click off my path

outlines to deselect them.



166

00:06:36.05 --> 00:06:39.04

And that, friends, is how

you use the Shear tool



167

00:06:39.04 --> 00:06:42.01

to skew the tops of a

couple of path outlines



168

00:06:42.01 --> 00:06:45.00

to exactly match the angle of another one



169

00:06:45.00 --> 00:06:47.00

here inside Illustrator.