1
00:00:00.06 --> 00:00:02.01
- [Instructor] In this movie,
I'll show you how a create

2
00:00:02.01 --> 00:00:04.02
a new pattern from an existing one.

3
00:00:04.02 --> 00:00:06.03
Actually, I'll show you how
to create two new patterns

4
00:00:06.03 --> 00:00:08.08
from existing ones, and
in two different ways,

5
00:00:08.08 --> 00:00:11.04
and this can be useful when
you want to refine a pattern

6
00:00:11.04 --> 00:00:14.05
without ruining the original,
which is a great way to work

7
00:00:14.05 --> 00:00:15.04
by the way.

8
00:00:15.04 --> 00:00:17.08
Your future self will thank you later.

9
00:00:17.08 --> 00:00:20.06
All right, so as any
2001 aficionado knows,

10
00:00:20.06 --> 00:00:22.09
this drawing of HAL is bogus.

11
00:00:22.09 --> 00:00:25.01
The pupil of his eye shouldn't be white.

12
00:00:25.01 --> 00:00:26.08
It should be yellow.

13
00:00:26.08 --> 00:00:30.04
Plus, we need to add these
additional reflections.

14
00:00:30.04 --> 00:00:33.00
So I'll go ahead and switch
back to my file at hand,

15
00:00:33.00 --> 00:00:35.08
and I'm going to turn off the
pattern layer for a moment

16
00:00:35.08 --> 00:00:39.04
and zoom on in on the eye
that I've drawn so far,

17
00:00:39.04 --> 00:00:42.02
and you might as well make
all of your modifications here

18
00:00:42.02 --> 00:00:45.01
inside the actual illustration, that way,

19
00:00:45.01 --> 00:00:47.07
you'll still have all
of your live effects,

20
00:00:47.07 --> 00:00:49.09
because as you'll see,
when we paste these effects

21
00:00:49.09 --> 00:00:53.01
into the pattern, they
end up getting rasterized.

22
00:00:53.01 --> 00:00:55.09
All right, so I'll go ahead
and select this central pupil

23
00:00:55.09 --> 00:00:59.04
right here, the aperture of
the camera that is the eye,

24
00:00:59.04 --> 00:01:02.06
and I'll go to the Window
menu and choose Gradient

25
00:01:02.06 --> 00:01:04.07
in order to bring up the Gradient panel,

26
00:01:04.07 --> 00:01:06.06
and I'll twirl this guy open.

27
00:01:06.06 --> 00:01:08.07
Make sure that the fill is active,

28
00:01:08.07 --> 00:01:10.05
and then go up to your Swatches panel

29
00:01:10.05 --> 00:01:16.00
and drag RGB yellow all the
way down to the far right side

30
00:01:16.00 --> 00:01:19.00
of this gradient ramp, so
that we're creating a white

31
00:01:19.00 --> 00:01:20.05
to yellow gradient.

32
00:01:20.05 --> 00:01:23.02
All right, currently this
is a linear gradient,

33
00:01:23.02 --> 00:01:25.01
which is not what we want,
so I'll change the type

34
00:01:25.01 --> 00:01:28.07
from Linear to Radial,
and now I want to go ahead

35
00:01:28.07 --> 00:01:31.09
and change the location
of this yellow color stop,

36
00:01:31.09 --> 00:01:33.01
so I'll make sure it's selected,

37
00:01:33.01 --> 00:01:36.05
then I'll change the location value to 50%

38
00:01:36.05 --> 00:01:39.01
and I'll press the enter key
or the return key on the Mac,

39
00:01:39.01 --> 00:01:41.04
and that's going to seem
like a pretty subtle effect

40
00:01:41.04 --> 00:01:44.07
until I press control + h,
or command + h on the Mac,

41
00:01:44.07 --> 00:01:47.06
to hide the selection edges,
and you can see that we have

42
00:01:47.06 --> 00:01:50.02
just a little bit of whiteness
right there at the center,

43
00:01:50.02 --> 00:01:53.00
which is, for what it's worth,
the way it is in the movie.

44
00:01:53.00 --> 00:01:56.03
All right, now I'll unhide the
edges by pressing control + h

45
00:01:56.03 --> 00:01:58.09
or command + h again, and
I'll press control + c

46
00:01:58.09 --> 00:02:03.02
or command + c on the Mac in
order to copy that circle.

47
00:02:03.02 --> 00:02:04.05
All right, now what we want to do

48
00:02:04.05 --> 00:02:06.01
is modify this pattern swatch,

49
00:02:06.01 --> 00:02:08.05
but you don't want to
click on it right now

50
00:02:08.05 --> 00:02:12.02
because if you do, you'll end
up filling that little circle

51
00:02:12.02 --> 00:02:14.09
with the pattern, which as
a result of the alignment,

