1
00:00:00.03 --> 00:00:02.02
- In this movie, I'll
show you a few new ways

2
00:00:02.02 --> 00:00:06.01
to assign colors to fills and
strokes inside Illustrator.

3
00:00:06.01 --> 00:00:08.03
First using the eyedropper tool,

4
00:00:08.03 --> 00:00:10.02
and then, by dragging and dropping

5
00:00:10.02 --> 00:00:12.06
swatches from the swatches panel.

6
00:00:12.06 --> 00:00:13.08
All right, but first, I'm going to make

7
00:00:13.08 --> 00:00:15.09
a couple of arbitrary modifications.

8
00:00:15.09 --> 00:00:17.04
I'm going to click on the hexagon

9
00:00:17.04 --> 00:00:19.09
that surrounds 2030, and I'm going

10
00:00:19.09 --> 00:00:21.02
to click on this second swatch

11
00:00:21.02 --> 00:00:22.07
up here in the control panel,

12
00:00:22.07 --> 00:00:24.05
the one that represents the stroke,

13
00:00:24.05 --> 00:00:26.02
and because this is the first time

14
00:00:26.02 --> 00:00:28.01
we've visited this specific panel,

15
00:00:28.01 --> 00:00:29.08
we're seeing the tiny swatches,

16
00:00:29.08 --> 00:00:31.06
and so I'll remedy that by clicking

17
00:00:31.06 --> 00:00:35.04
on the flyout menu icon and
choosing medium thumbnail view.

18
00:00:35.04 --> 00:00:38.00
Now I'm going to click
on the sky blue swatch

19
00:00:38.00 --> 00:00:41.03
in order to change the
stroke to blue, like so.

20
00:00:41.03 --> 00:00:43.05
All right, next I'm going
to click on the hexagon

21
00:00:43.05 --> 00:00:45.06
that surrounds the month of September,

22
00:00:45.06 --> 00:00:47.08
and I'm going to click
on it's stroke swatch,

23
00:00:47.08 --> 00:00:51.00
and select that final
yellow swatch from the list.

24
00:00:51.00 --> 00:00:54.00
All right, so notice now
where September is concerned,

25
00:00:54.00 --> 00:00:56.04
we have yellow stroke in a black fill.

26
00:00:56.04 --> 00:00:58.05
I'll go ahead and select
that object again.

27
00:00:58.05 --> 00:01:00.03
And I'll get the eyedropper either by

28
00:01:00.03 --> 00:01:02.01
selecting it from the bottom portion

29
00:01:02.01 --> 00:01:04.00
of the toolbox, or you could press a

30
00:01:04.00 --> 00:01:06.08
keyboard shortcut, which is the I key.

31
00:01:06.08 --> 00:01:08.09
And now notice this orange shape

32
00:01:08.09 --> 00:01:11.02
that's surrounding the month of March.

33
00:01:11.02 --> 00:01:12.09
If you go ahead and click on it,

34
00:01:12.09 --> 00:01:15.05
whether you click on
the fill or the stroke,

35
00:01:15.05 --> 00:01:18.01
you're going to lift both attributes.

36
00:01:18.01 --> 00:01:20.00
So notice that I have now replaced

37
00:01:20.00 --> 00:01:22.08
both the fill and the stroke of that

38
00:01:22.08 --> 00:01:25.01
shape around the month of September.

39
00:01:25.01 --> 00:01:26.04
And that's how things work when

40
00:01:26.04 --> 00:01:27.09
you click with the eyedropper,

41
00:01:27.09 --> 00:01:29.01
but this tool also has a couple

42
00:01:29.01 --> 00:01:31.02
of surprising tricks up it's sleeve.

43
00:01:31.02 --> 00:01:32.03
So what I'm going to do is press

44
00:01:32.03 --> 00:01:34.04
the control key, or the
command key on a Mac,

45
00:01:34.04 --> 00:01:36.08
to temporarily gain access to my last used

46
00:01:36.08 --> 00:01:38.07
arrow tool, which is the black arrow,

47
00:01:38.07 --> 00:01:40.06
and then I'll go ahead and click on

48
00:01:40.06 --> 00:01:43.03
the hexagon that surrounds
the month of October.

