1
00:00:00.03 --> 00:00:01.07
- [Instructor] Now as I've mentioned,

2
00:00:01.07 --> 00:00:04.04
possibly the biggest
downside to 3D in Illustrator

3
00:00:04.04 --> 00:00:06.05
is that the various 3D objects

4
00:00:06.05 --> 00:00:08.06
can't interact with each other.

5
00:00:08.06 --> 00:00:09.08
Which is why I want to take a moment

6
00:00:09.08 --> 00:00:11.09
to show you at least one way to create

7
00:00:11.09 --> 00:00:14.02
a plausible cast shadow effect,

8
00:00:14.02 --> 00:00:16.04
in which these letters
are casting a shadow

9
00:00:16.04 --> 00:00:18.00
onto the background,

10
00:00:18.00 --> 00:00:20.03
that doesn't involve a
traditional drop shadow,

11
00:00:20.03 --> 00:00:22.01
and here's why.

12
00:00:22.01 --> 00:00:24.02
Let's say I switch over
to my letters so far,

13
00:00:24.02 --> 00:00:26.01
and then click on 'em
with the black arrow tool

14
00:00:26.01 --> 00:00:28.03
to select them, and then
go up to the Effect menu,

15
00:00:28.03 --> 00:00:32.05
choose Stylize, and choose Drop Shadow.

16
00:00:32.05 --> 00:00:34.00
Now I'm going to leave the opacity value

17
00:00:34.00 --> 00:00:36.06
set to 75%, that's just fine.

18
00:00:36.06 --> 00:00:39.06
I'll set the X offset
value to zero points.

19
00:00:39.06 --> 00:00:42.02
I'll change the Y offset to 30 points,

20
00:00:42.02 --> 00:00:45.03
and then I'll raise the
blur value to eight points.

21
00:00:45.03 --> 00:00:47.02
My color is black, at which point

22
00:00:47.02 --> 00:00:48.07
if I turn on the preview checkbox,

23
00:00:48.07 --> 00:00:52.06
you can see that I get this
big blob of a drop shadow,

24
00:00:52.06 --> 00:00:54.09
at which point I'll click OK.

25
00:00:54.09 --> 00:00:56.09
Now, the reason that
this is such a problem

26
00:00:56.09 --> 00:00:59.09
is that there's no way the lights

27
00:00:59.09 --> 00:01:01.04
that we've assigned to the text

28
00:01:01.04 --> 00:01:04.00
would cast the shadow
that we're seeing here.

29
00:01:04.00 --> 00:01:06.05
It's way too big, notice
that it's reaching

30
00:01:06.05 --> 00:01:08.08
the very end of the letter A,

31
00:01:08.08 --> 00:01:12.00
as well as beyond the end of the letter N.

32
00:01:12.00 --> 00:01:14.06
Rather, we'd have something smaller,

33
00:01:14.06 --> 00:01:16.02
as we're seeing right here,

34
00:01:16.02 --> 00:01:18.04
and the shadow would not only go downward,

35
00:01:18.04 --> 00:01:20.05
but it would go up as well,

36
00:01:20.05 --> 00:01:23.09
because one of our lights
is coming in from up right,

37
00:01:23.09 --> 00:01:27.07
and the other two are
coming in from down left.

38
00:01:27.07 --> 00:01:29.05
And so what's a different way to work?

39
00:01:29.05 --> 00:01:31.00
Well, the first thing we want to do

40
00:01:31.00 --> 00:01:33.05
is select this drop
shadow that I just applied

41
00:01:33.05 --> 00:01:36.07
and get rid of it by clicking
on the little trash icon.

42
00:01:36.07 --> 00:01:39.04
And then we want to
make a copy of this text

43
00:01:39.04 --> 00:01:43.03
by pressing Control C,
or Command C on a Mac.

44
00:01:43.03 --> 00:01:45.04
Alright, we'll come back
to that copy in a moment,

45
00:01:45.04 --> 00:01:47.09
but for now I'm going to
select both of the strokes.

46
00:01:47.09 --> 00:01:50.03
So I'll click on one and
shift click on the other

