1
00:00:00.05 --> 00:00:02.03
- [Instructor] In this movie,
I'll show you how to apply

2
00:00:02.03 --> 00:00:05.03
a couple of advanced symbol modifications.

3
00:00:05.03 --> 00:00:08.05
Specifically, we're going to
take the title of the book

4
00:00:08.05 --> 00:00:10.04
and we're going to give it a drop shadow,

5
00:00:10.04 --> 00:00:13.00
and then we're going to
take the front page title

6
00:00:13.00 --> 00:00:15.03
which is currently set on a single line,

7
00:00:15.03 --> 00:00:17.05
and we're going to break
its link to the symbol

8
00:00:17.05 --> 00:00:20.08
and set it on three lines like so.

9
00:00:20.08 --> 00:00:23.08
All right, so the first
step is to grab the title

10
00:00:23.08 --> 00:00:26.02
and notice, even though
it's kind of hard to see,

11
00:00:26.02 --> 00:00:28.04
this blue outline against
the blue background,

12
00:00:28.04 --> 00:00:31.00
that this is an instance of a symbol,

13
00:00:31.00 --> 00:00:33.06
and so we're seeing that,
indicated by the word symbol

14
00:00:33.06 --> 00:00:36.05
up here in the far left
side of the control panel,

15
00:00:36.05 --> 00:00:39.06
and you can also see the
book title symbol highlighted

16
00:00:39.06 --> 00:00:43.01
inside the Symbols
panel, and so to edit it,

17
00:00:43.01 --> 00:00:45.01
just go ahead and double-click on it,

18
00:00:45.01 --> 00:00:48.03
and if you see the alert
message, just click OK,

19
00:00:48.03 --> 00:00:50.08
and then I'll go ahead and
I'll on that line of point text

20
00:00:50.08 --> 00:00:52.01
to select it.

21
00:00:52.01 --> 00:00:55.00
All right, now what you want
to do is go up to Effect menu,

22
00:00:55.00 --> 00:00:58.00
choose Stylize, and choose Drop Shadow,

23
00:00:58.00 --> 00:01:00.07
of if you loaded d.keys,
you'd have that shortcut

24
00:01:00.07 --> 00:01:03.00
of control + alt + d here on the PC

25
00:01:03.00 --> 00:01:05.08
or command + option + d on the Mac.

26
00:01:05.08 --> 00:01:07.07
Then turn on the Preview checkbox

27
00:01:07.07 --> 00:01:10.04
and notice that I've set the color here

28
00:01:10.04 --> 00:01:14.00
to a hue value of 207
degrees, just happens to work,

29
00:01:14.00 --> 00:01:18.01
a saturation of 100%,
and a brightness of 20%.

30
00:01:18.01 --> 00:01:20.03
All right, so I'll just
go ahead and click OK.

31
00:01:20.03 --> 00:01:24.02
The blend mode is set to multiply,
the opacity value is 50%.

32
00:01:24.02 --> 00:01:27.09
I want the X and Y offset
values to be five points apiece

33
00:01:27.09 --> 00:01:32.02
and the blurs to be set to
zero, at which point, click OK.

34
00:01:32.02 --> 00:01:34.01
All right, now I'll go ahead and update

35
00:01:34.01 --> 00:01:37.05
the other title items just
by pressing the escape key,

36
00:01:37.05 --> 00:01:40.07
and you can see that the
title on the back cover

37
00:01:40.07 --> 00:01:44.01
as well as the spine
now has a drop shadow.

38
00:01:44.01 --> 00:01:46.07
Now the interesting and
very useful thing about this

39
00:01:46.07 --> 00:01:50.05
is that the drop shadow
rotated along with the text.

40
00:01:50.05 --> 00:01:52.04
That's not normally the case.

41
00:01:52.04 --> 00:01:55.07
Let's say I go ahead and
double-click on this text

42
00:01:55.07 --> 00:01:58.07
once again and then click
OK in order to gain access

43
00:01:58.07 --> 00:02:01.03
to the original type and
I'll go ahead and select

44
00:02:01.03 --> 00:02:03.07
the type tool, which I can
get by pressing the t key

45
00:02:03.07 --> 00:02:07.00
and I'll just double-click on
the word Modern right there

46
00:02:07.00 --> 00:02:09.07
and I'll press control + c,
or command + c on the Mac

47
00:02:09.07 --> 00:02:12.02
to copy it, and then
I'll press the escape key

48
00:02:12.02 --> 00:02:15.04
in order to exit the
symbol isolation mode,

49
00:02:15.04 --> 00:02:17.07
and now I'll press the t key once again

50
00:02:17.07 --> 00:02:20.03
to select my type tool and I will click

51
00:02:20.03 --> 00:02:23.05
in order to create a
new line of point type

52
00:02:23.05 --> 00:02:26.04
and I'll press control + v
or command + v on the Mac

53
00:02:26.04 --> 00:02:28.06
in order to paste that text.

