1
00:00:00.00 --> 00:00:01.03
- [Instructor] In this movie I'll show you

2
00:00:01.03 --> 00:00:04.08
how to combine dynamic
symbols with dynamic effects

3
00:00:04.08 --> 00:00:06.09
and so, again, you'll need to be using

4
00:00:06.09 --> 00:00:12.01
the most recent version of
Illustrator CC 2015 or later

5
00:00:12.01 --> 00:00:14.07
in order to pull this off
and what we're gunna do

6
00:00:14.07 --> 00:00:19.00
is take our dynamic sun so
far and we're gunna pile on

7
00:00:19.00 --> 00:00:22.06
some dynamic effects in
order to create these two

8
00:00:22.06 --> 00:00:24.07
over the top effects right here

9
00:00:24.07 --> 00:00:27.01
and while these effects
might be a little bit silly,

10
00:00:27.01 --> 00:00:30.01
they at least show you what you can do.

11
00:00:30.01 --> 00:00:32.06
Alright, so I'll go ahead and
switch over to my document

12
00:00:32.06 --> 00:00:35.06
so far and I'll click on the purple face

13
00:00:35.06 --> 00:00:37.02
but I did so with a black arrow tool

14
00:00:37.02 --> 00:00:39.02
so that's not gunna do me any good.

15
00:00:39.02 --> 00:00:42.00
I need to press the A key to
switch to the white arrow tool

16
00:00:42.00 --> 00:00:44.09
and then if I click
again, notice I'm seeing

17
00:00:44.09 --> 00:00:46.02
this square bounding box.

18
00:00:46.02 --> 00:00:47.08
I don't want that so
we'll click off the shape

19
00:00:47.08 --> 00:00:50.07
to deselect it and then I'll
click on that face again,

20
00:00:50.07 --> 00:00:53.07
at which point I should
see a purple outline

21
00:00:53.07 --> 00:00:56.08
around this purple face
and that's just a function

22
00:00:56.08 --> 00:00:59.02
of the fact that my layer color is purple.

23
00:00:59.02 --> 00:01:01.00
Of course, I could
change that if I want to

24
00:01:01.00 --> 00:01:03.05
but I can see the face is selected

25
00:01:03.05 --> 00:01:05.01
and so I'll go up to the Effect menu,

26
00:01:05.01 --> 00:01:06.09
choose Distort and
Transform and then choose

27
00:01:06.09 --> 00:01:09.07
the Transform command or,
if you loaded dekekeys

28
00:01:09.07 --> 00:01:11.03
and I'm assuming that you have,

29
00:01:11.03 --> 00:01:13.02
then you have a keyboard shortcut

30
00:01:13.02 --> 00:01:16.07
of control+E on the PC
or command+E on the Mac

31
00:01:16.07 --> 00:01:19.00
and I say I'm assuming you
have because we're gunna

32
00:01:19.00 --> 00:01:21.09
be coming back to this
dialogue box a few times

33
00:01:21.09 --> 00:01:25.01
and now I'm just gunna change
the rotate value to 30 degrees

34
00:01:25.01 --> 00:01:26.06
and I'll turn on the preview check box

35
00:01:26.06 --> 00:01:28.06
and you can see that goes ahead

36
00:01:28.06 --> 00:01:32.00
and rotates the face to a jaunty angle.

37
00:01:32.00 --> 00:01:33.09
Alright, I'm gunna click
okay and then I'll click

38
00:01:33.09 --> 00:01:36.01
on this face, the orange
one, which is now surrounded

39
00:01:36.01 --> 00:01:39.07
by a thick purple outline and
I'll go up to the Effect menu

40
00:01:39.07 --> 00:01:43.06
and choose the second
command, Transform...,

41
00:01:43.06 --> 00:01:47.00
in order to revisit the very
same rotate setting I applied

42
00:01:47.00 --> 00:01:49.00
a moment ago and I'll
just change it to negative

43
00:01:49.00 --> 00:01:51.06
this time around, turn
on the preview check box

