1

00:00:00.08 --> 00:00:02.09

- In this movie, I'll

show you how to map a logo



2

00:00:02.09 --> 00:00:06.02

or other artwork onto a 3D object.



3

00:00:06.02 --> 00:00:08.06

And this applies to any

object that you create



4

00:00:08.06 --> 00:00:11.09

using the extrude and

bevel or revolve commands.



5

00:00:11.09 --> 00:00:14.01

It does not apply to rotate.



6

00:00:14.01 --> 00:00:17.02

Okay, I'll go ahead and switch

over to my artwork so far



7

00:00:17.02 --> 00:00:19.04

and I'll press the V key to switch back



8

00:00:19.04 --> 00:00:21.00

to my black arrow tool.



9

00:00:21.00 --> 00:00:23.03

Now the flares layer's

going to get in the way,



10

00:00:23.03 --> 00:00:24.09

so I'm going to lock it down again,



11

00:00:24.09 --> 00:00:28.01

and then I'm going to turn

on this logo layer right here



12

00:00:28.01 --> 00:00:30.06

which contains that sun

symbol that I borrowed



13

00:00:30.06 --> 00:00:33.01

from Photoshop, along

with a little bit of text



14

00:00:33.01 --> 00:00:36.08

set in Myriad Pro, and then

we've got this text right here,



15

00:00:36.08 --> 00:00:39.03

which is set in a font

that's actually available



16

00:00:39.03 --> 00:00:42.07

from Typekit, called

SignPainter HouseScript.



17

00:00:42.07 --> 00:00:44.01

And House Industries, incidentally,



18

00:00:44.01 --> 00:00:46.04

is the name of the font foundry.



19

00:00:46.04 --> 00:00:49.01

So you could sync to

that font if you want to,



20

00:00:49.01 --> 00:00:51.04

but just to make things

easier, I've converted the text



21

00:00:51.04 --> 00:00:54.02

to outlines, but I want to

make it clear, this could be



22

00:00:54.02 --> 00:00:59.00

live editable text, just like

this point text right there.



23

00:00:59.00 --> 00:01:02.01

Alright, so I'm going to select

everything on this logo layer



24

00:01:02.01 --> 00:01:04.07

by clicking in its top-right

corner, here inside



25

00:01:04.07 --> 00:01:07.08

the layers panel, and then

I'm going to make a duplicate



26

00:01:07.08 --> 00:01:10.04

of these objects, just

by dragging them over to



27

00:01:10.04 --> 00:01:12.07

the right side of the

document and pressing



28

00:01:12.07 --> 00:01:14.09

the alt or option key.



29

00:01:14.09 --> 00:01:17.07

And that way, I just don't

mess up the originals,



30

00:01:17.07 --> 00:01:20.01

and the reason I'm worried

about messing up the originals



31

00:01:20.01 --> 00:01:24.00

is because I need to convert

this selection to a symbol,



32

00:01:24.00 --> 00:01:26.05

and that's just how this

particular feature works.



33

00:01:26.05 --> 00:01:29.01

And so, I'll go up to the

window menu and choose



34

00:01:29.01 --> 00:01:32.05

the symbols command to

bring up the symbols panel,



35

00:01:32.05 --> 00:01:34.08

then I'll just click on the

little page icon at the bottom



36

00:01:34.08 --> 00:01:37.06

of the panel in order to

turn the selection into



37

00:01:37.06 --> 00:01:40.06

a new symbol, and I'll

call this symbol Logo,



38

00:01:40.06 --> 00:01:43.06

and I'll switch from dynamic

symbol, which isn't going to



39

00:01:43.06 --> 00:01:46.00

do any good and does

tend to slow things down,



40

00:01:46.00 --> 00:01:49.05

to static symbol, and then I'll click OK.



41

00:01:49.05 --> 00:01:51.06

And now this artwork

right here is a symbol.



42

00:01:51.06 --> 00:01:53.08

Now, I don't really

need to keep it around,



43

00:01:53.08 --> 00:01:55.08

so I'm just going to press the

backspace key or the delete key



44

00:01:55.08 --> 00:01:58.08

on the Mac to get rid of it,

