1

00:00:00.05 --> 00:00:01.09

- [Narrator] In this

movie I'll introduce you



2

00:00:01.09 --> 00:00:04.09

to the three kinds of 3D

that are available to you



3

00:00:04.09 --> 00:00:07.00

inside Illustrator.



4

00:00:07.00 --> 00:00:12.00

Specifically rotate, extrude

and bevel, and revolve.



5

00:00:12.00 --> 00:00:15.00

And so let's start off by

selecting these notes right here.



6

00:00:15.00 --> 00:00:18.03

And then I'll go up to the

effect menu, choose 3D,



7

00:00:18.03 --> 00:00:20.08

and choose the simplest of the functions,



8

00:00:20.08 --> 00:00:22.09

which is rotate.



9

00:00:22.09 --> 00:00:25.09

Now notice when you first enter

one of these dialogue boxes,



10

00:00:25.09 --> 00:00:28.04

the preview check box is

going to be turned off.



11

00:00:28.04 --> 00:00:31.00

And that's just to save

some processing time.



12

00:00:31.00 --> 00:00:32.09

But you're going to need

to turn that check box on



13

00:00:32.09 --> 00:00:34.06

to see what you're doing.



14

00:00:34.06 --> 00:00:38.06

Now you can rotate this

2D object in 3D space



15

00:00:38.06 --> 00:00:41.09

by dragging one of the edges of this cube.



16

00:00:41.09 --> 00:00:44.07

And notice as I drag this

bottom edge, for example,



17

00:00:44.07 --> 00:00:46.09

I'm tilting the notes backward.



18

00:00:46.09 --> 00:00:48.09

Now I want you to notice

a couple of things here.



19

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

First, this is a dynamic effect.



20

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

So we're not actually modifying

the original path outlines,



21

00:00:54.03 --> 00:00:58.04

we're just changing an image

of that path on-the-fly.



22

00:00:58.04 --> 00:01:00.03

Secondly, we're seeing what's known



23

00:01:00.03 --> 00:01:02.05

as an axonometric projection.



24

00:01:02.05 --> 00:01:06.00

Which is to say any

parallel lines in the notes,



25

00:01:06.00 --> 00:01:07.03

whether it's these bars up here



26

00:01:07.03 --> 00:01:09.00

at the top of the sixteenth notes,



27

00:01:09.00 --> 00:01:11.05

or these vertical stems.



28

00:01:11.05 --> 00:01:13.08

They're all going to remain parallel.



29

00:01:13.08 --> 00:01:16.08

And so, in other words,

we have no perspective.



30

00:01:16.08 --> 00:01:18.08

However, you can add perspective



31

00:01:18.08 --> 00:01:20.09

using this perspective option right here.



32

00:01:20.09 --> 00:01:22.05

And to do so, all you need to do



33

00:01:22.05 --> 00:01:24.06

is click on that right-pointing arrow head



34

00:01:24.06 --> 00:01:26.09

and then just drag this ball



35

00:01:26.09 --> 00:01:30.00

in order to add some

perspective to the effect.



36

00:01:30.00 --> 00:01:31.08

And so as you can now see,



37

00:01:31.08 --> 00:01:34.08

the parallel lines are no longer drawn



38

00:01:34.08 --> 00:01:36.06

in a parallel fashion.



39

00:01:36.06 --> 00:01:39.06

And as a result, the notes

appear to be heading toward us.



40

00:01:39.06 --> 00:01:41.00

Now I could bring the notes up



41

00:01:41.00 --> 00:01:42.09

over on the left-hand side



42

00:01:42.09 --> 00:01:45.00

so that we can see them all clearly



43

00:01:45.00 --> 00:01:46.08

inside the document window



44

00:01:46.08 --> 00:01:49.08

by dragging the left-hand

edge of this cube.



45

00:01:49.08 --> 00:01:51.07

And then, assuming I like what I see,



46

00:01:51.07 --> 00:01:53.03

I'll just go ahead and click okay



47

00:01:53.03 --> 00:01:55.07

in order to accept that change.



48

00:01:55.07 --> 00:01:57.01

I want you to notice something else.



49

00:01:57.01 --> 00:01:58.08

Let me see if I can bring it back.



50

00:01:58.08 --> 00:02:00.08

You may find that every once in a while



51

00:02:00.08 --> 00:02:03.09

you see outlines around the effect.



52

00:02:03.09 --> 00:02:06.05

In which case, just go

ahead and click okay



53

00:02:06.05 --> 00:02:09.08

and those outlines will disappear.



54

00:02:09.08 --> 00:02:12.02

Now while this rotate

effect is interesting,



55

00:02:12.02 --> 00:02:14.01

it's not really a true 3D effect



56

00:02:14.01 --> 00:02:16.06

because we're not seeing any depth.



57

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

If you want to add some depth,



58

00:02:18.03 --> 00:02:21.09

then you want to choose the

extrude and bevel command instead.



59

00:02:21.09 --> 00:02:24.04