49
00:01:43.03 --> 00:01:45.04
Now, notice that the fill is active

50
00:01:45.04 --> 00:01:47.01
at the bottom of the toolbox,

51
00:01:47.01 --> 00:01:48.07
and let's say that I want to replace

52
00:01:48.07 --> 00:01:51.07
the fill color with this
blue of this stroke.

53
00:01:51.07 --> 00:01:53.06
If I just click on that stroke,

54
00:01:53.06 --> 00:01:55.04
then I'm going to replace the stroke

55
00:01:55.04 --> 00:01:57.02
of the selected shape with blue,

56
00:01:57.02 --> 00:01:59.09
and I'm going to replace
the fill with this purple.

57
00:01:59.09 --> 00:02:01.03
That's not what I want, so I'll press

58
00:02:01.03 --> 00:02:04.06
control Z, or command Z on
the Mac to undo that change.

59
00:02:04.06 --> 00:02:07.02
Instead what you want
to do is shift click,

60
00:02:07.02 --> 00:02:09.09
and that will replace the active attribute

61
00:02:09.09 --> 00:02:12.06
with whatever color you shift click on,

62
00:02:12.06 --> 00:02:15.00
whether it's part of a fill, a stroke,

63
00:02:15.00 --> 00:02:18.03
or an imported image, or what have you.

64
00:02:18.03 --> 00:02:19.08
All right, now I'm going
to deselect that shape

65
00:02:19.08 --> 00:02:21.07
by going up to the select menu and

66
00:02:21.07 --> 00:02:23.02
choosing the deselect command,

67
00:02:23.02 --> 00:02:24.04
or you can press control shift A,

68
00:02:24.04 --> 00:02:26.06
or command shift A on the Mac.

69
00:02:26.06 --> 00:02:28.02
And then, I'm going to go over here

70
00:02:28.02 --> 00:02:30.02
to the first swatch in the control panel,

71
00:02:30.02 --> 00:02:31.09
the one that represents the fill,

72
00:02:31.09 --> 00:02:34.00
and I'm going to click
on it, and I'm going

73
00:02:34.00 --> 00:02:36.08
to change that fill color to beige.

74
00:02:36.08 --> 00:02:38.08
And notice that the control panel is

75
00:02:38.08 --> 00:02:40.04
telling me that I have no selection,

76
00:02:40.04 --> 00:02:41.06
so in other words, I'm not affecting

77
00:02:41.06 --> 00:02:43.08
any of the objects in my illustration.

78
00:02:43.08 --> 00:02:45.07
All I'm really doing is affecting the

79
00:02:45.07 --> 00:02:48.02
default setting, so if I were to now draw

80
00:02:48.02 --> 00:02:51.02
a rectangle, for example, that rectangle

81
00:02:51.02 --> 00:02:53.02
would come in with a beige fill

82
00:02:53.02 --> 00:02:55.05
and a two point wide stroke.

83
00:02:55.05 --> 00:02:57.02
I don't want that rectangle, however,

84
00:02:57.02 --> 00:02:58.04
so I'm going to press the backspace

85
00:02:58.04 --> 00:02:59.08
key, or the delete key on the Mac,

86
00:02:59.08 --> 00:03:01.03
to get rid of it, and I'm going to

87
00:03:01.03 --> 00:03:03.09
switch back over to the eyedropper tool.

88
00:03:03.09 --> 00:03:05.07
Now, instead of pressing the shift key,

89
00:03:05.07 --> 00:03:07.04
I'm going to press the alt key,

90
00:03:07.04 --> 00:03:08.09
or the option key on the Mac.

91
00:03:08.09 --> 00:03:10.05
Notice that does two things,

92
00:03:10.05 --> 00:03:12.07
first of all, it flips the tool, like so,

93
00:03:12.07 --> 00:03:15.01
and it also fills it, and turns the

94
00:03:15.01 --> 00:03:17.09
eyedropper into a kind of color squirter,

95
00:03:17.09 --> 00:03:20.01
at which point if you were to click,

96
00:03:20.01 --> 00:03:22.01
you will go ahead and assign the