and again, the reason I decided



45

00:01:58.08 --> 00:02:02.03

to copy the artwork is so

that the original artwork



46

00:02:02.03 --> 00:02:06.03

is not a symbol, just in case

I need ready access to it.



47

00:02:06.03 --> 00:02:08.04

And you could always break

the link, but then you get



48

00:02:08.04 --> 00:02:10.09

a sublayer, just a big pain in the neck.



49

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

So I just prefer to duplicate my artwork



50

00:02:12.07 --> 00:02:16.02

before turning it into a

symbol, not to belabor things.



51

00:02:16.02 --> 00:02:18.03

Anyway, I'm going to

turn off the logo layer,



52

00:02:18.03 --> 00:02:19.09

'cause we don't need it anymore.



53

00:02:19.09 --> 00:02:22.04

Now I'll just click on

this group to select it.



54

00:02:22.04 --> 00:02:25.02

Alright, now I'll switch

to the appearance panel



55

00:02:25.02 --> 00:02:29.07

so that I can click on 3D revolve

to bring back my settings.



56

00:02:29.07 --> 00:02:32.07

And then, notice this

button down here, map art.



57

00:02:32.07 --> 00:02:35.07

Go ahead and click on it in

order to bring up yet another



58

00:02:35.07 --> 00:02:40.04

dialogue box, at which point

we can now see the various



59

00:02:40.04 --> 00:02:44.07

surfaces associated with

this particular 3D object.



60

00:02:44.07 --> 00:02:46.05

Now, notice that I'm currently seeing



61

00:02:46.05 --> 00:02:48.04

the first surface of 12.



62

00:02:48.04 --> 00:02:51.05

You never know how many

surfaces you're going to get.



63

00:02:51.05 --> 00:02:53.08

If you were working with a simple sphere,



64

00:02:53.08 --> 00:02:55.05

then it'd just be one surface.



65

00:02:55.05 --> 00:02:58.01

If you were working with

beveled text, as we were



66

00:02:58.01 --> 00:03:01.04

a few movies ago, then you

would have a surface for each



67

00:03:01.04 --> 00:03:05.04

and every bevel, so you can

have hundreds of surfaces.



68

00:03:05.04 --> 00:03:07.09

And you work through

'em just by clicking on



69

00:03:07.09 --> 00:03:09.09

this arrowhead right here.



70

00:03:09.09 --> 00:03:12.05

So notice that we're seeing a

kind of preview of the surface



71

00:03:12.05 --> 00:03:15.09

here inside the dialogue box,

and then out in the document



72

00:03:15.09 --> 00:03:19.08

window, we're seeing that

surface highlighted in red.



73

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

Alright, so I'm just going

to move through these guys.



74

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

Here's surface number two,

so it's this ring right here.



75

00:03:25.01 --> 00:03:28.04

Here's surface number

three, which is the actual



76

00:03:28.04 --> 00:03:30.00

body of the can.



77

00:03:30.00 --> 00:03:32.04

That's what we're interested

in, as it turns out.



78

00:03:32.04 --> 00:03:36.01

And by the way, when you're

looking at this grid right here,



79

00:03:36.01 --> 00:03:39.05

the dark gray area indicates

stuff that you're not seeing,



80

00:03:39.05 --> 00:03:42.03

stuff in the background

that's hidden from view,



81

00:03:42.03 --> 00:03:45.04

and then the light gray area

indicates the visible potion



82

00:03:45.04 --> 00:03:46.08

of the surface.



83

00:03:46.08 --> 00:03:48.09

Alright, so we'll come back

to that, because that is



84

00:03:48.09 --> 00:03:51.03

ultimately the surface we're

interested in, but I just



85

00:03:51.03 --> 00:03:54.01

want you to see how many

more surfaces there are.



86

00:03:54.01 --> 00:03:57.01

So this guy right here is this area around



87

00:03:57.01 --> 00:03:58.02

the top of the can.



88

00:03:58.02 --> 00:04:00.05

So, some of these surfaces are

going to look a little weird,



89

00:04:00.05 --> 00:04:04.04

and, by the way, the visible

portions of the surfaces may



90

