- [Voiceover] In this movie, we'll add highlights and
shadows to our live paint object using custom gradients.
Alright, so the first step is to make sure
the top layer is selected,
and then click on the fly-out menu icon
in the top right corner of the layers panel
and choose duplicate, in my case, not Mobius.
Then, I'll go ahead and double click on this new layer
in order to bring up the layer options dialogue box.
I'll name this layer gradients, and I'll change it's color
to, let's say violet, and click okay.
Alright, now, go ahead and turn off the not Mobius layer
in order to protect it.
And click anywhere on the live paint object
to select the entire thing.
And then go up to the object menu and choose expand.
And at this point it's not going to do you any good
to turn on and off the check boxes,
so just go ahead and click okay.
Alright, now notice that we've expanded
our live paint object into a static group
as we can see over here on the far left side
of the control panel.
And so to break things up go to the object menu,
and choose the ungroup command, or press CTRL + Shift + G
or Command + Shift + G on the Mac.
Then click off the path outline,
and now if you click on one of the outlines
and drag it to a different location,
you'll see that illustrator's broken strokes
and fills apart from each other.
So just go ahead and select those strokes
and press the backspace key
or the delete key on the Mac to get rid of them.
And then click in one of the fills
in order to select that group and press Ctrl + Shift + G
or Command + Shift + G on the Mac in order to bust things up
so all you have is static path outlines,
as indicated by the word path
over here in the far left side of the control panel.
Alright, now you want to marquee these bottom paths
so just partially marquee them
with a black arrow tool like so,
and then press the backspace key,
or the delete key on a Mac, to get rid of them.
And then go ahead and marquee
through these intermediate paths,
and you want this to be a very slender marquee,
so you select just these two path outlines here.
Then press the backspace key
or the delete key on the Mac to get rid of them.
And now click on this guy, this orange wedge right there,
shift click on the blue wedge,
and then shift click over about here
in order to select this kind of parallelogram.
And then press the backspace key,
or the delete key on a Mac, to get rid of
everything but the path outlines that you see right here.
Alright, now we need to unite the big blue
and orange areas independently of each other,
so I'll start things off by marqueeing the blue shapes,
and you can see there's just two paths next to each other.
Now go up to the window menu,
and choose the Pathfinder command,
to bring up the Pathfinder panel.
And notice this intermediate anchor point right there,
that's gonna stick if we don't change a setting
by clicking in fly-out menu icon in the top right corner
of the Pathfinder panel and choosing Pathfinder options.
And I want you to turn on
the Remove Redundant Points checkbox.
Which is something you need to do
even if you've done it before because,
at least as things stand now,
these settings are not saved when you quit the software.
At which point, go ahead and click okay.
And then click on the first icon in the first row,
to unite these shapes together.
And notice, now we lose that redundant anchor point.
Alright, now go ahead and marquee through
these orange shapes, and either click on that icon again,
or you can press a keyboard shortcut
that repeats that last Pathfinder operation Ctrl + 4
here on the PC or Command + 4 on the Mac.
Alright, now let's go ahead and marquee
all these path outlines, all three of them.
And fill them with a gradient
by going up to the window menu
and choosing the Gradient command,
which will bring up the Gradient panel.
Now you want to make sure that it is fully expanded.
If it isn't, just go ahead and click on that double arrow,
there in the gradient tab.
And then make sure the fill is active,
and go ahead and click on the gradient slider,
in order to apply a default gradient.
Now this doesn't happen to be
the gradient we're looking for.
Notice if I double click on this black color stop,
I'll see that I have a k value of 100%,
which is what's known as a weak black.
In other words, we have black ink,
but we don't have any other inks mixed in.
And so what we need to do, is replace it
with a rich black, namely this RGB black right here,
by grabbing it, in the swatches panel,
so make sure you have your swatches panel open,
and then drag it and drop it onto that last swatch.
Alright, now we're looking for a very light gray
that's not quite white, specifically this final swatch
in the grays group
in which all the RGB values are set to 242.
Go ahead and grab that guy and drag him and drop him to
approximately this location.
And I came up with these settings through trial and error.
And now I'm going to change the location value to 75%.
Alright, now I'm going to add another dark swatch,
that's not quite black, specifically this guy,
in which all the values are set to 51.
Go ahead and drag it and drop it to about this location,
and then change the location value to 35%.
And now, I want to make this first color stop,
the one on the left side of the gradient slider,
I want to make it a very dark gray
by grabbing this guy, in which all the values are set to 26,
and dragging it and dropping it into this location.
And now we need to create
a little bit of brightness in between.
So press the Alt key, or the Option key on the Mac,
and drag this light color stop over to a location of 10%,
which you're probably going to have to dial in.
And thanks to the fact you pressed the Alt key,
or the Option key on a Mac,
you went ahead and made a copy of that color stop.
Alright, now we need to figure out the angle of our gradient
and I did that using the line tool.
So go ahead and grab the line segment tool,
and then go up to the view menu,
and make sure Smart Guides are turned on,
in my case they aren't.
So I'll go ahead and choose the command.
And now I'll go ahead and drag along this edge right here,
from the bottom left anchor point, to the top left.
And notice, I can see in my heads up display,
that the angle of this line is exactly 120 degrees.
Alright, now press Ctrl + Z, or Command + Z on the Mac,
in order to undo that line, and with all the paths selected,
I'll go ahead and select this angle value,
here inside the gradient panel,
then I'll set it to 120 minus 90.
120 because that was the angle of this edge,
minus 90 because
that will give me a perpendicular direction.
At which point I will press the enter key,
or the return key on the Mac to invoke that change.
Alright, now I want the gradient to flow continuously
between these two lower paths,
so I'll press the V key to switch back
to my black arrow tool,
and I'll marquee these two paths like so.
And then I'll go up to the object menu,
choose Compound Path, and choose Make.
Or you can press Ctrl + 8, or Command + 8 on the Mac,
to turn them into a single path outline,
so the gradient flows smoothly between the two sub paths.
Alright, now go ahead and marquee all the path outlines,
and turn on the guides layer
down here at the bottom of the layers panel,
so that we can see those center guides.
And then, go ahead and select the Rotate tool,
which you can get by pressing the R key.
And you want to position your cursor
over the intersection of those two center guides.
And then press the Alt key, or the Option key on the Mac,
and click in order to bring up the rotate dialogue box.
And we'll once again set this value to 360 divided by 3,
so 360/3, then press the Tab key
and turn on the preview check box
to make sure everything looks the way it should,
which would be easier to tell
if we could see the live paint object in the background, but
you can take it from me, that this is going to work fine.
At which point I'll click copy, or press Alt + enter,
or Option + return on the Mac,
and notice how things fit together like a jigsaw.
Alright, now I'll duplicate another set of paths
by pressing Ctrl + D, or Command + D on the Mac.
And we end up with this effect here.
And now what you want to do
is hide the guide's layer,
and turn on the not Mobius layer,
so that you can ostensibly see through the gradients to it,
but in order to make things work properly,
we are going to need to assign
a blend mode to the entire layer.
So go ahead and target the layer,
by clicking in its circular meatball,
so you're seeing a double circle target,
and then click on the word Opacity,
up here in the control panel.
Then click normal to bring up blend mode fly-up menu.
And this time we're going to want to change the mode
to hard light in order to create this effect right here.
Alright, now you can press the ESC key,
in order to hide that panel.
Alright, now at this point we no longer need the strokes.
And the easiest way to get to those strokes
on the not Mobius layer,
is to lock down the gradients layer,
by clicking in its second column.
And then press the V key to switch back
to your black arrow tool.
Click inside the artwork to select the live paint object,
and you can tell that's what it is by the words
live paint over here in the far left side
of the control panel.
At which point, go ahead and click
on this second color swatch, which represents the stroke,
and change it to none.
And then, go ahead and click off your artwork
to deselect it.
And that's how you shade your live paint object
using a handful of path outlines
filled custom gradients,
relegated to an independent layer,
set to the hard light blend mode here inside Illustrator.