1

00:00:00.06 --> 00:00:01.08

- In this movie, we'll take look at



2

00:00:01.08 --> 00:00:04.02

one of the most obvious applications for



3

00:00:04.02 --> 00:00:08.02

3D Insight Illustrator,

and that's 3D Type.



4

00:00:08.02 --> 00:00:11.06

It's worth noting that this

type is entirely editable,



5

00:00:11.06 --> 00:00:14.01

by the way, and we're

controlling the color of



6

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

the extrusion using strokes.



7

00:00:17.00 --> 00:00:19.07

We'll go ahead and switch

over to this starter file.



8

00:00:19.07 --> 00:00:21.08

And I'll click on this

Line of Point text with my



9

00:00:21.08 --> 00:00:24.03

black arrow tool, then I'll

go up to the Effect menu,



10

00:00:24.03 --> 00:00:28.06

choose 3D, and choose Extrude and Bevel.



11

00:00:28.06 --> 00:00:31.00

And you can see if I turn

on the Preview check box,



12

00:00:31.00 --> 00:00:34.01

that just like that, we've got 3D type.



13

00:00:34.01 --> 00:00:37.00

So it is very easy to create, however it



14

00:00:37.00 --> 00:00:38.09

can be a little fragile.



15

00:00:38.09 --> 00:00:41.03

So let's say I decide I want

the text to be more or less



16

00:00:41.03 --> 00:00:44.04

face-on, in which case I'll

change the second two values,



17

00:00:44.04 --> 00:00:49.01

the yaw, and the roll to zero degrees.



18

00:00:49.01 --> 00:00:51.08

And then I'm going to

pitch the text backward by



19

00:00:51.08 --> 00:00:56.09

increasing this first X

axis to 20 degrees like so.



20

00:00:56.09 --> 00:00:59.07

Now everything works out fine

when the Perspective value is



21

00:00:59.07 --> 00:01:03.08

set to zero degrees, but

let's say I take it up to



22

00:01:03.08 --> 00:01:06.04

100 degrees, at which point we temporarily



23

00:01:06.04 --> 00:01:08.06

see the wire frame outlines.



24

00:01:08.06 --> 00:01:11.00

To get rid of those, I'll

just click here inside the



25

00:01:11.00 --> 00:01:16.06

Extrude depth value, and

I'll take it up to 80 points.



26

00:01:16.06 --> 00:01:19.06

I want you to notice that we're

missing some extruded edges,



27

00:01:19.06 --> 00:01:21.07

including the left side of this I,



28

00:01:21.07 --> 00:01:23.09

the right sides of the E,



29

00:01:23.09 --> 00:01:25.04

the left side of this I,



30

00:01:25.04 --> 00:01:28.01

and the interior edge of the D.



31

00:01:28.01 --> 00:01:31.00

And that is the function of

setting both Yaw and Roll to



32

00:01:31.00 --> 00:01:34.09

zero degrees, something

Illustrator doesn't tend to like.



33

00:01:34.09 --> 00:01:36.07

So, you've got to adjust one of them,



34

00:01:36.07 --> 00:01:38.03

and I don't want to mess up the Roll value



35

00:01:38.03 --> 00:01:41.01

because if I do...notice

I'll just take it up to



36

00:01:41.01 --> 00:01:44.00

10 degrees, you can see that

I'm rolling the text in a



37

00:01:44.00 --> 00:01:46.06

counterclockwise

direction, not what I want,



38

00:01:46.06 --> 00:01:49.00

so I'm going to set that

back down to zero degrees,



39

00:01:49.00 --> 00:01:52.08

at which point Illustrator

actually ignores me for a



40

00:01:52.08 --> 00:01:55.07

moment until I change the yaw value.



41

00:01:55.07 --> 00:01:59.00

So, if I increase the value,

notice that I now have



42

00:01:59.00 --> 00:02:02.02

a roll of zero degrees,

I can see that onscreen,



43

00:02:02.02 --> 00:02:05.04

and I'm moving the right

side of the text forward.



44

00:02:05.04 --> 00:02:08.01

If I want to move the

left side forward instead,



45

00:02:08.01 --> 00:02:10.04

then I would enter a negative value.



46

00:02:10.04 --> 00:02:13.06

Now notice that if I switch

from negative one degree to



47

00:02:13.06 --> 00:02:16.09

zero degrees that I'm not

seeing a change onscreen,



