1

00:00:00.04 --> 00:00:01.08

- [Instructor] In this

movie, I'll show you how



2

00:00:01.08 --> 00:00:03.06

to work with the Touch Type Tool,



3

00:00:03.06 --> 00:00:06.01

which allows you to scale, rotate,



4

00:00:06.01 --> 00:00:08.01

and move individual characters



5

00:00:08.01 --> 00:00:10.09

of type just by dragging on them.



6

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

Now, before we select the tool,



7

00:00:12.07 --> 00:00:14.01

I want you to go up to the view menu



8

00:00:14.01 --> 00:00:17.00

and make sure that your

smart guides are turned on.



9

00:00:17.00 --> 00:00:20.01

That way you'll be able to

get real-time information



10

00:00:20.01 --> 00:00:22.08

in the form of heads up displays.



11

00:00:22.08 --> 00:00:25.05

Now, the thing about having

smart guides turned on,



12

00:00:25.05 --> 00:00:27.06

is that it forces your cursor



13

00:00:27.06 --> 00:00:30.03

to highlight the text underneath it.



14

00:00:30.03 --> 00:00:33.09

And so the reason that

my text is turning red is



15

00:00:33.09 --> 00:00:38.02

because red is the color

assigned to this type layer.



16

00:00:38.02 --> 00:00:40.08

So that's just something

we'll have to adapt to.



17

00:00:40.08 --> 00:00:42.07

All right, to get to the Touch Type tool



18

00:00:42.07 --> 00:00:45.05

you want to click and hold

on the standard type tool,



19

00:00:45.05 --> 00:00:48.07

and then select the Touch Type

tool from the flyout menu.



20

00:00:48.07 --> 00:00:51.03

Notice that you also have

a default keyboard shortcut



21

00:00:51.03 --> 00:00:53.07

of Shift + T, and notice, as soon



22

00:00:53.07 --> 00:00:56.02

as I select the tool,

Illustrator invites me



23

00:00:56.02 --> 00:00:58.06

to click on a character to select it.



24

00:00:58.06 --> 00:01:01.02

So I'll go ahead and

click on the letter X,



25

00:01:01.02 --> 00:01:02.05

at which point you can see a bunch



26

00:01:02.05 --> 00:01:04.09

of handles surrounding the letter.



27

00:01:04.09 --> 00:01:07.06

Now, if you drag this top left handle,



28

00:01:07.06 --> 00:01:11.01

then you are going to

adjust the vertical scale,



29

00:01:11.01 --> 00:01:15.02

as indicated by this V-Scale

value in the heads up display.



30

00:01:15.02 --> 00:01:19.05

In my case, it's currently 114.22%.



31

00:01:19.05 --> 00:01:22.00

But it's going to change on the fly.



32

00:01:22.00 --> 00:01:24.06

If you want to change the horizontal scale



33

00:01:24.06 --> 00:01:27.01

then you drag this bottom right handle.



34

00:01:27.01 --> 00:01:28.06

And if you want to change both values



35

00:01:28.06 --> 00:01:31.03

then you drag this top right handle.



36

00:01:31.03 --> 00:01:32.07

And notice that's affecting both



37

00:01:32.07 --> 00:01:34.08

of the values proportionately.



38

00:01:34.08 --> 00:01:36.04

Which is not to say they match each other,



39

00:01:36.04 --> 00:01:38.04

they are just maintaining the proportions



40

00:01:38.04 --> 00:01:40.07

that I've assigned so far.



41

00:01:40.07 --> 00:01:43.04

Now, notice this handle

above the bounding box.



42

00:01:43.04 --> 00:01:45.06

If you drag it, then you are going



43

00:01:45.06 --> 00:01:49.01

to rotate the character

independently of the others.



44

00:01:49.01 --> 00:01:52.03

And then, if you either drag

inside the bounding box,



45

00:01:52.03 --> 00:01:55.01

or if you drag this bottom left handle.



46

00:01:55.01 --> 00:01:57.00

Then you're going to move the character,



47

00:01:57.00 --> 00:01:58.08

and you're going to see

the movement represented



48

00:01:58.08 --> 00:02:01.01

by this baseline shift value.



49

00:02:01.01 --> 00:02:04.08

But we are changing the