And so I'm going to switch

over to the appearance panel



60

00:02:24.04 --> 00:02:27.00

and I'll turn off 3D rotate.



61

00:02:27.00 --> 00:02:29.01

And so notice that it is a dynamic effect,



62

00:02:29.01 --> 00:02:31.04

meaning that if you ever

wanted to change it,



63

00:02:31.04 --> 00:02:34.02

you would just click

on the words 3D rotate



64

00:02:34.02 --> 00:02:36.00

here inside the appearance panel.



65

00:02:36.00 --> 00:02:38.02

But I want to apply a different kind of 3D



66

00:02:38.02 --> 00:02:41.05

by going up to the effect

menu, once again choosing 3D,



67

00:02:41.05 --> 00:02:44.03

and this time choosing extrude and bevel.



68

00:02:44.03 --> 00:02:45.07

Now if you're working along with me



69

00:02:45.07 --> 00:02:48.05

and Illustrator asks you if

you want to apply a new effect,



70

00:02:48.05 --> 00:02:50.09

go ahead and click on that button



71

00:02:50.09 --> 00:02:54.01

in order to bring up the 3D

extrude and bevel options.



72

00:02:54.01 --> 00:02:56.04

And notice, once again,

we've got that cube.



73

00:02:56.04 --> 00:02:58.05

And so I could drag that bottom edge up.



74

00:02:58.05 --> 00:03:00.02

If I want to see what I'm doing, however,



75

00:03:00.02 --> 00:03:02.04

I need to turn on the preview check box.



76

00:03:02.04 --> 00:03:04.01

At which point, notice,



77

00:03:04.01 --> 00:03:06.08

in addition to the fact that I am



78

00:03:06.08 --> 00:03:09.02

rotating my notes in 3D space,



79

00:03:09.02 --> 00:03:12.01

I'm also seeing these beveled edges.



80

00:03:12.01 --> 00:03:14.05

And so, in other words, we have depth.



81

00:03:14.05 --> 00:03:16.02

Alright, I'm going to go ahead and



82

00:03:16.02 --> 00:03:18.08

drag this edge upward a little bit.



83

00:03:18.08 --> 00:03:21.08

Once again, we're seeing

that axonometric projection,



84

00:03:21.08 --> 00:03:25.01

meaning that all the parallel

lines remain parallel.



85

00:03:25.01 --> 00:03:26.04

If you want to change that,



86

00:03:26.04 --> 00:03:30.06

then you can increase the

perspective value like so.



87

00:03:30.06 --> 00:03:33.03

And again, if you end up

with these wire frame edges,



88

00:03:33.03 --> 00:03:35.04

all you have to do is click okay



89

00:03:35.04 --> 00:03:38.09

in order to watch them disappear.



90

00:03:38.09 --> 00:03:40.09

Alright, now let's check

out the final effect,



91

00:03:40.09 --> 00:03:43.01

which is known as 3D revolve.



92

00:03:43.01 --> 00:03:45.05

I'm going to go ahead and switch

back to the layers panel here



93

00:03:45.05 --> 00:03:48.01

and turn off the 3D extrude layer.



94

00:03:48.01 --> 00:03:52.00

And then turn on 3D revolve

which, as you can see,



95

00:03:52.00 --> 00:03:55.06

is a bunch of shapes

carved into a half-circle.



96

00:03:55.06 --> 00:04:00.00

Now the idea behind 3D revolve

is that you are revolving



97

00:04:00.00 --> 00:04:02.09

the paths around the common axis.



98

00:04:02.09 --> 00:04:05.05

And as a result, we'll be

able to take this half-circle



99

00:04:05.05 --> 00:04:07.06

and turn it into a sphere.



100

00:04:07.06 --> 00:04:09.08

So I'll go ahead and click

on any one of these paths



101

00:04:09.08 --> 00:04:11.05

to select all of them because



102

00:04:11.05 --> 00:04:13.09

I've gone ahead and grouped

them together in advance.



103

00:04:13.09 --> 00:04:16.00

And now, go up to the effect menu.



104

00:04:16.00 --> 00:04:18.09

Choose 3D and choose revolve.



105

00:04:18.09 --> 00:04:21.08

And then, I'll go ahead and

turn on the preview check box



106

00:04:21.08 --> 00:04:24.00

so we can see all of those paths



107

00:04:24.00 --> 00:04:26.05

revolved around the vertical axis



108

00:04:26.05 --> 00:04:29.08

in order to convert what was

formerly a kind of half-circle



109

00:04:29.08 --> 00:04:31.06

into a sphere.



110

00:04:31.06 --> 00:04:34.08

And again, if you want to

rotate that object around,



111

00:04:34.08 --> 00:04:37.06

then you can drag on the cube.



112

00:04:37.06 --> 00:04:39.03

At which point you're

going to see, in our case,



113

00:04:39.03 --> 00:04:41.04

this wire frame globe.



114

00:04:41.04 --> 00:04:43.00