48

00:02:16.09 --> 00:02:19.06

and that's why I'm not

losing my extruded edges,



49

00:02:19.06 --> 00:02:21.03

but if I were to click "OK,"



50

00:02:21.03 --> 00:02:24.01

and then I'll go ahead

and switch over to the



51

00:02:24.01 --> 00:02:26.02

Appearance Panel and click on



52

00:02:26.02 --> 00:02:29.06

3D Extrude and Bevel to

bring back the dialog box,



53

00:02:29.06 --> 00:02:33.06

notice that my yaw value is

once again negative one degree.



54

00:02:33.06 --> 00:02:35.06

If I change it to zero degrees,



55

00:02:35.06 --> 00:02:37.07

and then turn on the Preview checkbox,



56

00:02:37.07 --> 00:02:40.08

then I'm missing some

of those extruded edges.



57

00:02:40.08 --> 00:02:42.06

So again, the way to deal with that



58

00:02:42.06 --> 00:02:44.04

is to just change the yaw value,



59

00:02:44.04 --> 00:02:47.02

in my case, I'm going to change

it to negative one degree,



60

00:02:47.02 --> 00:02:49.04

and that's going to slightly move the D,



61

00:02:49.04 --> 00:02:52.01

that is the left side

of the text, forward.



62

00:02:52.01 --> 00:02:53.06

Alright, now at this

point, I want to change



63

00:02:53.06 --> 00:02:55.00

a few light settings,



64

00:02:55.00 --> 00:02:58.05

so I'm going to set the ambient

light value to zero degrees



65

00:02:58.05 --> 00:03:01.00

just so that we have as

much contrast as possible.



66

00:03:01.00 --> 00:03:03.03

I'll take both the highlight intensity and



67

00:03:03.03 --> 00:03:06.08

the highlight size

values up to 100 percent,



68

00:03:06.08 --> 00:03:10.06

and now notice if I move my

light down and to the left,



69

00:03:10.06 --> 00:03:13.05

then I'm no longer lighting

the face of the letters.



70

00:03:13.05 --> 00:03:16.01

I'm just lighting the

bottom of the beveled edges.



71

00:03:16.01 --> 00:03:17.08

That's not exactly what I want however,



72

00:03:17.08 --> 00:03:20.02

so I'll just go ahead and

move that light source



73

00:03:20.02 --> 00:03:23.06

back up like so, and then

I'll add a couple more by



74

00:03:23.06 --> 00:03:25.06

clicking the little page icon,



75

00:03:25.06 --> 00:03:28.01

and dragging this little

guy down to the bottom of



76

00:03:28.01 --> 00:03:30.09

the sphere, and then I'll

click on the page icon again,



77

00:03:30.09 --> 00:03:34.08

and drag this guy down and to the left to



78

00:03:34.08 --> 00:03:36.03

produce this effect here.



79

00:03:36.03 --> 00:03:38.05

Now you can see at this

point if you look closely



80

00:03:38.05 --> 00:03:42.03

that we've got some stair

stepping along the side of the S



81

00:03:42.03 --> 00:03:44.00

and the bottom of the O,



82

00:03:44.00 --> 00:03:46.03

and you can smooth things out a bit by



83

00:03:46.03 --> 00:03:48.08

increasing that Blend Steps value.



84

00:03:48.08 --> 00:03:53.00

I've found at about 100

things look pretty good.



85

00:03:53.00 --> 00:03:55.00

Alright, so at this

point, I'll just go ahead



86

00:03:55.00 --> 00:03:59.08

and click OK in order

to accept those changes.



87

00:03:59.08 --> 00:04:02.01

Now if you take another look

at the Appearance panel,



88

00:04:02.01 --> 00:04:04.02

you'll see that I've got

a Fill and a couple of



89

00:04:04.02 --> 00:04:06.09

Strokes, but only the Fill is turned on,



90

00:04:06.09 --> 00:04:09.09

which is why both the face

of the letters and the



91

00:04:09.09 --> 00:04:12.06

extruded edges are shades of gray.



92

00:04:12.06 --> 00:04:14.05

If I were to turn on this white stroke,



93

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

I'll brighten up the

extruded edges dramatically,



94

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

and then if I were to

turn on the red Stroke,



95

00:04:20.00 --> 00:04:23.03

I'll wrap that white stroke in a red edge.



96

00:04:23.03 --> 00:04:25.01