47
00:01:50.03 --> 00:01:51.06
here in the Appearance panel,

48
00:01:51.06 --> 00:01:53.04
and I'll click on the trash can icon,

49
00:01:53.04 --> 00:01:56.00
in the bottom right
corner to get rid of 'em.

50
00:01:56.00 --> 00:01:58.02
Now, we still want to
work from these 3D letters

51
00:01:58.02 --> 00:02:00.05
but we want them to be flat,

52
00:02:00.05 --> 00:02:03.03
so I'm going to click
on 3D Extrude and Bevel,

53
00:02:03.03 --> 00:02:05.05
to bring up the dialogue box.

54
00:02:05.05 --> 00:02:07.01
I'll turn on the preview checkbox,

55
00:02:07.01 --> 00:02:09.01
and I'm going to change the surface

56
00:02:09.01 --> 00:02:11.06
from plastic shading to no shading,

57
00:02:11.06 --> 00:02:14.08
so that we have just a
bunch of flat letters.

58
00:02:14.08 --> 00:02:16.06
And even though in an earlier movie

59
00:02:16.06 --> 00:02:17.09
I was questioning if you'd ever

60
00:02:17.09 --> 00:02:19.06
find a use for this function,

61
00:02:19.06 --> 00:02:22.06
I think maybe I have because
it's going to allow us

62
00:02:22.06 --> 00:02:26.01
to match the shadow to the
letters in the foreground.

63
00:02:26.01 --> 00:02:28.03
Alright, now I'll click
OK to accept that change

64
00:02:28.03 --> 00:02:31.03
and I'll also click on the fill right here

65
00:02:31.03 --> 00:02:34.03
in order to make it active,
and I'll set it to black,

66
00:02:34.03 --> 00:02:36.07
so that we have these big black letters.

67
00:02:36.07 --> 00:02:39.02
Alright, now I'll bring
back that copied text

68
00:02:39.02 --> 00:02:42.04
by pressing Control F
or Command F on a Mac,

69
00:02:42.04 --> 00:02:45.00
in order to paste it in the foreground,

70
00:02:45.00 --> 00:02:47.03
and then I'll go up to the Object menu,

71
00:02:47.03 --> 00:02:49.07
choose Lock, and choose Selection.

72
00:02:49.07 --> 00:02:51.06
Or you've got that shortcut of Control 2,

73
00:02:51.06 --> 00:02:55.04
or Command 2 on a Mac, just
to protect those letters.

74
00:02:55.04 --> 00:02:57.09
But it's also going to allow us to click

75
00:02:57.09 --> 00:03:01.03
on the letters in order
to select the shadow text.

76
00:03:01.03 --> 00:03:03.02
Alright now, I'll click on the word Type

77
00:03:03.02 --> 00:03:04.07
here in the Appearance panel,

78
00:03:04.07 --> 00:03:06.07
and then I'll go up to the Effect menu,

79
00:03:06.07 --> 00:03:08.03
choose Distort and Transform,

80
00:03:08.03 --> 00:03:10.04
and choose the Transform command,

81
00:03:10.04 --> 00:03:11.07
or if you love to D-key,

82
00:03:11.07 --> 00:03:13.04
you've got that shortcut of Control E

83
00:03:13.04 --> 00:03:16.07
here on the PC, or Command E on the Mac.

84
00:03:16.07 --> 00:03:19.02
And now, I'll turn on
the preview checkbox,

85
00:03:19.02 --> 00:03:20.04
so I can see what I'm doing.

86
00:03:20.04 --> 00:03:22.04
I'll click in the vertical move value

87
00:03:22.04 --> 00:03:26.00
and I'll press shift up
arrow a total of three times

88
00:03:26.00 --> 00:03:28.09
to move that black text downward.

89
00:03:28.09 --> 00:03:31.02
Now at this point, it's just as big

90
00:03:31.02 --> 00:03:32.07
as the text in the foreground

91
00:03:32.07 --> 00:03:35.05
so it's behaving like a
traditional drop shadow.

92
00:03:35.05 --> 00:03:37.02
To make it smaller, I'll click