kerning of the letter as well



50

00:02:04.08 --> 00:02:08.03

because otherwise we couldn't

get this horizontal movement,



51

00:02:08.03 --> 00:02:10.07

we could only get the vertical movement.



52

00:02:10.07 --> 00:02:12.09

And I'll tell you more

about that in just a moment.



53

00:02:12.09 --> 00:02:16.03

But for now, I'm going to

click on the Y to select it.



54

00:02:16.03 --> 00:02:18.04

And I want you to see down below this kind



55

00:02:18.04 --> 00:02:22.05

of blue region here we have

an alternate character,



56

00:02:22.05 --> 00:02:25.05

which in this case is a lowercase Y.



57

00:02:25.05 --> 00:02:27.00

Now, to see what's going on there,



58

00:02:27.00 --> 00:02:28.03

I'll go to the window menu,



59

00:02:28.03 --> 00:02:31.05

I'll choose type, and then

I'll choose character.



60

00:02:31.05 --> 00:02:34.00

Or I could just press

Control + T, or Command + T



61

00:02:34.00 --> 00:02:36.05

on the Mac to bring up

the character panel.



62

00:02:36.05 --> 00:02:39.06

Notice that I currently

have all caps turned on,



63

00:02:39.06 --> 00:02:42.00

but if I were to click

on this lowercase Y,



64

00:02:42.00 --> 00:02:44.09

then all caps gets turned off.



65

00:02:44.09 --> 00:02:47.04

All right, now I want you to

notice these various values.



66

00:02:47.04 --> 00:02:49.05

Both the scale values, both vertical scale



67

00:02:49.05 --> 00:02:52.08

and horizontal scale are set to 100%.



68

00:02:52.08 --> 00:02:54.05

Our baseline shift is zero,



69

00:02:54.05 --> 00:02:58.03

and this character rotation

value is zero as well.



70

00:02:58.03 --> 00:03:01.02

Notice what happens if

I drag this guy upward.



71

00:03:01.02 --> 00:03:06.01

I can see that the baseline

shift is going to be 62 points.



72

00:03:06.01 --> 00:03:07.06

And sure enough, that's reflected



73

00:03:07.06 --> 00:03:09.05

by the baseline shift value.



74

00:03:09.05 --> 00:03:13.09

But I was also able to

move the Y closer to the X



75

00:03:13.09 --> 00:03:16.08

so that that point right there

in the bottom-right corner



76

00:03:16.08 --> 00:03:19.08

of the X is fitting in the crook of the Y.



77

00:03:19.08 --> 00:03:21.05

So what in the world's going on?



78

00:03:21.05 --> 00:03:22.08

Well, I'll go ahead and switch back



79

00:03:22.08 --> 00:03:24.07

to the standard type tool, which of course



80

00:03:24.07 --> 00:03:26.09

you can get by pressing the T key.



81

00:03:26.09 --> 00:03:28.09

And I'll click right here, and I want you



82

00:03:28.09 --> 00:03:32.00

to see how the kerning

value, which we're not able



83

00:03:32.00 --> 00:03:36.04

to see on the fly, is now -156.



84

00:03:36.04 --> 00:03:39.00

So I've tightened up the

kerning dramatically.



85

00:03:39.00 --> 00:03:42.04

And to make this even more

clear, I'll click after the Y.



86

00:03:42.04 --> 00:03:44.02

Between the Y and the Z right there,



87

00:03:44.02 --> 00:03:46.08

notice that the kerning value is zero.



88

00:03:46.08 --> 00:03:50.07

But see what happens if I switch

back to my Touch Type tool.



89

00:03:50.07 --> 00:03:54.08

And I click on the Z, and

I'll go ahead and rotate it.



90

00:03:54.08 --> 00:03:57.05

And I might make it taller as well.



91

00:03:57.05 --> 00:03:58.08

If for no other reason than



92

00:03:58.08 --> 00:04:00.09

because I can get to this one handle.



93

00:04:00.09 --> 00:04:04.01

And now I'll drag this guy over and up,



94

00:04:04.01 --> 00:04:06.09

at which point you can see

that baseline shift value



95

00:04:06.09 --> 00:04:09.03

on the fly in the heads up display.



96