So, whatever color you assign as the



97

00:04:25.01 --> 00:04:27.05

biggest, thickest stroke will be the



98

00:04:27.05 --> 00:04:30.06

color assigned to the

extruded edge of your



99

00:04:30.06 --> 00:04:32.01

three dimensional text.



100

00:04:32.01 --> 00:04:34.05

Now at this point you have

to take a very close look at



101

00:04:34.05 --> 00:04:37.05

your text because it's very

possible you're going to



102

00:04:37.05 --> 00:04:39.00

run into some problems.



103

00:04:39.00 --> 00:04:42.08

Notice on the downright

side of the D right here,



104

00:04:42.08 --> 00:04:45.06

we have a broken edge.



105

00:04:45.06 --> 00:04:47.05

That break occurs whether

I'm working with the



106

00:04:47.05 --> 00:04:50.03

white stroke or the red stroke.



107

00:04:50.03 --> 00:04:52.06

So the trick is either to modify your



108

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

extrusion settings, so that's one option,



109

00:04:55.00 --> 00:04:57.03

or you can increase your line weight.



110

00:04:57.03 --> 00:05:00.07

So notice if I take the line

weight up to nine points,



111

00:05:00.07 --> 00:05:02.06

that's not really doing any good.



112

00:05:02.06 --> 00:05:04.06

So I'll take it up to

ten, at which point we



113

00:05:04.06 --> 00:05:05.09

still have that problem,



114

00:05:05.09 --> 00:05:09.01

but you just got to keep an

eye out on your text because



115

00:05:09.01 --> 00:05:11.08

notice over here on the far right side,



116

00:05:11.08 --> 00:05:14.05

we've lost the face to the N.



117

00:05:14.05 --> 00:05:16.03

So, if I were to take the

line weight value back to



118

00:05:16.03 --> 00:05:18.05

nine points, the N comes back,



119

00:05:18.05 --> 00:05:21.04

and then when I take it up

to ten points, it disappears.



120

00:05:21.04 --> 00:05:23.08

That's not just a screen

thing, by the way.



121

00:05:23.08 --> 00:05:26.01

That is how the text is going to print



122

00:05:26.01 --> 00:05:30.01

and how it's going to export,

so you need to be careful.



123

00:05:30.01 --> 00:05:32.04

In any case, I'm going to keep taking that



124

00:05:32.04 --> 00:05:34.00

line weight value back up.



125

00:05:34.00 --> 00:05:36.04

Notice at 11 points, we get the N back.



126

00:05:36.04 --> 00:05:40.01

And then, at 13 points, we

still have that weird line



127

00:05:40.01 --> 00:05:42.03

in the bottom right corner of the D,



128

00:05:42.03 --> 00:05:45.03

but as soon as I take the

line weight up to 14 points,



129

00:05:45.03 --> 00:05:49.02

it disappears, and we end up

with a very smooth effect.



130

00:05:49.02 --> 00:05:51.03

Alright, now I'm going

to click on the word Type



131

00:05:51.03 --> 00:05:53.03

up here at the top of

the Appearance panel.



132

00:05:53.03 --> 00:05:56.04

What I want to do at this

point is bend the letters



133

00:05:56.04 --> 00:05:59.06

in order to create this final effect here.



134

00:05:59.06 --> 00:06:02.01

I'm going to do that using an arch effect.



135

00:06:02.01 --> 00:06:05.04

So I'll go ahead and switch

back to my type so far,



136

00:06:05.04 --> 00:06:07.08

and with the text selected, we'll go up to



137

00:06:07.08 --> 00:06:11.06

the Effect menu, choose

Warp, and choose Arch.



138

00:06:11.06 --> 00:06:14.08

Then I'll make sure that the

Horizontal Radio button is



139

00:06:14.08 --> 00:06:17.05

selected, and I'll set the

Bend value to 10 percent,



140

00:06:17.05 --> 00:06:19.00

and click OK.



141

00:06:19.00 --> 00:06:22.00

Now notice we have a different problem,



142

00:06:22.00 --> 00:06:23.08

so I'm going to go ahead and zoom in here,



143

00:06:23.08 --> 00:06:26.02

at which point we can

see these dark red bars



144

00:06:26.02 --> 00:06:29.08

that are surrounding

these bits of light red



145

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

down here at the bottom

of all the letters.



146

00:06:32.04 --> 00:06:35.04