54
00:02:28.06 --> 00:02:30.05
Notice it's coming in slightly larger

55
00:02:30.05 --> 00:02:33.08
and that's because this instance
has been scaled a little

56
00:02:33.08 --> 00:02:37.09
and now with that text active,
I'll go up to the Effect menu

57
00:02:37.09 --> 00:02:41.02
and choose that very first
command, Apply Drop Shadow,

58
00:02:41.02 --> 00:02:44.03
which will repeat the last
drop shadow I applied.

59
00:02:44.03 --> 00:02:46.07
All right, now let's say
I want to take this guy

60
00:02:46.07 --> 00:02:48.08
and I want to rotate it onto the spine.

61
00:02:48.08 --> 00:02:51.00
Then I would select the rotate tool,

62
00:02:51.00 --> 00:02:53.00
which I can get by pressing the r key,

63
00:02:53.00 --> 00:02:56.02
and as you can see, the bottom
left point is the origin

64
00:02:56.02 --> 00:02:58.00
by default; that's just fine.

65
00:02:58.00 --> 00:03:00.05
And so I'll just press the
enter key or the return key

66
00:03:00.05 --> 00:03:02.06
on the Mac to bring up
the Rotate dialog box.

67
00:03:02.06 --> 00:03:05.05
I still have an angle value
of negative 90 degrees,

68
00:03:05.05 --> 00:03:08.00
so I'll click OK, and
notice what happened.

69
00:03:08.00 --> 00:03:12.01
Even though the text
rotated from here to here,

70
00:03:12.01 --> 00:03:13.07
the shadow did not rotate.

71
00:03:13.07 --> 00:03:15.06
It's still going five points to the right

72
00:03:15.06 --> 00:03:19.06
as well as five points
down, whereas it did rotate

73
00:03:19.06 --> 00:03:22.04
when the text was expressed as a symbol.

74
00:03:22.04 --> 00:03:24.03
So there's the hidden advantage for you.

75
00:03:24.03 --> 00:03:27.00
A symbol is going to keep
all of the various attributes

76
00:03:27.00 --> 00:03:29.01
aligned together.

77
00:03:29.01 --> 00:03:31.05
We'll get rid of that guy by
pressing the backspace key

78
00:03:31.05 --> 00:03:33.00
or the delete key on the Mac.

79
00:03:33.00 --> 00:03:35.05
Now I want to break this
guy onto three lines,

80
00:03:35.05 --> 00:03:38.03
and in order to make that
happen, I have to break the link

81
00:03:38.03 --> 00:03:40.08
between the instance and the symbol,

82
00:03:40.08 --> 00:03:42.08
and so I'm going to
press the v key to switch

83
00:03:42.08 --> 00:03:45.06
to my black arrow tool, I'll
click on this text to select it

84
00:03:45.06 --> 00:03:48.06
and then you can either click
on this little break icon

85
00:03:48.06 --> 00:03:51.09
at the bottom of the Symbols
panel or you can just click on

86
00:03:51.09 --> 00:03:54.08
the Break Link button up
here in the control panel.

87
00:03:54.08 --> 00:03:57.09
Now either way, you get a kind
of unfortunate experience.

88
00:03:57.09 --> 00:04:00.07
Notice that the color of
my baseline has changed

89
00:04:00.07 --> 00:04:03.04
from blue to red, which
makes it easier to see

90
00:04:03.04 --> 00:04:06.01
against the blue background,
but here's the problem.

91
00:04:06.01 --> 00:04:08.09
I'll go ahead and bring
up my right-side panels

92
00:04:08.09 --> 00:04:12.02
by moving my cursor to the
far right side of the screen

93
00:04:12.02 --> 00:04:13.09
and I'll go to the Layers panel

94
00:04:13.09 --> 00:04:15.05
and expand the cover layer,

95
00:04:15.05 --> 00:04:18.02
and notice that the objects
on this layer go from

96
00:04:18.02 --> 00:04:22.04
being colored blue to
suddenly being colored red,

97
00:04:22.04 --> 00:04:24.01
and that's because of this item right here

98
00:04:24.01 --> 00:04:27.02
which is the expanded
symbol, incidentally.

99
00:04:27.02 --> 00:04:30.07
If I were to target it by
clicking on its circular meatball,

100
00:04:30.07 --> 00:04:33.06
you can see on the far left
side of the control panel

101
00:04:33.06 --> 00:04:37.03
that it's a layer, that
is to say, a new sublayer

102
00:04:37.03 --> 00:04:40.01
inside of our preexisting layer,

103
00:04:40.01 --> 00:04:42.09
and there is no earthly reason for that.

104
00:04:42.09 --> 00:04:45.00
It doesn't do us any good whatsoever,

105
00:04:45.00 --> 00:04:47.09
so I'm going to twirl that
guy open and I'll grab

106
00:04:47.09 --> 00:04:51.03
the text right there and I'll
drag it out of that sublayer.