44
00:01:51.06 --> 00:01:53.07
and you can see that the
orange face at least,

45
00:01:53.07 --> 00:01:56.07
has been rotated to
the opposite direction.

46
00:01:56.07 --> 00:01:59.06
I'll go ahead and click
okay and the reason

47
00:01:59.06 --> 00:02:01.09
that the purple outline
has not been rotated

48
00:02:01.09 --> 00:02:04.02
is because this is a dynamic effect

49
00:02:04.02 --> 00:02:06.02
and so we're just seeing
the original path outline

50
00:02:06.02 --> 00:02:10.03
right there until I click
off the shape to deselect it.

51
00:02:10.03 --> 00:02:12.03
Alright, so that's a pretty simple example

52
00:02:12.03 --> 00:02:13.02
of what you can do.

53
00:02:13.02 --> 00:02:15.02
Let's see something a
little bit more elaborate.

54
00:02:15.02 --> 00:02:18.01
I'll go ahead and click on the sun rays

55
00:02:18.01 --> 00:02:20.00
and I'll go up to the Effect menu,

56
00:02:20.00 --> 00:02:23.01
choose Distort and Transform
and I'm gunna choose Twist,

57
00:02:23.01 --> 00:02:25.01
although, of course, you
can apply any dynamic effect

58
00:02:25.01 --> 00:02:29.03
you want and I came up with
an angle value of 360 degrees,

59
00:02:29.03 --> 00:02:31.06
at which point I'll turn
on the preview checkbox

60
00:02:31.06 --> 00:02:34.06
and you can see that twists
these rays like crazy

61
00:02:34.06 --> 00:02:38.07
and now I'll click okay and
now let's say I want to add

62
00:02:38.07 --> 00:02:41.06
a second group of twisty
rays as we're seeing

63
00:02:41.06 --> 00:02:43.05
in the final version of the document.

64
00:02:43.05 --> 00:02:46.01
In that case, I need to
go up to the Window menu

65
00:02:46.01 --> 00:02:49.00
and choose the Appearance
command to bring up

66
00:02:49.00 --> 00:02:51.02
the Appearance panel and
then I'll just go ahead

67
00:02:51.02 --> 00:02:53.06
and click on this orange fill
and I'll create a duplicate

68
00:02:53.06 --> 00:02:56.07
of it by clicking on a little
page icon at the bottom

69
00:02:56.07 --> 00:02:59.00
of the Appearance panel
and now I'll go ahead

70
00:02:59.00 --> 00:03:01.00
and select the original
fill down here at the bottom

71
00:03:01.00 --> 00:03:03.06
and I'll change it to this dark shade

72
00:03:03.06 --> 00:03:06.02
of red that begins R=193.

73
00:03:06.02 --> 00:03:09.07
That's not gunna make any
difference because, after all,

74
00:03:09.07 --> 00:03:11.04
this red fill is in back of the orange one

75
00:03:11.04 --> 00:03:13.08
and so, with that fill
selected, I'll just go ahead

76
00:03:13.08 --> 00:03:18.00
and press control+E or
command+E on a Mac to bring up

77
00:03:18.00 --> 00:03:20.01
the Transform Effect dialogue box.

78
00:03:20.01 --> 00:03:22.00
Now, if you were to
count the number of rays

79
00:03:22.00 --> 00:03:24.06
which is a little bit easier
with this guy in the right

80
00:03:24.06 --> 00:03:28.03
is concerned, you would find
that there's twelve in all

81
00:03:28.03 --> 00:03:30.03
and so to rotate this
guy so we can see it,

82
00:03:30.03 --> 00:03:34.07
I first need to take 360, so,
360 degrees make a circle,

83
00:03:34.07 --> 00:03:39.02
divided by 12, so 12 rays and
then I'll press the tab key

84
00:03:39.02 --> 00:03:41.02
and that gives me an
angle value of 30 degrees.

85
00:03:41.02 --> 00:03:42.07
If I turn on the preview checkbox,