93
00:03:37.02 --> 00:03:39.01
in the horizontal scale value,

94
00:03:39.01 --> 00:03:44.04
and I'll take it down all the way to 84%,

95
00:03:44.04 --> 00:03:46.05
and that way it's forming a straight line.

96
00:03:46.05 --> 00:03:48.08
So notice the base of the black end

97
00:03:48.08 --> 00:03:50.02
is forming a straight line

98
00:03:50.02 --> 00:03:52.07
with the base of the red letters,

99
00:03:52.07 --> 00:03:56.01
and it's happening over
here with the A as well.

100
00:03:56.01 --> 00:03:57.07
And then if you wanted to, of course,

101
00:03:57.07 --> 00:04:00.08
you could move the shadow
around horizontally as well,

102
00:04:00.08 --> 00:04:03.05
in order to better
reflect the light sources,

103
00:04:03.05 --> 00:04:05.07
but I figured this was good enough

104
00:04:05.07 --> 00:04:09.00
and so I'll go ahead and click
OK to accept that change.

105
00:04:09.00 --> 00:04:11.00
Now, I'll return to the Effect menu,

106
00:04:11.00 --> 00:04:14.07
drop down to Blur, and
then choose Gaussian Blur.

107
00:04:14.07 --> 00:04:17.03
And I'll set the radius to eight pixels,

108
00:04:17.03 --> 00:04:20.03
that was the same radius
I had for the drop shadow,

109
00:04:20.03 --> 00:04:22.01
and so if I turn on the preview checkbox

110
00:04:22.01 --> 00:04:25.04
you can see that we get
a nice shadow effect.

111
00:04:25.04 --> 00:04:26.07
Alright, now I'll click OK,

112
00:04:26.07 --> 00:04:29.01
and at this point I want
to add another shadow

113
00:04:29.01 --> 00:04:32.08
that's going upward and so
I'll return to the Effect menu,

114
00:04:32.08 --> 00:04:34.04
choose Distort and Transform,

115
00:04:34.04 --> 00:04:37.01
and once again choose
the Transform command.

116
00:04:37.01 --> 00:04:38.09
I do want to apply a new effect

117
00:04:38.09 --> 00:04:40.07
so I'll click on that button,

118
00:04:40.07 --> 00:04:42.06
and then I'll turn on
the preview checkbox,

119
00:04:42.06 --> 00:04:45.01
and I will click in the
vertical move value once again

120
00:04:45.01 --> 00:04:47.08
and this time I'll press shift down arrow

121
00:04:47.08 --> 00:04:51.08
a bunch of times until I get
a value of negative 50 points,

122
00:04:51.08 --> 00:04:55.03
and then I'll set the copies value to one,

123
00:04:55.03 --> 00:04:57.06
so that we have two shadows,

124
00:04:57.06 --> 00:04:59.09
one going downward and
another going upward,

125
00:04:59.09 --> 00:05:01.08
at which point I'll click OK.

126
00:05:01.08 --> 00:05:04.00
And finally I'll reduce the opacity

127
00:05:04.00 --> 00:05:07.02
of the effect to 50%,
and if you love to D-key

128
00:05:07.02 --> 00:05:10.07
you can do that just by
tapping the five key.

129
00:05:10.07 --> 00:05:11.09
Or of course, if not,

130
00:05:11.09 --> 00:05:13.05
you can change the opacity value

131
00:05:13.05 --> 00:05:15.01
up here in the control panel,

132
00:05:15.01 --> 00:05:17.05
at which point we end up
with this effect here.

133
00:05:17.05 --> 00:05:19.00
And that's it, we'll just go ahead

134
00:05:19.00 --> 00:05:21.05
and press Control Shift A,
or Command Shift A on a Mac

135
00:05:21.05 --> 00:05:23.04
in order to deselect the text.

136
00:05:23.04 --> 00:05:25.03
And that is at least one way

137
00:05:25.03 --> 00:05:27.07
to create a plausible cast shadow

138
00:05:27.07 --> 00:05:31.01
behind your 3D text or other object

139
00:05:31.01 --> 00:05:33.01
here inside Illustrator.