52
00:02:14.09 --> 00:02:18.06
is kind of duplicating this
area right here into the circle.

53
00:02:18.06 --> 00:02:20.00
Of course, that's not what we want,

54
00:02:20.00 --> 00:02:22.02
so I'll press control + z,
or command + z on the Mac,

55
00:02:22.02 --> 00:02:24.09
to undo that change, and I'll
press control + shift + a,

56
00:02:24.09 --> 00:02:27.03
or command + shift + a
on the Mac, to make sure

57
00:02:27.03 --> 00:02:29.02
nothing is selected,
that's very important,

58
00:02:29.02 --> 00:02:31.09
and then go ahead and double-click
on this pattern swatch

59
00:02:31.09 --> 00:02:34.09
in order to enter the
pattern-editing mode.

60
00:02:34.09 --> 00:02:37.05
All right, now go ahead and
click on the existing pupil

61
00:02:37.05 --> 00:02:41.00
and you'll see this big
rectangle which is showing you

62
00:02:41.00 --> 00:02:43.04
that the pupil has been rasterized.

63
00:02:43.04 --> 00:02:45.06
It's showing up as a group
over here on the left side

64
00:02:45.06 --> 00:02:48.04
of the control panel, but
if you were to ungroup it

65
00:02:48.04 --> 00:02:50.08
by going to the Object
menu and choosing Ungroup,

66
00:02:50.08 --> 00:02:53.00
then you would see that it's an image,

67
00:02:53.00 --> 00:02:54.09
and if you were to
click on the word Image,

68
00:02:54.09 --> 00:02:57.03
you would see this icon
over here that indicates

69
00:02:57.03 --> 00:03:00.04
its an embedded image as
opposed to a linked one.

70
00:03:00.04 --> 00:03:03.03
Whatever, it's a pixel-based
image which isn't something

71
00:03:03.03 --> 00:03:06.08
that you can edit very
effectively inside Illustrator.

72
00:03:06.08 --> 00:03:08.04
So I'm just going to
press the backspace key

73
00:03:08.04 --> 00:03:10.04
or the delete key on the
Mac to get rid of it,

74
00:03:10.04 --> 00:03:13.06
and then I'll press control +
f, or command + f on the Mac,

75
00:03:13.06 --> 00:03:17.00
in order to paste this guy in
front, and notice currently,

76
00:03:17.00 --> 00:03:19.04
this is a vector-based path outline.

77
00:03:19.04 --> 00:03:21.08
In fact, the left side of the
control panel is telling us

78
00:03:21.08 --> 00:03:24.07
that it's an ellipse,
and if I were to bring up

79
00:03:24.07 --> 00:03:26.09
the Appearance panel, and
forgive me for a second,

80
00:03:26.09 --> 00:03:29.01
I'm just going to make a
little more room by switching

81
00:03:29.01 --> 00:03:30.06
to the Stroke panel there.

82
00:03:30.06 --> 00:03:32.06
Then I'll switch over
to the Appearance panel

83
00:03:32.06 --> 00:03:35.00
and you can see that we
have this live effect,

84
00:03:35.00 --> 00:03:36.03
Gaussian blur.

85
00:03:36.03 --> 00:03:39.08
The thing is, that's not
going to stick over time,

86
00:03:39.08 --> 00:03:42.07
and we'll see that happen
in just a moment, but first,

87
00:03:42.07 --> 00:03:44.06
I'm going to switch to the outline mode,

88
00:03:44.06 --> 00:03:47.01
by going up to the View
menu and choosing Outline,

89
00:03:47.01 --> 00:03:48.08
or of course you can press control + y,

90
00:03:48.08 --> 00:03:51.07
or command + y on the Mac,
and the reason I'm doing this

91
00:03:51.07 --> 00:03:54.01
is to demonstrate that
this guy is off-center.

92
00:03:54.01 --> 00:03:57.01
Even though I pressed control
+ f, or command + f on the Mac

93
00:03:57.01 --> 00:03:59.09
in order to paste it in
the front, it didn't work,

94
00:03:59.09 --> 00:04:02.09
and that's because the
pattern and the illustration

95
00:04:02.09 --> 00:04:05.03
aren't necessarily exactly
aligned with each other,

96
00:04:05.03 --> 00:04:07.07
and so I'm just going to drag
this guy by its center point

97
00:04:07.07 --> 00:04:10.08
so it snaps into alignment
with the center of the rest

98
00:04:10.08 --> 00:04:13.03
of the circles, and then
I'll press control + y

99
00:04:13.03 --> 00:04:16.03
or command + y on the Mac to
switch back to the preview mode

100
00:04:16.03 --> 00:04:18.03
and I might as well zoom out a little bit

101
00:04:18.03 --> 00:04:21.03
so that we can take in more of the eyes.