86
00:03:42.07 --> 00:03:44.06
you can see that that just creates

87
00:03:44.06 --> 00:03:46.05
some new rays if you
look very closely here.

88
00:03:46.05 --> 00:03:49.03
Some new red rays behind the orange ones.

89
00:03:49.03 --> 00:03:51.08
What I really want to
do is rotate these guys

90
00:03:51.08 --> 00:03:55.03
half another degree that is in between,

91
00:03:55.03 --> 00:03:58.01
so I'll take this 30 degree
angle and divide it by two,

92
00:03:58.01 --> 00:04:00.07
so slash two, press the tab key

93
00:04:00.07 --> 00:04:03.08
and that gives me an
angle value of 15 degrees,

94
00:04:03.08 --> 00:04:05.05
which makes these rays visible,

95
00:04:05.05 --> 00:04:07.02
at which point I'll click okay.

96
00:04:07.02 --> 00:04:10.04
Alright, now I'm gunna
press control+H or command+H

97
00:04:10.04 --> 00:04:12.01
on a Mac in order to hide

98
00:04:12.01 --> 00:04:14.01
those selection edges for a moment.

99
00:04:14.01 --> 00:04:15.08
The rays are still
selected, bare that in mind,

100
00:04:15.08 --> 00:04:17.05
and so I'll go ahead and
zoom in a little bit.

101
00:04:17.05 --> 00:04:20.01
Let's say you want to
fill this area in between.

102
00:04:20.01 --> 00:04:23.06
That is in between the
face and the rays with red,

103
00:04:23.06 --> 00:04:26.08
then you take this red
fill and make a copy of it

104
00:04:26.08 --> 00:04:29.04
by clicking on the little
page icon at the bottom

105
00:04:29.04 --> 00:04:31.08
of the Appearance panel and then go ahead

106
00:04:31.08 --> 00:04:34.03
and select the bottom red fill,
click on the word Transform

107
00:04:34.03 --> 00:04:35.09
and click on the trash can

108
00:04:35.09 --> 00:04:37.08
to get rid of it because
we don't need that.

109
00:04:37.08 --> 00:04:40.04
What we need to do is
select this fill once again

110
00:04:40.04 --> 00:04:43.07
and convert it to a circle by
going up to the Effect menu,

111
00:04:43.07 --> 00:04:48.01
choose Convert Shape and choose
Ellipse and I do not want

112
00:04:48.01 --> 00:04:49.08
Relative to be selected
because that's gunna give us

113
00:04:49.08 --> 00:04:52.03
this ginormous circle that
we're seeing right here.

114
00:04:52.03 --> 00:04:54.02
So I'll select Absolute instead.

115
00:04:54.02 --> 00:04:55.08
These values are not big enough

116
00:04:55.08 --> 00:04:58.02
and so with the preview check
box on so that I can see

117
00:04:58.02 --> 00:05:01.01
what I'm doing, I'll just go
ahead and set the width value

118
00:05:01.01 --> 00:05:04.02
to fifty points and I'll
set the height value

119
00:05:04.02 --> 00:05:07.00
to 50 points as well and
that fills in that area,

120
00:05:07.00 --> 00:05:09.00
but it also fills in the face
and so to take care of that

121
00:05:09.00 --> 00:05:11.07
I'll click okay and then I'll go ahead

122
00:05:11.07 --> 00:05:14.00
and create a copy of this
latest fill by clicking

123
00:05:14.00 --> 00:05:15.05
on the little page icon once again

124
00:05:15.05 --> 00:05:17.05
and now notice we have
a bunch of fills here

125
00:05:17.05 --> 00:05:20.04
and so you might need to twirl
some of these guys closed

126
00:05:20.04 --> 00:05:22.05
just to give yourself some space here

127
00:05:22.05 --> 00:05:25.02
and then take this middle fill right here,

128
00:05:25.02 --> 00:05:28.07
this middle red fill and change
it to white, for starters.

129
00:05:28.07 --> 00:05:30.01
Now, notice it's too big.

