In Illustrator if you navigate to the bottom of the Tools panel, you'll hover
your mouse over here and this is a Fill and this is a Stroke. So this is more similar to
InDesign than Photoshop. In Photoshop you have a foreground and a background but in
InDesign and Illustrator you have a Fill and a Stroke. What are those? Well a stroke is
just another name for the style, the weight. In other words how thick a line is.
What color the line is that encompasses your shape or it's just the
line that you're drawing. So in other words, a sort of a border but that's not
quite the same thing in a line for example. It's still the stroke. It's the
style of the line whether it's a shape or a line. And then a Fill is just the color
or the style of the inside of the shape. So if you open streetlights.ai in the Support
files. If you click on this sign here, you'll notice it has a black fill and no stroke.
So if we wanted to add a stroke
we could double click that and then choose some color. Click OK.
You can't really see it because it's only one point. If you go up to the Control Panel up here,
you'll see some options. Here's one point. If you go, let's say 14, now you can
really see that stroke there and you can change some other things there as well.
It can have varying width as it's drawn and also you can go to Style, there's a bunch
of styles here. If you click here you can see different types of brushes that are available but
if you just choose one of these, then it adds kind of a stylized edge to it. You can also
change the fill color here so you can choose something from the swatches
available right there or you can hold SHIFT and click it and then you can
choose a specific color level. So CMYK here. If you just click and drag and
change the levels of the four colors there, you can do a specific color or you
can choose it in here with the eyedropper tool that pops up. Then you can see it down there.
You can also change it here or hold SHIFT either way, or you can click the Fill right here.
Double-click it. You can enter in the RGB or CMYK levels there or the six digit web
color code or the HSB levels or you could pull the color panel over here or
even the color guide which we'll get into and you can change the levels here. As long
as this is selected, whatever you change in the color's panel or the color panel, it will reflect
over there. You can also change the opacity if it's partially transparent and you
can also add a style. If you click here, you can open Graphic Style Libraries if you wanted
to choose one of those and there's a couple defaults right here so if you choose one of
those, it will apply that style to the selected object. And you can also pull the
swatches panel off the side and use that there. Of course it's also available up here.
The Fill and the Stroke apply not just to shapes such as this sign here or
the light pole. You can also use, for example, the Paintbrush tool. You can use
the Line tool, you can draw shapes, you can use a pen tool, all of which we'll be going over.
So let's just say we drew a shape here like an ellipse. Click and drag it out and by
default it has this color stroke. So let's just say we wanted to change that and we want
to change the thickness, and let's just say we wanted to change the style and
then also the variable width there. And it doesn't have any fill right now.
You can select it, you can see there's no fill and so if you wanted to add one, let's just
bring it back to the basic and also make it thicker so you can see. Then I'll just do uniform width.
So if it has no fill, if I click and drag it on top,
you'll see here you can see through to the objects behind it and so if you want to
add a fill, you can just double click over here, choose a color and then it adds the fill.
And you can still change the style of the stroke if you wanted, for example,
and you can also open the Brush Library If you click right here. Go down to
Open Brush Library. There's a couple other examples in there so you can choose one
of these and we'all add it to the stroke. So that's a shape.
You can also, let's just say, use the Pencil tool
tool, even. If I click and drag and then I can add a style to adhere to the stroke.
So experiment with fills and strokes. There are a bunch of
different brushes available if you click up here and then go to Open Brush Library
and you can check those out. You can also download these from different sites if
you want or you can use the default extra ones that Adobe provides right here.
One thing to remember is if you want to change the fill or the stroke of a shape
that we have already drawn, you need to select it. So if I had nothing selected and
I change the, you know, the style up here, it won't affect anything. What we need to do is just
select it first so I click with the black arrow here, the selection tool, and I've clicked
this shape here. Now I can change, for example, the fill if I want, to some kind of
color and then it changes it. You can also hold SHIFT and select a couple of shapes at once.
Let's just say we want to change the stroke of all these. You can double click here.
It's got a question mark because it varies by shape and you can just set it there and so
I'll use the Swatches panel. I just went to Window then Swatches and that's a
quick way to add a stroke or a fill with a different color. So I just changed the
stroke where the border, the stylizing of this line here as well as the line that
goes and forms this circle as well as this shape over here and that sign shape there.
So the telephone pole, the sign, this path right here just made with the
Pencil tool as well as this shape all have the same color stroke here because I've'
selected them all by clicking on and holding SHIFT and then we changed it right here.
We also can go to Window as I said and go to Window Swatches. We can apply a
quick color there as well or we can change it by double clicking there
and customizing it. So I hope you understand
fill and stroke. Again the stroke is the border but also really the
stylizing of any line and then the fill is just the color inside a line.
So if had this right here, this doesn't have any fill and you'll notice, if we don't want any
fill or stroke, you can just select it. Here's the fill, and just click that, None and then
click the stroke and click None, and now it does'nt have a fill or a stroke. We could set Stroke to 0
but another way is just to make it have no stroke right here. So if we don't want
any stroke and set it right there, where it says None and then fill. Let's fill right here.
Now this looks a little bit different because it has a fill so the end point and the beginning
point are meeting in a straight line and it's filling with that blue inside of that path.
If I flip those if you click this little double sided arrow here in the top
right hand corner of the fill and the stroke, you notice it has a shortcut which is Shift X.
If Iclick that and it flips it, so make sure to select it and flip it and now it's got a
blue stroke but no fill. Course, if we wanted to have a fill as well, we could
do that too. You just have to make sure it's selected and then apply it. Right, so that is Fill
and Stroke in Illustrator. I will see you in the next lesson.