00:04:04.04 --> 00:04:09.05

map onto the larger surface in

a variety of different ways.



91

00:04:09.05 --> 00:04:11.08

So, just want to pay attention to that.



92

00:04:11.08 --> 00:04:14.03

Anyway, we've got a bunch

of different surfaces



93

00:04:14.03 --> 00:04:15.06

going on, obviously.



94

00:04:15.06 --> 00:04:17.03

In all, there are 12 of them.



95

00:04:17.03 --> 00:04:20.00

This guy is this bottom region of the can.



96

00:04:20.00 --> 00:04:22.02

I should show you, seven of 12.



97

00:04:22.02 --> 00:04:24.04

I'm not sure where it's located,

because we're not seeing



98

00:04:24.04 --> 00:04:28.02

any red highlight, so that

sometimes happens as well.



99

00:04:28.02 --> 00:04:31.05

Alright, so once you kind of

figure out what's going on



100

00:04:31.05 --> 00:04:35.07

with your various surfaces, you

can always just dial one in.



101

00:04:35.07 --> 00:04:38.08

So I happen to know I need

surface number three, so I'll



102

00:04:38.08 --> 00:04:42.05

just enter that, press the

tab key, in order to switch



103

00:04:42.05 --> 00:04:45.05

to that surface, and now

you want to grab your symbol



104

00:04:45.05 --> 00:04:48.05

by clicking on the symbol

option and then selecting



105

00:04:48.05 --> 00:04:51.06

the symbol you want to work

with, in my case, Logo.



106

00:04:51.06 --> 00:04:55.08

And now, notice how it's

mapping onto the artwork.



107

00:04:55.08 --> 00:04:58.05

Now, to see what that looks

like, you need to turn on



108

00:04:58.05 --> 00:05:01.05

the preview checkbox, which

I never did, by the way.



109

00:05:01.05 --> 00:05:03.09

So even though the preview

checkbox is turned off,



110

00:05:03.09 --> 00:05:07.00

out here in the larger

dialogue box, I can turn it on



111

00:05:07.00 --> 00:05:10.06

right here, and that's

going to turn on the preview



112

00:05:10.06 --> 00:05:14.00

all the way around, at which

point I can see that some of



113

00:05:14.00 --> 00:05:17.02

the logo is hidden from

view, which I was told here



114

00:05:17.02 --> 00:05:20.05

inside the dialogue box, but

it becomes even more obvious



115

00:05:20.05 --> 00:05:22.03

outside the dialogue.



116

00:05:22.03 --> 00:05:25.03

Now, you can turn on this

invisible geometry checkbox,



117

00:05:25.03 --> 00:05:28.06

in which case you will no

longer see the geometry



118

00:05:28.06 --> 00:05:31.03

of the object, and that's

going to allow you to see



119

00:05:31.03 --> 00:05:35.01

exactly how the logo is

mapping onto the can.



120

00:05:35.01 --> 00:05:38.00

So if I go ahead and drag

it into this invisible area,



121

00:05:38.00 --> 00:05:40.09

I will see it represented

along the back edge



122

00:05:40.09 --> 00:05:43.00

of the soda can.



123

00:05:43.00 --> 00:05:45.07

Alright now, what I really

want to do is scale this guy,



124

00:05:45.07 --> 00:05:48.05

and you can do that just

by dragging the handles.



125

00:05:48.05 --> 00:05:51.07

You can drag inside the bounding

box to move the artwork.



126

00:05:51.07 --> 00:05:54.07

You're supposed to be able

to drag outside the artwork



127

00:05:54.07 --> 00:05:58.01

to rotate it, but in this

version of the software,



128

00:05:58.01 --> 00:06:00.03

I can't get it to work,

so apparently that feature



129

00:06:00.03 --> 00:06:01.09

is currently broken.



130

00:06:01.09 --> 00:06:04.05

But if you're lucky, it's

something you can do.



131

00:06:04.05 --> 00:06:06.03

Alright now, I just want

to make sure everything's



132

00:06:06.03 --> 00:06:09.05

scaling exactly right, so I'm

going to click on the scale



133

00:06:09.05 --> 00:06:12.09