130
00:05:30.01 --> 00:05:32.04
It's covering the red
fill and so I'll click

131
00:05:32.04 --> 00:05:34.08
on the word Ellipse and I'll
change both of these values

132
00:05:34.08 --> 00:05:38.02
to 30 points which will give
me white inside the face,

133
00:05:38.02 --> 00:05:40.04
at which point I'll click okay.

134
00:05:40.04 --> 00:05:44.00
Alright, now let's see what
we can do with the other guy

135
00:05:44.00 --> 00:05:47.00
and this is absolutely
superfluous at this point.

136
00:05:47.00 --> 00:05:48.07
You don't have to follow
along if you don't want to,

137
00:05:48.07 --> 00:05:50.09
in other words but I just
want to give you a sense

138
00:05:50.09 --> 00:05:53.01
for what you can do and so I'll click on

139
00:05:53.01 --> 00:05:55.03
these blue rays to select them.

140
00:05:55.03 --> 00:05:57.07
I'm not seeing a selection
line and that's because

141
00:05:57.07 --> 00:05:59.04
I would need to press control+H

142
00:05:59.04 --> 00:06:01.05
or command+H on a Mac to bring it back.

143
00:06:01.05 --> 00:06:04.00
So notice we now have thick purple edges

144
00:06:04.00 --> 00:06:05.05
around those blue rays.

145
00:06:05.05 --> 00:06:06.08
I don't want to see them though,

146
00:06:06.08 --> 00:06:08.05
so I'm gunna press control+H or command+H

147
00:06:08.05 --> 00:06:10.01
on a Mac to hide them once again

148
00:06:10.01 --> 00:06:12.05
and then I'll go up to the Effect menu,

149
00:06:12.05 --> 00:06:14.00
choose Distort and Transform

150
00:06:14.00 --> 00:06:16.02
and this time I'll choose pucker and bloat

151
00:06:16.02 --> 00:06:18.02
and I'll turn on the preview check box

152
00:06:18.02 --> 00:06:20.08
and I'll click in this
numerical value right here

153
00:06:20.08 --> 00:06:22.06
and I'll press shift+up
arrow, let's say a total

154
00:06:22.06 --> 00:06:26.00
of five times, so take
that value up to 50%

155
00:06:26.00 --> 00:06:30.00
and I'll click okay in
order to accept that setting

156
00:06:30.00 --> 00:06:32.02
and now I once again want to rotate a copy

157
00:06:32.02 --> 00:06:34.09
of a different color and
so I'll click on this fill

158
00:06:34.09 --> 00:06:36.05
right here, this blue
fill and I'll click on

159
00:06:36.05 --> 00:06:38.09
the little page icon
and create a copy of it

160
00:06:38.09 --> 00:06:41.09
and then I'll click on the
bottom of the two fills

161
00:06:41.09 --> 00:06:43.09
and I'll change it to this shade of green

162
00:06:43.09 --> 00:06:48.00
that begins with R=34, but,
really up to you of course.

163
00:06:48.00 --> 00:06:50.04
Can't see it and that's
cause we need to rotate it

164
00:06:50.04 --> 00:06:51.09
by making sure this fill is selected

165
00:06:51.09 --> 00:06:54.08
and then I'll just press said
dekekeys keyboard shortcut

166
00:06:54.08 --> 00:06:57.07
of control+E or command+E
on a Mac and I'll change

167
00:06:57.07 --> 00:06:59.05
the angle value, I just happen to know now

168
00:06:59.05 --> 00:07:01.08
having done it in the past, to 15 degrees

169
00:07:01.08 --> 00:07:04.05
and if I turn on the preview
check box you can see

170
00:07:04.05 --> 00:07:07.05
that that goes and rotates
a copy of that green fill

171
00:07:07.05 --> 00:07:10.05
so that we can see it, at
which point I'll click okay.

172
00:07:10.05 --> 00:07:13.03
Again, I want to cover up
this area in the middle,

173
00:07:13.03 --> 00:07:15.07
so I'll create a copy of this green fill

