- [Voiceover] Alright, over the course of this chapter,
we're gonna be creating this project right here,
which, if I were to go up to the view menu
and choose outline, or you can press control + y,
or command + y on the Mac,
you can see contains very little
in the way of path outlines.
We had this one big line
that makes up the entire background.
Then we have some text that I've converted to outlines
along with a few polygons.
But, thanks to the addition of one fill,
12 strokes, and 11 dynamic effects,
we come up with this final piece of artwork.
Which is all terribly exciting, I assure you.
But, we're gonna start things off in this movie
with the practical, if slightly mundane introduction
to the graphic styles panel.
And so, I'll go ahead and switch over
to this base document here.
And, you can see that we've got one layer called type
and another called back, which contains a big rectangle.
And so, to demonstrate that,
I'll go ahead and click on the rectangle
with the black arrow tool
and then, I'll click in the very first color swatch
on the far left side of the control panel
and I'll change the fill color to something like orange.
And you can see that the rectangle updates as well.
Alright, now go up to the window menu
and chose the graphic styles command
to bring up the graphic style panel
and notice, by default,
at least where a basic RGB document is concerned,
we have a total of four styles.
The first one just pretty much
wipes out any special effects.
And so, notice if I click on it,
I end up with a white fill.
I also have black stroke
and the best way to see that is to go to the window menu
and choose the appearance command,
at which point you can see
that I have a one pt black stroke
and if I twirl it open, we have no dynamic effect
and the same goes for the white fill.
So, it's essentially a way of wiping out
all your dynamic effects and starting over.
Now, these next two styles contain little none swatches,
and that tells you that they don't have any fills
or strokes whatsoever.
All they have is dynamic effects.
And, I'll show you how that works in a later movie.
But for now, let's go ahead and click on this final style,
Jive GS, which applies this effect here.
And, if you take a look at the appearance panel,
you can see that we now have two fills,
neither of them have any dynamic effects
associated with them.
The first fill, if I go ahead and click on its swatch,
is set to the jive pattern,
which is the one and only default pattern
included with a basic RGB document.
It has transparent areas inside of it,
which is why it's sitting on a solid blue fill right here.
Now, if I click on this swatch,
you can see that this particular shade of blue
does not appear in the default swatches,
but, you can go ahead and change it to something else,
such as, yellow, let's say, in order to replace the color
that appears in the translucent areas of the pattern.
Alright, I'm gonna go ahead
and click off that panel to hide it,
and then, I'll select the text.
Now, just because we're only seeing four styles
inside the graphic styles panel,
doesn't mean there aren't a lot more to choose from.
And you can get to the other ones
by clicking in this library icon
in the bottom left corner of the panel
and then choosing one of these libraries
of graphic styles that ship along with Illustrator.
Now, because I have some text selected,
I'm gonna choose type effects
in order to bring up this floating panel right here.
And then, I'll just go ahead and apply one of these guys,
such as metal silver, let's say.
And, we end up with this effect.
And in case you're curious how it's put together,
then, just take a look at the contents
of the appearance panel.
So for example, this light stroke right here,
has a transform effect assigned to it,
and if I click on transform,
I can see that the only settings are two move settings,
horizontal and vertical,
both of which are set to negative one,
which means that we're moving the stroke
one point to the left and one point upward.
Alright, I'll just go ahead and cancel out of that.
We also have a fill, by the way,
a gradient fill with no dynamic effects
that just happens to be sitting on an empty fill,
probably just because somebody forgot to throw this away.
Now, notice that we're looking
at all these styles as thumbnails,
and so, if I were to click on the flyout menu icon,
we can see that in addition to the thumbnail view,
you have a couple of list views to choose from.
You also have the option of previewing the effect
on a square, as by default,
or previewing it on text instead,
in which case you replace those squares with letter T's,
which are perhaps more indicative of what you'll get
when styling text inside Illustrator.
Alright, now notice any time I select one of these styles,
such as Shurofuchi 1,
I not only wipe out
all the fills and strokes and dynamic effects
here inside the appearance panel,
but I also add that style to my graphic styles panel,
which tells me that I'm going to save these effects,
along with this document.
Alright, and notice here that we're got a white fill
sitting on top of a red fill set to offset path,
and I can change that, of course if I want to,
by clicking on offset path right there,
raising the offset value to let's say ten points,
and then turning on the preview check box,
at which point, I manage to further expand
that red fill in back of the white one.
And if I like that effect,
I'll just go ahead and click OK to accept the change.
Alright now, I really encourage you to try these guys out
because they can often times be good learning tools.
So, for example, I could click on this shadow type
in order to see that I have white type
with a gray shadow in the background.
But, it's not a traditional drop shadow,
as we're seeing here,
rather, its a gray fill set to gaussian blur.
And so, if I really wanted to turn it into a shadow,
I would need to click on the word opacity
for this bottom fill and change its blend mode
from normal to multiply.
At which point, we end up with a much more credible effect.
Alright, one more way to preview an effect
is to right click on it.
So, I'm gonna go ahead and right click and hold
on this rough effect here.
At which point, I will see it actually applied,
albeit in a small way, to the word obey,
which I have selected inside the document.
And then notice, if I release,
I do not add that style to my graphic styles panel.
And so, if I really like what I saw,
then I would need to go ahead and click on rough
in order to add it.
And then, I might modify my tweak settings
by clicking in the word tweak,
and, let's say I take these guys down to two a piece,
both the horizontal and vertical values
and I switch it from relative to absolute,
so that I'm speaking in terms of points
instead of percentages,
and then, I'll turn on the preview check box
and I can see the effect settle down on screen
so that the text is, at least, more legible.
At which point, I'll click OK to accept that effect.
Alright, I'm done with this floating panel,
so I'll go ahead and close it.
And then, I'll go ahead
and select my favorite style that I applied,
which is Shurofuchi 1,
in order to achieve this final effect.
And, that is my practical, if slightly boring introduction,
to the terribly exciting graphic styles panel
here inside Illustrator