to fit button right there,

and that way, the bounding box



134

00:06:12.09 --> 00:06:16.07

is conforming to the entire

surface, bearing in mind



135

00:06:16.07 --> 00:06:19.01

we're seeing the hidden

portion of the surface



136

00:06:19.01 --> 00:06:20.08

as well as the visible area.



137

00:06:20.08 --> 00:06:23.06

Now, I'm going to move this

guy into the visible area



138

00:06:23.06 --> 00:06:27.04

only, so I'll drag this

handle right here over to this



139

00:06:27.04 --> 00:06:30.07

grid line, it's the second

one in on the visible surface



140

00:06:30.07 --> 00:06:33.07

of the artwork, and then

I'll drag this guy over



141

00:06:33.07 --> 00:06:38.02

to about midway between these

two grid lines right here.



142

00:06:38.02 --> 00:06:41.03

And then I'll turn off invisible geometry,



143

00:06:41.03 --> 00:06:43.08

because after all, I

want to see my soda can.



144

00:06:43.08 --> 00:06:46.03

Now, notice that we're going

all the way to the bottom



145

00:06:46.03 --> 00:06:49.07

with this B and all the

way to the top with the T.



146

00:06:49.07 --> 00:06:52.07

You don't want to go past

that edge, because if you do,



147

00:06:52.07 --> 00:06:55.02

you'll end up cropping

a portion of the logo.



148

00:06:55.02 --> 00:06:57.06

And so you want to make

sure that you're no farther



149

00:06:57.06 --> 00:07:00.00

than the edge, and in my

case, I want to move it up



150

00:07:00.00 --> 00:07:02.06

just a little bit, so that

we have some breathing room



151

00:07:02.06 --> 00:07:04.02

down here at the bottom.



152

00:07:04.02 --> 00:07:06.04

Going to leave the top

of the text where it is.



153

00:07:06.04 --> 00:07:09.08

And then, finally, you want

to turn on shade artwork,



154

00:07:09.08 --> 00:07:13.01

which is going to add a little

bit of a shadow to that logo.



155

00:07:13.01 --> 00:07:15.06

Now, if you wanted to really

highlight the logo and leave it



156

00:07:15.06 --> 00:07:18.09

unshaded, then you could turn

that checkbox off, but again,



157

00:07:18.09 --> 00:07:21.07

I think things'll look more

natural if it's turned on,



158

00:07:21.07 --> 00:07:23.05

so I'll go ahead and leave the checkbox on



159

00:07:23.05 --> 00:07:25.02

and I'll click OK.



160

00:07:25.02 --> 00:07:28.05

And I want you to notice that

I could spin this can around



161

00:07:28.05 --> 00:07:32.02

so that I'm no longer seeing the logo,



162

00:07:32.02 --> 00:07:34.04

so that it's hidden from view.



163

00:07:34.04 --> 00:07:36.07

'Course, I don't want to do

that, so I'm going to go ahead



164

00:07:36.07 --> 00:07:38.02

and reset these values.



165

00:07:38.02 --> 00:07:40.06

Notice, though, that just

by virtue of the fact



166

00:07:40.06 --> 00:07:43.06

that I dragged that green

edge, I ended up changing



167

00:07:43.06 --> 00:07:46.05

all the values, and so

I do want the top value,



168

00:07:46.05 --> 00:07:49.08

the spin around the X axis

value, to be five degrees,



169

00:07:49.08 --> 00:07:52.06

but I want the yaw to be zero

degrees and I want the roll



170

00:07:52.06 --> 00:07:56.07

to be 10 degrees to

produce this effect here.



171

00:07:56.07 --> 00:07:59.00

At which point, I'll go ahead and click OK



172

00:07:59.00 --> 00:08:01.07

to accept that change.



173

00:08:01.07 --> 00:08:04.04

And that is how you map

a logo or other artwork



174

00:08:04.04 --> 00:08:08.04

onto a 3D object that you create

using the extrude and bevel



175

00:08:08.04 --> 00:08:11.07

or revolve command by first

converting the artwork



176

00:08:11.07 --> 00:08:14.08

to a symbol, here inside Illustrator.