174
00:07:15.07 --> 00:07:18.00
by once again clicking
on the little page icon

175
00:07:18.00 --> 00:07:21.01
at the bottom of the panel
with this bottom fill selected,

176
00:07:21.01 --> 00:07:22.08
so I'll go ahead and click on it.

177
00:07:22.08 --> 00:07:24.05
Actually I want to click on it's transform

178
00:07:24.05 --> 00:07:27.02
and I want to get rid of it by clicking

179
00:07:27.02 --> 00:07:28.02
on that little trash icon

180
00:07:28.02 --> 00:07:30.00
and then I'll click on
this green fill again

181
00:07:30.00 --> 00:07:32.05
and I'll go up to the
Effect menu and I'll choose

182
00:07:32.05 --> 00:07:35.04
Convert to Shape and choose Ellipse.

183
00:07:35.04 --> 00:07:37.01
Once again I get the default setting

184
00:07:37.01 --> 00:07:39.00
so I'll select Absolute
and I'll change both

185
00:07:39.00 --> 00:07:40.05
of these values here, width and height

186
00:07:40.05 --> 00:07:42.09
to 50 points, like so.

187
00:07:42.09 --> 00:07:44.01
Turn on the preview checkbox

188
00:07:44.01 --> 00:07:46.04
I can see that does a pretty
good job of filling things in,

189
00:07:46.04 --> 00:07:48.02
at which point I'll click okay

190
00:07:48.02 --> 00:07:51.06
and now I want to protect the
face so I'll create a copy

191
00:07:51.06 --> 00:07:54.03
of this guy by clicking
on the little page icon.

192
00:07:54.03 --> 00:07:57.01
I'll select this green
fill in the middle here

193
00:07:57.01 --> 00:07:59.09
and I'll change it to
white and then I'll click

194
00:07:59.09 --> 00:08:03.05
on the word Ellipse and
I'll change both the width

195
00:08:03.05 --> 00:08:05.04
and height values to 30
points this time around

196
00:08:05.04 --> 00:08:07.09
so I'm just filling in the
face and I'll click okay.

197
00:08:07.09 --> 00:08:10.05
Now that doesn't really
do what I want it to.

198
00:08:10.05 --> 00:08:12.07
I'd actually want to
move this up the stack

199
00:08:12.07 --> 00:08:13.09
so it's covering everybody

200
00:08:13.09 --> 00:08:16.01
if I want to protect that face like so.

201
00:08:16.01 --> 00:08:18.08
So that's one way to work or
I could reduce this pucker

202
00:08:18.08 --> 00:08:21.02
and bloat value which is actually assigned

203
00:08:21.02 --> 00:08:24.06
to the entire shape so it's
gunna effect all the fills

204
00:08:24.06 --> 00:08:26.09
and so I'll go ahead and
click on pucker and bloat

205
00:08:26.09 --> 00:08:28.08
and I'll turn on the preview check box

206
00:08:28.08 --> 00:08:31.05
and I'll take this value down from 50%

207
00:08:31.05 --> 00:08:34.04
by pressing shift+down
arrow a couple of times

208
00:08:34.04 --> 00:08:38.00
to just 30% like so and
then I'll click okay

209
00:08:38.00 --> 00:08:41.07
in order to accept that change

210
00:08:41.07 --> 00:08:43.07
and, just for fun, I'll
go ahead and zoom in

211
00:08:43.07 --> 00:08:47.02
on our most recent example
and so, whatever you think

212
00:08:47.02 --> 00:08:49.07
of the aesthetics of
what I've come up with,

213
00:08:49.07 --> 00:08:51.08
those are a couple of, what I think,

214
00:08:51.08 --> 00:08:54.02
illuminating examples of what you can do

215
00:08:54.02 --> 00:08:58.04
by combining dynamic effects
along with dynamic symbols

216
00:08:58.04 --> 00:09:00.06
here inside the most recent version

217
00:09:00.06 --> 00:09:03.02
of Illustrator CC 2015 or later.