Alright, so I'll go ahead and drag it down



115

00:04:43.00 --> 00:04:44.07

to here, let's say.



116

00:04:44.07 --> 00:04:47.03

You can add some perspective, if you like.



117

00:04:47.03 --> 00:04:49.07

Although it may not

ultimately be as compelling



118

00:04:49.07 --> 00:04:51.09

as what we saw with extrude and bevel.



119

00:04:51.09 --> 00:04:55.06

But certainly, we are adding

perspective to the effect.



120

00:04:55.06 --> 00:04:57.08

At which point I'll go

ahead and click okay



121

00:04:57.08 --> 00:05:00.07

to accept that change.



122

00:05:00.07 --> 00:05:03.03

Alright, now because

this is a dynamic effect,



123

00:05:03.03 --> 00:05:05.08

I can modify the shapes

to my heart's content



124

00:05:05.08 --> 00:05:08.01

and the effect will update on-the-fly.



125

00:05:08.01 --> 00:05:10.05

So for example, I'm

going to press the A key



126

00:05:10.05 --> 00:05:12.05

to switch to the white arrow tool.



127

00:05:12.05 --> 00:05:15.00

Then I'll click off the

shapes to deselect them.



128

00:05:15.00 --> 00:05:17.06

And I'll try to find

one of the dark shapes,



129

00:05:17.06 --> 00:05:19.02

such as this guy right there.



130

00:05:19.02 --> 00:05:20.04

And then I'll go up here



131

00:05:20.04 --> 00:05:22.02

to the right-side of the control panel



132

00:05:22.02 --> 00:05:25.02

and click on the select

similar objects icon



133

00:05:25.02 --> 00:05:27.05

to select all of the dark stripes.



134

00:05:27.05 --> 00:05:29.00

And I'll go ahead and change them



135

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

to this shade of green, let's say.



136

00:05:31.04 --> 00:05:33.08

And then I'll click on

one of the white stripes.



137

00:05:33.08 --> 00:05:35.02

It's a little bit hard to find.



138

00:05:35.02 --> 00:05:37.07

But this guy right here

is a representative.



139

00:05:37.07 --> 00:05:38.09

And then I'll go ahead and click



140

00:05:38.09 --> 00:05:41.05

on this select similar

objects icon once again.



141

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

And this time I will select

a light shade of green.



142

00:05:44.08 --> 00:05:47.08

And just like that, without

any waiting whatsoever,



143

00:05:47.08 --> 00:05:52.08

Illustrator goes ahead

and updates the 3D object.



144

00:05:52.08 --> 00:05:55.03

And then if I want to change

the angle of the sphere,



145

00:05:55.03 --> 00:05:56.09

I press the V key to switch back to



146

00:05:56.09 --> 00:05:58.01

my black arrow tool.



147

00:05:58.01 --> 00:05:59.07

I click on any one of these shapes



148

00:05:59.07 --> 00:06:01.09

in order to select the entire group.



149

00:06:01.09 --> 00:06:03.09

I switch back over to the appearance panel



150

00:06:03.09 --> 00:06:06.04

and click on the words 3D revolve.



151

00:06:06.04 --> 00:06:08.01

Now this is going to

be a little confusing,



152

00:06:08.01 --> 00:06:10.08

the fact that Illustrator

immediately turns off



153

00:06:10.08 --> 00:06:12.04

that preview, once again.



154

00:06:12.04 --> 00:06:14.05

So you'll need to turn it on in order to



155

00:06:14.05 --> 00:06:16.05

see the shape that we had a moment ago.



156

00:06:16.05 --> 00:06:19.06

And then you can go

ahead and drag this cube



157

00:06:19.06 --> 00:06:22.09

in order to rotate the

sphere to any angle you like.



158

00:06:22.09 --> 00:06:26.06

And I might go ahead and

drag it around as well



159

00:06:26.06 --> 00:06:29.08

and move this bottom edge

upward just a little bit.



160

00:06:29.08 --> 00:06:32.01

And then, assuming I like what I see,



161

00:06:32.01 --> 00:06:37.00

I go ahead and click okay in

order to accept that change.



162

00:06:37.00 --> 00:06:39.08

And so those are your

three varieties of 3D



163

00:06:39.08 --> 00:06:41.03

inside Illustrator.



164

00:06:41.03 --> 00:06:42.05

You have rotate,



165

00:06:42.05 --> 00:06:46.00

which allows you to rotate

a 2D object in 3D space.



166

00:06:46.00 --> 00:06:47.05

You have extrude and bevel,



167

00:06:47.05 --> 00:06:49.05

which allows you to add depth.



168

00:06:49.05 --> 00:06:51.04

And then you've got revolve,



169

00:06:51.04 --> 00:06:55.03

which allows you to revolve

an object around a common axis



170

00:06:55.03 --> 00:06:57.04

in order to create a volume metric



171

00:06:57.04 --> 00:06:59.02

and nicely-lit form.