Now one way to mitigate

this effect would be to



147

00:06:35.04 --> 00:06:38.05

grab the arch effect and

drag it down the list to



148

00:06:38.05 --> 00:06:40.08

below 3D Extrude and Bevel.



149

00:06:40.08 --> 00:06:44.00

That way, it gets applied

after the 3D Effect.



150

00:06:44.00 --> 00:06:46.06

That does, however slightly

change the bend of the letters



151

00:06:46.06 --> 00:06:49.05

and it doesn't entirely

take care of our problem.



152

00:06:49.05 --> 00:06:51.01

Notice we've still got a weird edge



153

00:06:51.01 --> 00:06:53.01

down here at the base of the S.



154

00:06:53.01 --> 00:06:56.06

Now we've got a problem up here

at the top of the S as well.



155

00:06:56.06 --> 00:06:59.06

The better solution is to

click on the word Stroke,



156

00:06:59.06 --> 00:07:02.00

specifically the one

for the outside stroke,



157

00:07:02.00 --> 00:07:04.02

the red stroke that is

to say, and then you



158

00:07:04.02 --> 00:07:07.09

want to change the corner

setting to round join.



159

00:07:07.09 --> 00:07:10.05

Notice as soon as you

do that you'll go ahead



160

00:07:10.05 --> 00:07:13.03

and smooth off those transitions like so,



161

00:07:13.03 --> 00:07:15.07

and we even end up

getting a little bit of a



162

00:07:15.07 --> 00:07:17.03

reflective bounce.



163

00:07:17.03 --> 00:07:18.08

Not really what I want, however,



164

00:07:18.08 --> 00:07:22.01

so I'm going to grab that arch once again,



165

00:07:22.01 --> 00:07:24.08

and drag it to the top of the stack.



166

00:07:24.08 --> 00:07:27.05

You don't want to drop it

on the Fill because then,



167

00:07:27.05 --> 00:07:30.04

you would just be arching

the fill and not the strokes.



168

00:07:30.04 --> 00:07:33.06

In which case, just drag it

even farther up so that it's



169

00:07:33.06 --> 00:07:35.05

sitting right below the word Type,



170

00:07:35.05 --> 00:07:38.07

at which point we get

a very smooth effect.



171

00:07:38.07 --> 00:07:40.05

So once again, here's the difference.



172

00:07:40.05 --> 00:07:42.04

I'll click on the word

Stroke, and change the corner



173

00:07:42.04 --> 00:07:44.08

back to minor join, at which

point we end up getting



174

00:07:44.08 --> 00:07:46.05

these harsh transitions.



175

00:07:46.05 --> 00:07:49.00

Compare that to the smooth

effects we get with the



176

00:07:49.00 --> 00:07:52.02

round join, or you can

even experiment with a



177

00:07:52.02 --> 00:07:54.02

bevel join if you like.



178

00:07:54.02 --> 00:07:56.01

However, I'm going to

stick with the round join,



179

00:07:56.01 --> 00:07:58.01

so I'll go ahead and select that option,



180

00:07:58.01 --> 00:07:59.09

and then I'll press Control-Shift-A or



181

00:07:59.09 --> 00:08:02.01

Command-Shift-A on a

Mac to deselect my text,



182

00:08:02.01 --> 00:08:05.08

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



183

00:08:05.08 --> 00:08:08.03

Finally, just to demonstrate

that this is indeed



184

00:08:08.03 --> 00:08:11.07

live, editable type, I'll

go ahead and double click



185

00:08:11.07 --> 00:08:14.05

someplace inside the text

in order to automatically



186

00:08:14.05 --> 00:08:16.04

switch over to the Type tool.



187

00:08:16.04 --> 00:08:19.02

I'll change these first

three letters like so,



188

00:08:19.02 --> 00:08:21.06

and notice just by virtue of

the fact that I edited the



189

00:08:21.06 --> 00:08:26.04

text, I end up with an

invisible T right here,



190

00:08:26.04 --> 00:08:28.06

but as soon as I spell the word correctly,



191

00:08:28.06 --> 00:08:31.09

by changing this S to a

T, I end up filling in



192

00:08:31.09 --> 00:08:34.09

that other letter, and that folks,



193

00:08:34.09 --> 00:08:36.07

is at least one way to create live,



194

00:08:36.07 --> 00:08:40.02

editable 3D text here inside Illustrator.