97
00:03:22.01 --> 00:03:23.06
default fill and stroke attributes

98
00:03:23.06 --> 00:03:25.01
that you've established up here

99
00:03:25.01 --> 00:03:28.05
in the control panel to that object.

100
00:03:28.05 --> 00:03:29.06
All right, now let's take a look

101
00:03:29.06 --> 00:03:31.06
at dragging and dropping.

102
00:03:31.06 --> 00:03:33.07
Let's say that I make the stroke active,

103
00:03:33.07 --> 00:03:34.09
which I can do by clicking on it

104
00:03:34.09 --> 00:03:36.07
down here at the bottom of the toolbox,

105
00:03:36.07 --> 00:03:39.02
or I could just press the X key.

106
00:03:39.02 --> 00:03:40.08
And that's going to go ahead and send

107
00:03:40.08 --> 00:03:42.06
me back to the color panel, so I'll

108
00:03:42.06 --> 00:03:44.04
go ahead and click on the swatches tab

109
00:03:44.04 --> 00:03:47.00
so we can see our swatches once again.

110
00:03:47.00 --> 00:03:48.08
If I were to grab this next color,

111
00:03:48.08 --> 00:03:51.04
faded yellow, and drag it and drop it

112
00:03:51.04 --> 00:03:54.04
into the fill of the shape,
as I'm doing right now,

113
00:03:54.04 --> 00:03:56.09
then I would change the stroke,

114
00:03:56.09 --> 00:03:58.03
and that's because any time you

115
00:03:58.03 --> 00:04:02.02
drag and drop swatches, you
affect the active attribute.

116
00:04:02.02 --> 00:04:03.09
Obviously that's not what I want,

117
00:04:03.09 --> 00:04:06.05
so what I have to do is press control Z

118
00:04:06.05 --> 00:04:08.02
or command Z on the Mac to undo that

119
00:04:08.02 --> 00:04:10.07
change, press the X key to make the

120
00:04:10.07 --> 00:04:12.05
fill active once again, or of course

121
00:04:12.05 --> 00:04:14.05
you could just click on
that fill if you want to,

122
00:04:14.05 --> 00:04:18.08
and then drag and drop the
faded yellow into that shape.

123
00:04:18.08 --> 00:04:20.03
The advantage of dragging and dropping

124
00:04:20.03 --> 00:04:21.08
incidentally is that the shape

125
00:04:21.08 --> 00:04:24.02
doesn't have to be selected.

126
00:04:24.02 --> 00:04:25.07
All right, now let's take a look at

127
00:04:25.07 --> 00:04:27.07
the final month, December right here,

128
00:04:27.07 --> 00:04:29.04
and let's say I once again make

129
00:04:29.04 --> 00:04:31.03
the stroke active, in which case,

130
00:04:31.03 --> 00:04:33.07
if I drag and drop steel blue onto

131
00:04:33.07 --> 00:04:35.06
December, I'm going to affect the

132
00:04:35.06 --> 00:04:37.03
stroke rather than the fill.

133
00:04:37.03 --> 00:04:38.08
If you run into that problem,

134
00:04:38.08 --> 00:04:40.02
then there's one more keyboard

135
00:04:40.02 --> 00:04:41.09
trick that I can share with you,

136
00:04:41.09 --> 00:04:43.03
and that is that you want to start

137
00:04:43.03 --> 00:04:45.00
by dragging the swatch, and then,

138
00:04:45.00 --> 00:04:47.08
before you release, before you drop it,

139
00:04:47.08 --> 00:04:49.09
go ahead and press and hold the shift key

140
00:04:49.09 --> 00:04:51.08
and then, you'll affect the opposite

141
00:04:51.08 --> 00:04:54.05
attribute as we're seeing here.

142
00:04:54.05 --> 00:04:56.03
And so, there you have it, a few

143
00:04:56.03 --> 00:04:58.00
different ways to assign colors

144
00:04:58.00 --> 00:05:00.06
to fills and strokes, both using

145
00:05:00.06 --> 00:05:03.01
the eyedropper tool and by dragging

146
00:05:03.01 --> 00:05:07.05
and dropping swatches here
inside the swatches panel.