00:04:09.03 --> 00:04:11.04

It's telling me it's

going to be 35 points,



97

00:04:11.04 --> 00:04:12.09

and sure enough it's showing up



98

00:04:12.09 --> 00:04:16.06

as 35 points here inside

the character panel.



99

00:04:16.06 --> 00:04:19.03

I've also modified the vertical scale.



100

00:04:19.03 --> 00:04:21.08

The horizontal scale value remains 100%,



101

00:04:21.08 --> 00:04:25.04

but I have rotated the

character more than 10 degrees.



102

00:04:25.04 --> 00:04:27.08

But I'm not seeing a kerning value.



103

00:04:27.08 --> 00:04:30.04

To see that value I

have to press the T key



104

00:04:30.04 --> 00:04:32.00

to switch back to the type tool,



105

00:04:32.00 --> 00:04:34.05

and click between the Y and the Z.



106

00:04:34.05 --> 00:04:35.06

Now, at this point I'm not seeing



107

00:04:35.06 --> 00:04:37.06

the blinking insertion marker.



108

00:04:37.06 --> 00:04:39.02

So I'm just going to

press the left arrow key



109

00:04:39.02 --> 00:04:42.00

to move it between the X and the Y,



110

00:04:42.00 --> 00:04:45.09

at which point I can see

a kerning value of -156.



111

00:04:45.09 --> 00:04:48.00

And bear in mind that value is



112

00:04:48.00 --> 00:04:50.07

in thousandths of an em space.



113

00:04:50.07 --> 00:04:53.01

And then, if I press the right arrow key



114

00:04:53.01 --> 00:04:55.07

in order to advance the

blinking insertion marker



115

00:04:55.07 --> 00:05:00.04

between the Y and the Z it's

not much different, it's -157.



116

00:05:00.04 --> 00:05:02.04

However, it's much different than it was



117

00:05:02.04 --> 00:05:05.04

just a moment ago when it was zero.



118

00:05:05.04 --> 00:05:06.06

So bear in mind, when you drag



119

00:05:06.06 --> 00:05:09.03

a character around using

the Touch Type tool



120

00:05:09.03 --> 00:05:11.09

you're not just affecting

the baseline shift,



121

00:05:11.09 --> 00:05:15.04

you're also affecting the

kerning value, and that goes



122

00:05:15.04 --> 00:05:18.02

when dragging the very

first character as well.



123

00:05:18.02 --> 00:05:20.08

Notice if I move the blinking

insertion marker all the way



124

00:05:20.08 --> 00:05:24.00

to before the X, then I

have a kerning value of 20.



125

00:05:24.00 --> 00:05:26.02

If I don't want that,

I would need to reset



126

00:05:26.02 --> 00:05:29.07

that value to zero as I've done here.



127

00:05:29.07 --> 00:05:31.09

All right, now I'll go ahead

and press the escape key



128

00:05:31.09 --> 00:05:34.04

in order to exit the text entry mode.



129

00:05:34.04 --> 00:05:36.05

I'll click off the text to deselect it,



130

00:05:36.05 --> 00:05:39.06

and I'll go ahead and zoom in as well.



131

00:05:39.06 --> 00:05:41.04

So notice when I hover my cursor over



132

00:05:41.04 --> 00:05:44.08

the text it appears red

in keeping with the color



133

00:05:44.08 --> 00:05:48.02

that's assigned to that layer

inside the layers panel.



134

00:05:48.02 --> 00:05:50.07

But if I move my cursor away,



135

00:05:50.07 --> 00:05:54.04

then I'm seeing the real

fill, which is a gradient.



136

00:05:54.04 --> 00:05:56.03

Now, I don't want my text

to be quite this high,



137

00:05:56.03 --> 00:05:59.00

so I'll go ahead and

select it and nudge it down



138

00:05:59.00 --> 00:06:02.07

by pressing Shift + Down

Arrow a few times like so.



139

00:06:02.07 --> 00:06:06.09

And then I will once

again deselect my text.



140

00:06:06.09 --> 00:06:09.03

And that is how you scale, rotate,



141

00:06:09.03 --> 00:06:12.06

and move individual

characters of type using



142

00:06:12.06 --> 00:06:16.03

the Touch Type tool

here inside Illustrator.