- [Voiceover] In this movie I'll show you
how to combine multiple styles,
and I'll also show you how to design styles,
specifically with the intention of combining them.
And so the first thing I'm gonna do here is confirm
that the back layer is selected, and in fact
I'm just gonna go ahead and lock down
that Type layer for now.
And then I'll grab my Rectangle Tool
and I'll just draw a rectangle down here someplace,
doesn't really matter where.
And I'm gonna go ahead and zoom in on it,
and I'll press Shift+X in order to swap
the fill and the stroke, because I need a fill,
I don't want a stroke, and I'll just go ahead
and change the fill up here in the Control Panel
to some shade of red. Really doesn't matter.
Alright, now what I want you to notice
is these two default styles right here,
that don't have any fill or stroke associated with them.
And we know that's the case because we can see
this little none swatch right there,
and one of them is called 'Drop Shadow'
and the other is called 'Outer Glow'.
And notice when you hover over 'em,
you're gonna see some message about
how you can Alt or Option click to
add to the existing style.
So if I were to click on this guy,
I would just replace the fill with white
and the stroke with black.
Course that's not what I want, so instead,
what I'll do is I'll Alt or Option
click on 'Drop Shadow'.
And so any of these guys that have little none icons,
they are designed to be added to other effects.
So I'll just go ahead and Alt or Option click
and notice this time I kept my red fill
and I added a drop shadow in the background.
Now as you can see, that gives me a directional shadow.
If I wanna create an omni-directional shadow
that goes all the way around the shape,
then I would undo that last effect
and I would Alt or Option click on the
'Outer Glow' five point effect right there,
which as you can see, adds a dark glow,
which results in a shadow.
And by the way, if you click on the Library icon,
you'll see a couple of Libraries
with the word Additive in them,
that indicates that these Libraries offer styles
that are designed to be added to other styles.
In any event, I'll let you look into those.
But, what I really wanna do is show you
how to design your own so-called Additive style.
So I'll press the backspace key
or the delete key on a Mac,
to get rid of that rectangle and I'll click right there
in order to select that line.
And in case you're having problems finding it,
what you wanna do, I'll just go ahead and press
Ctrl+Shift+A or Cmd+Shift+A on a Mac, to deselect.
What you wanna do is keep an eye out for
the Arrow cursor that has a little square next to it.
When you see the square you know you're hovering over
the real line itself, at which point, go ahead and click.
Alright, now what we need to make sure of
when we're creating these kinds of styles,
is they don't overlap with the other style attributes.
And so I'm gonna switch over to my Appearance Panel,
and let's say I wanna isolate just the Twist effect.
I go ahead and click on the Spinning Line Style
to assign it and then I'll grab my stroke right there
and I'll click on the Trash icon
in the bottom right corner of the panel to get rid of it.
And then I'll select Transform and I'll once again
click on the Trash icon to get rid of it.
So now all we have is a Twist effect
quite literally twisting in the wind
because there's nothing to attach it to.
That's absolutely great.
That means we can save it's settings.
Because it still has settings after all.
If I click on the word Twist,
we have an Anlge of 100 degrees,
which is something I wanna preserve,
and to do that all you need to do is
Alt or Option click on the little Page icon
at the bottom of the Graphic Styles Panel
and I'll call this guy, Twist Only,
and then press the enter key
or the return key on a Mac,
to save that Style.
Now click on Waving Lines, so that I can gain
access to my Zigzag style.
I'll select Transform, be very careful here.
Click on the Trashcan.
Don't click on the little Page icon cause
you do not wanna duplicate the Transform effect,
that could create problems, and when I say create problems,
it could create something that's too difficult
for Illustrator to imagine.
And when Illustrator can't compute, it crashes.
So go ahead and drop down to the little Trashcan icon,
click on it, grab the stroke right there,
and click on the Trash icon to get rid of it.
And then Alt or Option click on
the little Page icon at the bottom of
the Graphic Styles Panel
and let's call this guy Zigzag as one word,
cause it should be one word only,
and then press the enter or return key,
and notice that both these Styles
have little none icons, indicating of course,
that they do not convey fill or stroke attributes.
Alright, now click on Vibrating Lines
in order to apply it.
Then grab Transform, be really super careful
to click on the Trash icon,
cause this one you can really blow up.
If you duplicate the Transform effect.
Because think about it, you're taking 89 copies,
so 90 lines altogether,
and then you're making 89 copies of them.
That is just too many copies to start roughing up.
Now grab the stroke and click on
the Trash icon to get rid of it.
And then go ahead and Alt or Option click
on the little Page icon
and call this guy, Roughing Only.
And then I'll click OK.
Alright, now I need to preserve the stroke
with the Transform and only the Transform.
And so I'll bring back anyone of these guys,
doesn't matter, Spinning Lines is fine.
And then I'll click on Twist,
this time click on the Trash icon to get rid of it.
So we're Transforming the strokes and doing nothing more.
And now Alt or Option click once again
on the little Page icon,
and call this guy '89 copies', so you remember
not to combine it with itself,
and then click OK and create that Style.
Alright, now drumroll please.
We are going to do a combine at this point.
So with this line selected,
and we're gonna be really careful here.
We're gonna try out a combine in this order.
I want you to start,
just because I know this can be dangerous.
Do not, for example, start with Roughing
and then apply Zigzag.
That, in my experience, is the best way
to crash Illustrator, that I know of.
Instead, do this.
Hover over Zigzag Only.
If you're following along with me, if you dare.
And you might wanna just go ahead
and save this file really quick if you care about it.
Then try this out. Now this I've never had crash.
If you do it according to my exact instructions.
I want you to hover your cursor over Zigzag Only
and then press the Alt key
or the Option key on the Mac, and click on it
in order to successfully combine that effect.
And notice we're first Transforming
and then Zigzagging this path
that includes this two point stroke.
Now what I want you to do is
hover over Roughing Only, and then press the Alt key
or the Option on the Mac, and click on it
in order to combine Roughing after Zigzag.
So it should be Transform, Zigzag, Roughing.
If Roughing comes first,
my experience is that Illustrator goes down.
And that is how you combine multiple Styles.
Not only how you design styles
that are meant to be combined, here inside Illustrator.