107
00:04:51.03 --> 00:04:53.03
Then I'll select the empty sublayer

108
00:04:53.03 --> 00:04:56.00
and I'll click on the little
trash icon to get rid of it.

109
00:04:56.00 --> 00:04:58.01
And now notice this page item right here.

110
00:04:58.01 --> 00:05:01.00
If I were to twirl close the cover layer

111
00:05:01.00 --> 00:05:05.07
and twirl it back open, that
page item goes from being red

112
00:05:05.07 --> 00:05:08.07
to now being blue, and it was only red

113
00:05:08.07 --> 00:05:11.03
because it was following that sublayer,

114
00:05:11.03 --> 00:05:14.02
which is kind of this well-known old bug

115
00:05:14.02 --> 00:05:15.07
inside of the software.

116
00:05:15.07 --> 00:05:18.05
Anyway, I'm going to go ahead
and twirl that layer back closed

117
00:05:18.05 --> 00:05:21.01
and I'll let those panels
once again disappear,

118
00:05:21.01 --> 00:05:23.03
and I'll go ahead and press the t key

119
00:05:23.03 --> 00:05:25.07
to switch to my type tool,
and I'll click right there,

120
00:05:25.07 --> 00:05:29.03
and I will press the backspace
key followed by enter

121
00:05:29.03 --> 00:05:32.06
or return, and I'll click
before the D and press backspace

122
00:05:32.06 --> 00:05:34.01
to get rid of that extra space.

123
00:05:34.01 --> 00:05:35.07
Then I'll press enter or return

124
00:05:35.07 --> 00:05:38.03
so that I have three lines of type.

125
00:05:38.03 --> 00:05:40.06
All right, now I want
them to be much bigger,

126
00:05:40.06 --> 00:05:42.07
so I'll click on the word Character

127
00:05:42.07 --> 00:05:44.01
up here in the Character panel,

128
00:05:44.01 --> 00:05:47.06
and I'll change the
type size to 72 points,

129
00:05:47.06 --> 00:05:50.02
and I'll press the enter key
or the return key on the Mac

130
00:05:50.02 --> 00:05:52.08
to accept that change,
and now I'll drag the text

131
00:05:52.08 --> 00:05:56.04
by this baseline until the
word Design appears aligned

132
00:05:56.04 --> 00:05:59.00
with the word Modern, and
I'm pressing the shift key

133
00:05:59.00 --> 00:06:01.07
by the way as I drag, to
again straighten the angle

134
00:06:01.07 --> 00:06:04.02
to exactly vertical, at
which point I'll release,

135
00:06:04.02 --> 00:06:06.00
and that will go ahead and move that text

136
00:06:06.00 --> 00:06:07.06
to the proper position.

137
00:06:07.06 --> 00:06:09.05
Now I want you to notice
that this drop shadow

138
00:06:09.05 --> 00:06:13.04
is better suiting the large
text than the smaller text

139
00:06:13.04 --> 00:06:15.08
that is still represented by the symbols,

140
00:06:15.08 --> 00:06:17.07
and so I'm going to edit that drop shadow

141
00:06:17.07 --> 00:06:21.00
by double-clicking on
this instance right there

142
00:06:21.00 --> 00:06:23.04
on the back cover, and
again I'll click OK.

143
00:06:23.04 --> 00:06:25.09
Then you want to select
that text, and now,

144
00:06:25.09 --> 00:06:28.09
I need to bring back my right
side panels just by moving

145
00:06:28.09 --> 00:06:31.02
my cursor to the far
right side of the screen.

146
00:06:31.02 --> 00:06:33.01
I'll switch to the Appearance panel,

147
00:06:33.01 --> 00:06:35.00
and I'll click on the word Drop Shadow,

148
00:06:35.00 --> 00:06:37.08
and now I'll take both the X offset value

149
00:06:37.08 --> 00:06:42.06
and the Y offset value down to 3.33 points

150
00:06:42.06 --> 00:06:46.01
and that's because that
is the ratio of difference

151
00:06:46.01 --> 00:06:48.07
between the big text and the smaller text

152
00:06:48.07 --> 00:06:51.02
and now click OK, and that goes ahead

153
00:06:51.02 --> 00:06:53.04
and updates the drop
shadow, after which point

154
00:06:53.04 --> 00:06:55.08
I'll press the escape key in
order to update the symbol

155
00:06:55.08 --> 00:06:59.02
and all of its instances
both on the back cover

156
00:06:59.02 --> 00:07:02.09
and here on the spine, and now
I'll press control + alt + 0

157
00:07:02.09 --> 00:07:06.00
or command + option + 0
on the Mac in order to fit

158
00:07:06.00 --> 00:07:08.07
all of the artboards onscreen.

159
00:07:08.07 --> 00:07:11.00
And there you have a few examples

160
00:07:11.00 --> 00:07:14.01
of advanced symbol
modifications that you can apply

161
00:07:14.01 --> 00:07:17.07
any time you like, here
inside Illustrator.