102
00:04:21.03 --> 00:04:23.09
All right, now if you
were to just escape out,

103
00:04:23.09 --> 00:04:27.07
then you would save over
the original HAL pattern,

104
00:04:27.07 --> 00:04:29.04
but let's say that's
not what I want to do.

105
00:04:29.04 --> 00:04:32.01
I want to essentially perform a Save As.

106
00:04:32.01 --> 00:04:34.04
Then you would go up to
this button right here

107
00:04:34.04 --> 00:04:36.05
called Save a Copy, and click on it,

108
00:04:36.05 --> 00:04:39.06
and go ahead and name
this guy HAL 2, let's say,

109
00:04:39.06 --> 00:04:42.01
and click OK, after which point,

110
00:04:42.01 --> 00:04:45.03
you're going to see a couple
of important alert messages.

111
00:04:45.03 --> 00:04:46.07
Now first you're going to see this one

112
00:04:46.07 --> 00:04:49.04
that tells you that some
special kinds of objects

113
00:04:49.04 --> 00:04:52.07
are going to be expanded,
including symbols, effects,

114
00:04:52.07 --> 00:04:54.07
which we have here, the
Gaussian blur effect,

115
00:04:54.07 --> 00:04:57.05
plugin groups, whatever
those are, nested patterns,

116
00:04:57.05 --> 00:04:59.03
so patterns inside of other patterns,

117
00:04:59.03 --> 00:05:03.03
strokes that are aligned inside
or outside of a path outline

118
00:05:03.03 --> 00:05:06.07
so all your strokes have
to centered, or graphs,

119
00:05:06.07 --> 00:05:08.05
which we'll see in a future chapter.

120
00:05:08.05 --> 00:05:10.07
Now that list doesn't
quite include everything.

121
00:05:10.07 --> 00:05:12.08
As you may recall from the previous movie,

122
00:05:12.08 --> 00:05:16.04
blends and gradient
strokes are also expanded.

123
00:05:16.04 --> 00:05:18.03
All right, so this is
just something important

124
00:05:18.03 --> 00:05:19.03
to bear in mind.

125
00:05:19.03 --> 00:05:21.06
You could say Don't Show
Again, but I wouldn't

126
00:05:21.06 --> 00:05:23.03
because this is an important message.

127
00:05:23.03 --> 00:05:26.02
I would just go ahead and
click OK, after which point,

128
00:05:26.02 --> 00:05:28.09
we're going to see an even
more remarkable message

129
00:05:28.09 --> 00:05:31.07
in my opinion, that's telling
you a pattern has been added

130
00:05:31.07 --> 00:05:35.00
to the Swatches panel,
fine, there it is, but also,

131
00:05:35.00 --> 00:05:36.06
any additional changes made

132
00:05:36.06 --> 00:05:39.01
while in the pattern-editing
mode will be applied

133
00:05:39.01 --> 00:05:41.09
to the original pattern, not to the copy.

134
00:05:41.09 --> 00:05:44.08
This is very important,
so go ahead and click OK.

135
00:05:44.08 --> 00:05:46.07
Notice here in the Pattern Options panel

136
00:05:46.07 --> 00:05:49.05
that we're still working
on the original HAL pattern

137
00:05:49.05 --> 00:05:52.05
and it now has yellow
pupils as you can see

138
00:05:52.05 --> 00:05:56.00
inside this preview, and so
if I were to just click Done

139
00:05:56.00 --> 00:05:58.07
or press the escape
key, then I would end up

140
00:05:58.07 --> 00:06:01.08
overriding the original pattern,
which is not what I want,

141
00:06:01.08 --> 00:06:04.07
so instead what you want
to do is click Cancel,

142
00:06:04.07 --> 00:06:08.01
and believe it or not that's
going to do exactly what you want.

143
00:06:08.01 --> 00:06:10.04
So notice if I switch
back to the Layers panel

144
00:06:10.04 --> 00:06:13.01
and turn on the pattern layer like so,

145
00:06:13.01 --> 00:06:16.00
that big rectangle is not
affected and that's because

146
00:06:16.00 --> 00:06:18.08
it's still linked to the original pattern.

147
00:06:18.08 --> 00:06:20.08
If you want to update it,
then go ahead and click on it

148
00:06:20.08 --> 00:06:23.03
to select it, and then,
with the fill active,

149
00:06:23.03 --> 00:06:26.03
select HAL 2 here in the Swatches panel,

150
00:06:26.03 --> 00:06:30.03
and you will see all
those pupils turn yellow.

151
00:06:30.03 --> 00:06:33.00
All right, so that's one
way to create a new pattern

152
00:06:33.00 --> 00:06:36.00
based on an existing one but
there's actually a better way

153
00:06:36.00 --> 00:06:39.05
to work, as I'll show
you in the next movie.

